[AAE-7160] Setup Playwright in ADF - Storybook testing (#7537)

* [AAE-7160] Setup Playwright in ADF - Storybook testing * New test cases for groups component. Reorganize the files * Add to package.json scripts - npm run playwright * Change amount of workers * Change workesr to 2
2025-07-24 17:32:15 +00:00 · 2022-03-07 08:36:55 +01:00
parent 25eaf9d024
commit a0c7631abb
24 changed files with 1792 additions and 131 deletions
--- a/e2e-playwright/playwright.config.ts
+++ b/e2e-playwright/playwright.config.ts
@@ -0,0 +1,101 @@
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+/*
+ * Copyright © 2005 - 2021 Alfresco Software, Ltd. All rights reserved.
+ *
+ * License rights for this program may be obtained from Alfresco Software, Ltd.
+ * pursuant to a written agreement and any use of this program without such an
+ * agreement is prohibited.
+ */
+
+import { PlaywrightTestConfig, ReporterDescription, WebServerConfig } from '@playwright/test';
+import { dotenvConfig } from '@alfresco/adf-cli/tooling';
+import { paths } from './utils/paths';
+import { timeouts } from './utils/timeouts';
+import path from 'path';
+
+export const getGlobalConfig = (): PlaywrightTestConfig => {
+    dotenvConfig();
+    const env = process.env;
+    const baseUrl = `${env.PLAYWRIGHT_STORYBOOK_E2E_HOST}:${env.PLAYWRIGHT_STORYBOOK_E2E_PORT}`;
+    let startCommand: string;
+    let report: ReporterDescription;
+
+    if (!!env.CI) {
+        startCommand = 'nx run stories:storybook';
+        report = ['html', { outputFolder: path.resolve(`../${paths.report}`), open: 'never' }];
+    } else {
+        startCommand = 'nx run stories:build-storybook && nx run stories:storybook';
+        report = ['html', { outputFolder: path.resolve(`../${paths.report}`), open: 'on-failure' }];
+    }
+
+    const webServer: WebServerConfig = {
+        command: startCommand,
+        // It's true, but watch on on localhost! If you'll have other app up and running then it'll use this app to run the tests.
+        // It won't check what application is currently running.
+        reuseExistingServer: true,
+        timeout: timeouts.webServer,
+        url: baseUrl
+    };
+
+    return {
+        timeout: timeouts.globalTest,
+        globalTimeout: timeouts.globalSpec,
+        testMatch: /.*\.e2e\.ts/,
+
+        expect: {
+            timeout: timeouts.large
+        },
+
+        /* Fail the build on CI if you accidentally left test.only in the source code. */
+        forbidOnly: !!env.CI,
+
+        /* Retry on CI only */
+        retries: env.CI ? 2 : 0,
+
+        /* Opt out of parallel tests on CI. */
+        workers: env.PLAYWRIGHT_WORKERS ? parseInt(env.PLAYWRIGHT_WORKERS, 0) : 1,
+
+        /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+        reporter: [['list'], report],
+        quiet: false,
+
+        /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+        use: {
+            actionTimeout: 0,
+            trace: 'retain-on-failure',
+            screenshot: 'only-on-failure',
+            headless: !!env.PLAYWRIGHT_HEADLESS ? (env.PLAYWRIGHT_HEADLESS === 'true') : !!env.CI,
+            ignoreHTTPSErrors: true,
+            bypassCSP: true,
+            browserName: 'chromium',
+            baseURL: baseUrl,
+            viewport: {
+                height: 900,
+                width: 1400
+            },
+            launchOptions: {
+                devtools: false,
+                args: [
+                    '--disable-web-security',
+                    '--no-sandbox'
+                ]
+            }
+        },
+
+        projects: [
+            {
+                name: 'Process Services Cloud : People',
+                testMatch: /.people-cloud*\.e2e\.ts/
+            },
+            {
+                name: 'Process Services Cloud : Groups',
+                testMatch: /.groups-cloud*\.e2e\.ts/
+            }
+        ],
+
+        webServer
+    };
+
+};
+
+export default getGlobalConfig();