[ACS-5882] infoDrawer comments tests migrated to Playwright

e2e/playwright/info-drawer/.eslintrc.json

@@ -0,0 +1,26 @@
+{
+  "extends": "../../../.eslintrc.json",
+  "ignorePatterns": [
+    "!**/*"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.ts"
+      ],
+      "parserOptions": {
+        "project": [
+          "e2e/playwright/list-views/tsconfig.e2e.json"
+        ],
+        "createDefaultProgram": true
+      },
+      "plugins": [
+        "rxjs",
+        "unicorn"
+      ],
+      "rules": {
+        "@typescript-eslint/no-floating-promises": "off"
+      }
+    }
+  ]
+}

e2e/playwright/info-drawer/exclude.tests.json

@@ -0,0 +1 @@
+{}

e2e/playwright/info-drawer/playwright.config.ts

@@ -0,0 +1,44 @@
+/*!
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Alfresco Example Content Application
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail. Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { PlaywrightTestConfig } from '@playwright/test';
+import { CustomConfig, getGlobalConfig, getExcludedTestsRegExpArray } from '@alfresco/playwright-shared';
+import EXCLUDED_JSON from './exclude.tests.json';
+
+const config: PlaywrightTestConfig<CustomConfig> = {
+  ...getGlobalConfig,
+
+  grepInvert: getExcludedTestsRegExpArray(EXCLUDED_JSON, 'List Views'),
+  projects: [
+    {
+      name: 'List Views',
+      testDir: './src/tests',
+      use: {
+        users: ['hruser', 'admin']
+      }
+    }
+  ]
+};
+
+export default config;

e2e/playwright/info-drawer/project.json

@@ -0,0 +1,22 @@
+{
+  "name": "info-drawer-e2e",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "e2e/playwright/info-drawer",
+  "projectType": "application",
+  "targets": {
+    "e2e": {
+      "executor": "nx:run-commands",
+      "options": {
+        "commands": ["npx playwright test --config=e2e/playwright/info-drawer/playwright.config.ts"]
+      },
+      "configurations": {
+        "production": {
+          "devServerTarget": "content-ce:serve:production"
+        }
+      }
+    },
+    "lint": {
+      "executor": "@angular-eslint/builder:lint"
+    }
+  }
+}

e2e/playwright/info-drawer/src/tests/comments.spec.ts

@@ -0,0 +1,153 @@
+/*!
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Alfresco Example Content Application
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail. Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { expect } from '@playwright/test';
+import { ApiClientFactory, Utils, test, TrashcanApi, FavoritesPageApi, NodesApi, FileActionsApi } from '@alfresco/playwright-shared';
+
+test.describe('Personal Files', () => {
+  const apiClientFactory = new ApiClientFactory();
+  let nodesApi: NodesApi;
+  let trashcanApi: TrashcanApi;
+  let fileActionsApi: FileActionsApi;
+  let favoritesActions: FavoritesPageApi;
+  const username = `user-e2e-${Utils.random()}`;
+  const commentText = `comment-e2e-${Utils.random()}`;
+  const persFolderName = `persFolder-e2e-${Utils.random()}`;
+  const favFolderName = `favFolder-e2e-${Utils.random()}`;
+  const sharedFileName = `sharedFile-e2e-${Utils.random()}`;
+
+  test.beforeAll(async () => {
+    try {
+      await apiClientFactory.setUpAcaBackend('admin');
+      await apiClientFactory.createUser({ username });
+      nodesApi = await NodesApi.initialize(username, username);
+      trashcanApi = await TrashcanApi.initialize(username, username);
+      favoritesActions = await FavoritesPageApi.initialize(username, username);
+      fileActionsApi = await FileActionsApi.initialize(username, username);
+    } catch (error) {
+      console.error(`beforeAll failed : ${error}`);
+    }
+  });
+
+  test.beforeEach(async ({ loginPage }) => {
+    try {
+      await loginPage.loginUser({ username: username, password: username }, { withNavigation: true, waitForLoading: true });
+    } catch (error) {
+      console.error(`Main beforeEach failed: ${error}`);
+    }
+  });
+
+  test.afterAll(async () => {
+    try {
+      await nodesApi.deleteCurrentUserNodes();
+      await trashcanApi.emptyTrashcan();
+    } catch {}
+  });
+
+  test('[C299173] from Personal Files - Comments tab default fields', async ({ personalFiles }) => {
+    await nodesApi.createFolder(persFolderName);
+    await fileActionsApi.waitForNodes(persFolderName, { expect: 1 });
+    await personalFiles.navigate();
+    await expect(personalFiles.dataTable.getRowByName(persFolderName)).toBeVisible();
+    await personalFiles.dataTable.getRowByName(persFolderName).click();
+    await personalFiles.acaHeader.viewDetails.click();
+    await personalFiles.infoDrawer.commentsTab.click();
+    await expect(personalFiles.infoDrawer.commentInputField).toBeVisible();
+    expect(await personalFiles.infoDrawer.checkCommentsHeaderCount()).toEqual(0);
+    expect(await personalFiles.infoDrawer.addCommentButton).toBeDisabled();
+  });
+
+  test('[C299209] from Favorites - Add a comment on a folder', async ({ favoritePage }) => {
+    const folderFavId: string = (await nodesApi.createFolder(favFolderName)).entry.id;
+    await favoritesActions.addFavoritesByIds('folder', [folderFavId]);
+    await fileActionsApi.waitForNodes(favFolderName, { expect: 1 });
+    await favoritePage.navigate();
+    await expect(favoritePage.dataTable.getRowByName(favFolderName)).toBeVisible();
+    await favoritePage.dataTable.getRowByName(favFolderName).click();
+    await favoritePage.acaHeader.viewDetails.click();
+    await favoritePage.infoDrawer.commentsTab.click();
+    await expect(favoritePage.infoDrawer.commentInputField).toBeVisible();
+    await favoritePage.addCommentToNode(commentText);
+    await expect(favoritePage.infoDrawer.addCommentButton).toBeDisabled();
+    expect(await favoritePage.infoDrawer.checkCommentsHeaderCount()).toEqual(1);
+    expect(await favoritePage.infoDrawer.verifyCommentsCountFromList(1));
+  });
+
+  test('[C299189] from Shared Files - Comments are displayed ordered by created date in descending order', async ({ sharedPage }) => {
+    const e2eCommentFirst = `e2e-comment-${Utils.random()}`;
+    const e2eCommentSecond = `e2e-comment-${Utils.random()}`;
+    const sharedFileId: string = (await nodesApi.createFile(sharedFileName)).entry.id;
+    await fileActionsApi.waitForNodes(sharedFileName, { expect: 1 });
+    await apiClientFactory.commentsApi.createComment(sharedFileId, { content: e2eCommentFirst });
+    await apiClientFactory.commentsApi.createComment(sharedFileId, { content: e2eCommentSecond });
+    await apiClientFactory.share.createSharedLink({ nodeId: sharedFileId });
+    await fileActionsApi.waitForNodes(sharedFileName, { expect: 1 });
+    await sharedPage.navigate();
+    await expect(sharedPage.dataTable.getRowByName(sharedFileName)).toBeVisible();
+    await sharedPage.dataTable.getRowByName(sharedFileName).click();
+    await sharedPage.acaHeader.viewDetails.click();
+    await sharedPage.infoDrawer.commentsTab.click();
+    await sharedPage.infoDrawer.waitForComments();
+    expect(await sharedPage.infoDrawer.checkCommentsHeaderCount()).toEqual(2);
+    expect(await sharedPage.infoDrawer.commentTextContent.nth(0).textContent()).toEqual(e2eCommentSecond);
+    expect(await sharedPage.infoDrawer.commentTextContent.nth(1).textContent()).toEqual(e2eCommentFirst);
+  });
+
+  test('[C299195] from Recent Files - Add a comment on a file', async ({ recentFilesPage }) => {
+    const recentFile = `e2e-recentfile-${Utils.random()}`;
+    await nodesApi.createFile(recentFile);
+    await fileActionsApi.waitForNodes(recentFile, { expect: 1 });
+    await recentFilesPage.navigate();
+    await expect(recentFilesPage.dataTable.getRowByName(recentFile)).toBeVisible();
+    await recentFilesPage.dataTable.getRowByName(recentFile).click();
+    await recentFilesPage.acaHeader.viewDetails.click();
+    await recentFilesPage.infoDrawer.commentsTab.click();
+    await expect(recentFilesPage.infoDrawer.commentInputField).toBeVisible();
+    await recentFilesPage.addCommentToNode(commentText);
+    await expect(recentFilesPage.infoDrawer.addCommentButton).toBeDisabled();
+    expect(await recentFilesPage.infoDrawer.checkCommentsHeaderCount()).toEqual(1);
+    expect(await recentFilesPage.infoDrawer.verifyCommentsCountFromList(1));
+  });
+
+  test('[C299196] Comment info display - File from Favorites', async ({ favoritePage }) => {
+    const e2eCommentFirst = `e2e-comment-${Utils.random()}`;
+    const commentInfoFileName = `e2e-commentFile-${Utils.random()}`;
+    const commentInfoFileId: string = (await nodesApi.createFile(commentInfoFileName)).entry.id;
+    await favoritesActions.addFavoritesByIds('file', [commentInfoFileId]);
+    await fileActionsApi.waitForNodes(commentInfoFileName, { expect: 1 });
+    await apiClientFactory.commentsApi.createComment(commentInfoFileId, { content: e2eCommentFirst });
+    await apiClientFactory.share.createSharedLink({ nodeId: commentInfoFileId });
+    await fileActionsApi.waitForNodes(commentInfoFileName, { expect: 1 });
+    await favoritePage.navigate();
+    await expect(favoritePage.dataTable.getRowByName(commentInfoFileName)).toBeVisible();
+    await favoritePage.dataTable.getRowByName(commentInfoFileName).click();
+    await favoritePage.acaHeader.viewDetails.click();
+    await favoritePage.infoDrawer.commentsTab.click();
+    await favoritePage.infoDrawer.waitForComments();
+    expect(await favoritePage.infoDrawer.checkCommentsHeaderCount()).toEqual(1);
+    expect(await favoritePage.infoDrawer.commentTextContent.nth(0).textContent()).toEqual(e2eCommentFirst);
+    expect(await favoritePage.infoDrawer.commentTimestamp.nth(0).textContent()).toEqual('less than a minute ago');
+    expect(await favoritePage.infoDrawer.commentUsername.nth(0).textContent()).toEqual('Administrator');
+  });
+});

e2e/playwright/info-drawer/tsconfig.e2e.adf.json

@@ -0,0 +1,15 @@
+{
+  "extends": "../../../tsconfig.adf.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/e2e",
+    "baseUrl": "./",
+    "module": "commonjs",
+    "target": "es2017",
+    "types": ["jasmine", "jasminewd2", "node"],
+    "skipLibCheck": true,
+    "paths": {
+      "@alfresco/playwright-shared": ["../../../projects/aca-playwright-shared/src/index.ts"]
+    }
+  },
+  "exclude": ["node_modules"]
+}

e2e/playwright/info-drawer/tsconfig.e2e.json

@@ -0,0 +1,15 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/e2e",
+    "baseUrl": "./",
+    "module": "commonjs",
+    "target": "es2017",
+    "types": ["jasmine", "jasminewd2", "node", "@playwright/test"],
+    "skipLibCheck": true,
+    "paths": {
+      "@alfresco/playwright-shared": ["../../../projects/aca-playwright-shared/src/index.ts"]
+    }
+  },
+  "exclude": ["node_modules"]
+}

projects/aca-playwright-shared/src/api/api-client-factory.ts

@@ -39,7 +39,8 @@ import {
   SharedlinksApi,
   FavoritesApi,
   TrashcanApi,
-  PersonEntry
+  PersonEntry,
+  CommentsApi
 } from '@alfresco/js-api';
 import { ActionTypes, Rule } from './rules-api';
 import { users } from '../base-config';
@@ -83,6 +84,7 @@ export class ApiClientFactory {
   public share: SharedlinksApi;
   public favorites: FavoritesApi;
   public trashCan: TrashcanApi;
+  public commentsApi: CommentsApi;
 
   constructor() {
     this.alfrescoApi = new AlfrescoApi(config);
@@ -105,6 +107,7 @@ export class ApiClientFactory {
     this.share = new SharedlinksApi(this.alfrescoApi);
     this.favorites = new FavoritesApi(this.alfrescoApi);
     this.trashCan = new TrashcanApi(this.alfrescoApi);
+    this.commentsApi = new CommentsApi(this.alfrescoApi);
 
     return this;
   }

projects/aca-playwright-shared/src/page-objects/components/adf-info-drawer.component.ts

@@ -23,7 +23,7 @@
   */
 
 import { BaseComponent } from './base.component';
-import { Page } from '@playwright/test';
+import { Page, expect } from '@playwright/test';
 
 export class AdfInfoDrawerComponent extends BaseComponent {
   private static rootElement = 'adf-info-drawer';
@@ -36,4 +36,32 @@ export class AdfInfoDrawerComponent extends BaseComponent {
   public getIdField = (labelText: string) => this.getChild('[data-automation-id="library-id-properties-wrapper"]', { hasText: labelText });
   public getVisibilityField = (labelText: string) => this.getChild('[data-automation-id="library-visibility-properties-wrapper"]', { hasText: labelText });
   public getDescriptionField = this.getChild('[data-automation-id="library-description-properties-wrapper"] textarea');
+  public propertiesTab = this.getChild('.mat-tab-label-content').nth(0);
+  public commentsTab = this.getChild('.mat-tab-label-content').nth(1);
+  public commentInputField = this.getChild('mat-form-field');
+  public commentsHeader = this.getChild('#comment-header');
+  public addCommentButton = this.getChild('[data-automation-id="comments-input-add"]');
+  public commentsList = this.getChild('.adf-comment-list-item');
+  public commentUsername = this.getChild('.mat-line.adf-comment-user-name');
+  public commentTextContent = this.getChild('.mat-line.adf-comment-message');
+  public commentTimestamp = this.getChild('.mat-line.adf-comment-message-time');
+  public commentProfileIcon = this.getChild('.adf-comment-user-icon.ng-star-inserted');
+
+
+  async checkCommentsHeaderCount() {
+    let commentsCountTextContent: string = await this.commentsHeader.textContent();
+    let commentsCountSplit: string = commentsCountTextContent.split("Comments (")[1];
+    let commentsCountString: string = commentsCountSplit.split(")")[0];
+    let commentsCount: number = parseInt(commentsCountString);
+    return commentsCount;
+  }
+
+  async verifyCommentsCountFromList(expectedNumber: number) {
+    let commentsCountFromList = await this.commentsList.count();
+    expect(commentsCountFromList).toEqual(expectedNumber);
+  }
+
+  async waitForComments() {
+    await this.commentsList.first().waitFor();
+  }
 }

projects/aca-playwright-shared/src/page-objects/pages/favorites.page.ts

@@ -24,7 +24,7 @@
 
 import { Page } from '@playwright/test';
 import { BasePage } from './base.page';
-import { DataTableComponent, MatMenuComponent, ViewerComponent, SidenavComponent, PaginationComponent, Breadcrumb } from '../components';
+import { DataTableComponent, MatMenuComponent, ViewerComponent, SidenavComponent, PaginationComponent, Breadcrumb, AdfInfoDrawerComponent } from '../components';
 import { AcaHeader } from '../components/aca-header.component';
 import { AdfFolderDialogComponent, ViewerOverlayDialogComponent } from '../components/dialogs';
 
@@ -44,8 +44,15 @@ export class FavoritesPage extends BasePage {
   public sidenav = new SidenavComponent(this.page);
   public pagination = new PaginationComponent(this.page);
   public breadcrumb = new Breadcrumb(this.page);
+  public infoDrawer = new AdfInfoDrawerComponent(this.page);
 
   async waitForPageLoad() {
     await this.page.waitForURL(`**/${FavoritesPage.pageUrl}`);
   }
+
+  async addCommentToNode(commentText: any) {
+    await this.infoDrawer.commentInputField.click();
+    await this.page.keyboard.type(commentText);
+    await this.infoDrawer.addCommentButton.click();
+  }
 }