[ACS-5923] navigation breadcrumb playwright test (#3410)

* ACS-5870-playwright test for application

* fix for failing test

* fix for failing test

* fix for login secario test

* fix for login test with newuser login

* [ACS-5923] playwright breadcrumb test

* Update breadcrumb.spec.ts

* test fix

* test fix admin

* test fix admin

* test fix user folder

* test fix user test remove

.github/workflows/pull-request.yml

@@ -180,6 +180,8 @@ jobs:
             id: 3
           - name: "authentication"
             id: 4
+          - name: "navigation"
+            id: 5
     steps:
       - name: Checkout
         uses: actions/checkout@v3

e2e/playwright/navigation/.eslintrc.json

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

e2e/playwright/navigation/exclude.tests.json

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

e2e/playwright/navigation/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, 'Navigation'),
+  projects: [
+    {
+      name: 'Navigation',
+      testDir: './src/tests',
+      use: {
+        users: ['hruser', 'admin']
+      }
+    }
+  ]
+};
+
+export default config;

e2e/playwright/navigation/project.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "name": "navigation-e2e",
+  "sourceRoot": "e2e/playwright/navigation/src",
+  "projectType": "application",
+  "targets": {
+    "e2e": {
+      "executor": "nx:run-commands",
+      "options": {
+          "commands": [
+              "npx playwright test --config=e2e/playwright/navigation/playwright.config.ts"
+          ]
+      },
+      "configurations": {
+        "production": {
+          "devServerTarget": "content-ce:serve:production"
+        }
+      }
+    },
+    "lint": {
+      "executor": "@angular-eslint/builder:lint",
+      "options": {
+        "lintFilePatterns": [
+          "e2e/**/*.ts",
+          "e2e/**/*.html"
+        ],
+        "cache": true,
+        "cacheLocation": ".eslintcache",
+        "ignorePath": ".eslintignore"
+      },
+      "outputs": ["{options.outputFile}"]
+    }
+  }
+}

e2e/playwright/navigation/src/tests/breadcrumb.spec.ts

@@ -0,0 +1,128 @@
+/*!
+ * 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, getUserState, SITE_VISIBILITY, test, Utils } from '@alfresco/playwright-shared';
+
+test.use({ storageState: getUserState('hruser') });
+test.describe('viewer action file', () => {
+  const apiClientFactory = new ApiClientFactory();
+
+  const parent = `parent-${Utils.random()}`;
+  let parentId: string;
+  const subFolder1 = `subFolder1-${Utils.random()}`;
+  let subFolder1Id: string;
+  const subFolder2 = `subFolder2-${Utils.random()}`;
+  let subFolder2Id: string;
+  const fileName1 = `file1-${Utils.random()}.txt`;
+
+  const siteName = `site-${Utils.random()}`;
+  const parentFromSite = `parent-in-site-${Utils.random()}`;
+  let parentFromSiteId: string;
+  const subFolder1FromSite = `subFolder1-in-site-${Utils.random()}`;
+  let subFolder1FromSiteId: string;
+  const subFolder2FromSite = `subFolder2-in-site-${Utils.random()}`;
+  let subFolder2FromSiteId: string;
+  const fileName1FromSite = `file1-in-site-${Utils.random()}.txt`;
+
+  const parent2 = `parent2-${Utils.random()}`;
+  let parent2Id: string;
+  const folder1 = `folder1-${Utils.random()}`;
+  let folder1Id: string;
+  const folder1Renamed = `renamed-${Utils.random()}`;
+
+  test.beforeAll(async ({ nodesApiAction, sitesApiAction }) => {
+    await apiClientFactory.setUpAcaBackend('hruser');
+
+    const parentNode = await nodesApiAction.createFolder(parent);
+    parentId = parentNode.entry.id;
+    subFolder1Id = (await nodesApiAction.createFolder(subFolder1, parentId)).entry.id;
+    subFolder2Id = (await nodesApiAction.createFolder(subFolder2, subFolder1Id)).entry.id;
+    await nodesApiAction.createFile(fileName1, subFolder2Id);
+
+    parent2Id = (await nodesApiAction.createFolder(parent2)).entry.id;
+    folder1Id = (await nodesApiAction.createFolder(folder1, parent2Id)).entry.id;
+
+    await sitesApiAction.createSite(siteName, SITE_VISIBILITY.PUBLIC);
+    const docLibId = await sitesApiAction.getDocLibId(siteName);
+    parentFromSiteId = (await nodesApiAction.createFolder(parentFromSite, docLibId)).entry.id;
+    subFolder1FromSiteId = (await nodesApiAction.createFolder(subFolder1FromSite, parentFromSiteId)).entry.id;
+    subFolder2FromSiteId = (await nodesApiAction.createFolder(subFolder2FromSite, subFolder1FromSiteId)).entry.id;
+    await nodesApiAction.createFile(fileName1FromSite, subFolder2FromSiteId);
+  });
+
+  test.afterAll(async () => {
+    await apiClientFactory.nodes.deleteNode(parentId, { permanent: true });
+  });
+
+  test('[C260964] Personal Files breadcrumb main node', async ({ personalFiles }) => {
+    await personalFiles.navigate({ remoteUrl: `#/personal-files/` });
+    expect(await personalFiles.breadcrumb.items.count(), 'Breadcrumb has incorrect number of items').toEqual(1);
+    expect(await personalFiles.breadcrumb.currentItem.innerText()).toBe('Personal Files');
+  });
+
+  test('[C260965] Personal Files breadcrumb for a folder hierarchy', async ({ personalFiles }) => {
+    await personalFiles.navigate({ remoteUrl: `#/personal-files/${subFolder2Id}` });
+    const expectedBreadcrumb = ['Personal Files', parent, subFolder1, subFolder2];
+    expect(await personalFiles.breadcrumb.getAllItems()).toEqual(expectedBreadcrumb);
+  });
+
+  test('[C260967] File Libraries breadcrumb for a folder hierarchy', async ({ myLibrariesPage }) => {
+    await myLibrariesPage.navigate({ remoteUrl: `#/libraries/${subFolder2FromSiteId}` });
+    const expectedItems = ['My Libraries', siteName, parentFromSite, subFolder1FromSite, subFolder2FromSite];
+    expect(await myLibrariesPage.breadcrumb.getAllItems()).toEqual(expectedItems);
+  });
+
+  test('[C213235] User can navigate to any location by clicking on a step from the breadcrumb', async ({ personalFiles }) => {
+    await personalFiles.navigate({ remoteUrl: `#/personal-files/${subFolder2Id}` });
+    await personalFiles.breadcrumb.clickItem(subFolder1);
+    await personalFiles.dataTable.spinnerWaitForReload();
+    const expectedBreadcrumb = ['Personal Files', parent, subFolder1];
+    expect(await personalFiles.breadcrumb.getAllItems()).toEqual(expectedBreadcrumb);
+  });
+
+  test('[C213237] Tooltip appears on hover on a step in breadcrumb', async ({ personalFiles }) => {
+    await personalFiles.navigate({ remoteUrl: `#/personal-files/${subFolder2Id}` });
+    const item = personalFiles.breadcrumb.items.nth(2);
+    const title = await item.getAttribute('title');
+    expect(title).toEqual(subFolder1);
+  });
+
+  test('[C213238] Breadcrumb updates correctly when folder is renamed', async ({ personalFiles, nodesApiAction }) => {
+    await nodesApiAction.renameNode(folder1Id, folder1Renamed);
+    await personalFiles.navigate({ remoteUrl: `#/personal-files/${folder1Id}` });
+    await personalFiles.page.reload();
+    await personalFiles.dataTable.spinnerWaitForReload();
+    expect(await personalFiles.breadcrumb.currentItem.innerText()).toEqual(folder1Renamed);
+  });
+
+  test('[C213240] Browser back navigates to previous location regardless of breadcrumb steps', async ({ personalFiles, trashPage }) => {
+    await personalFiles.navigate({ remoteUrl: `#/personal-files/${subFolder2Id}` });
+    await trashPage.navigate();
+    await personalFiles.page.goBack();
+    await personalFiles.dataTable.spinnerWaitForReload();
+    const expectedBreadcrumb = ['Personal Files', parent, subFolder1, subFolder2];
+    expect(await personalFiles.breadcrumb.getAllItems()).toEqual(expectedBreadcrumb);
+  });
+});

e2e/playwright/navigation/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/navigation/tsconfig.e2e.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/e2e",
+    "baseUrl": "./",
+    "module": "commonjs",
+    "target": "es2017",
+    "types": ["jasmine", "jasminewd2", "node", "@playwright/test"],
+    "skipLibCheck": true,
+  },
+  "exclude": ["node_modules"]
+}