@spscommerce/e2e-core 1.0.5 → 1.1.3

package/.dockerignore

@@ -1,7 +1,7 @@
 # Ignore all files by default
 *
 # White list the required files
-!env.config.ts
+!helpers/
 !credentials.sh
 !jest-environment.config.js
 !jest-playwright.config.js

package/Dockerfile

@@ -3,7 +3,8 @@ FROM mcr.microsoft.com/playwright:bionic
 # We need to install Edge manually since it does not exist in the official PW image
 # https://github.com/microsoft/playwright/blob/07fb81a4efdcc4c2169a61a16b513b9d91be6c49/src/server/chromium/findChromiumChannel.ts#L38
 
-RUN apt-get install wget \
+RUN apt-get update \
+    && apt-get install --reinstall wget \
     && wget -q -O - https://packages.microsoft.com/keys/microsoft.asc | apt-key add - \
     && echo "deb https://packages.microsoft.com/repos/edge stable main" >> /etc/apt/sources.list.d/microsoft-edge.list \
     && apt-get update -qqy \

package/README.md

@@ -39,7 +39,7 @@ HEADLESS=false BROWSER=chromium npm run test
 | ------------------: | -------------------------------------------------- | ------------------------------ | ------------------------------------ |
 | HEADLESS            | launch browser in headless/headful mode            | true                           | true, false                          |
 | BROWSER             | use + as a separator, e.g edge+firefox             | chromium                       | chromium, firefox, webkit, edge      |
-| ENV                 | auth state is invoked for the defined env          | test                           | test, prod                           |
+| URL                 | auth state is invoked for the defined env          | test                           | test, prod etc.                           |
 | SLOWMO              | slow down an execution for debugging               | 0                              | [number_in_ms]                       |
 | TIMEOUT             | global timeout for each test                       | 30000                          | [number_in_ms]                       |
 | WORKERS             | number of workers (test threads)                   | number of CPUs minus 1         | [number]                             |

package/helpers/apiCalls.ts

@@ -0,0 +1,83 @@
+import fetch from 'node-fetch';
+
+let authEndpoint = 'https://test.id.spsc.io/';
+
+if (process.env.URL && process.env.URL.toLowerCase().includes('prod')) {
+    authEndpoint = 'https://id.spsc.io/';
+}
+
+export async function getAuthToken(): Promise<string> {
+    if (process.env.USER_EMAIL && process.env.USER_PASSWORD) {
+        const requestOptions = {
+            method: 'POST',
+            body: JSON.stringify({
+                username: process.env.USER_EMAIL,
+                password: process.env.USER_PASSWORD,
+                client_id: "595",
+                grant_type: "password"
+            }),
+            headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json'
+            }
+        }
+        try {
+            const fetchResponse = await fetch(authEndpoint + 'identity/token/', requestOptions);
+            const data = await fetchResponse.json();
+            return data.access_token;
+        } catch (e) {
+            console.log(e);
+            return process.exit(1);
+        }
+    } else {
+        throw new Error(`Set up process environment variables: USER_EMAIL and USER_PASSWORD.`);
+    }
+}
+
+export async function getUserInfo(): Promise<any> {
+    const requestOptions = {
+        method: 'GET',
+        headers: {
+            'Authorization': `Bearer ${process.env.TOKEN}`,
+            'Accept': 'application/json',
+            'Content-Type': 'application/json'
+        }
+    }
+    try {
+        const fetchResponse = await fetch(authEndpoint + `identity/users/me/`, requestOptions);
+        const data = await fetchResponse.json();
+        return data;
+    } catch (e) {
+        console.log(e);
+        return process.exit(1);
+    }
+}
+
+export async function changePreferredOrg(orgID: string): Promise<void> {
+    const userData = await getUserInfo();
+    const requestOptions = {
+        method: 'PUT',
+        body: JSON.stringify({
+            email: userData.email,
+            first_name: userData.first_name,
+            last_name: userData.last_name,
+            preferred_org_id: orgID,	
+            organization: {	
+                id: orgID	
+            }
+        }),
+        headers: {
+            'Authorization': `Bearer ${process.env.TOKEN}`,
+            'Accept': 'application/json',
+            'Content-Type': 'application/json'
+        }
+    }
+    try {
+        const fetchResponse = await fetch(authEndpoint + `identity/users/${userData.id}/`, requestOptions);
+        const data = await fetchResponse.json();
+        return data;
+    } catch (e) {
+        console.log(e);
+        return process.exit(1);
+    }
+}

package/helpers/authSetup.ts

@@ -1,7 +1,24 @@
-export async function authenticate(token?: string): Promise<void> {
-  await page.addInitScript((params: { name: string; value: string; }) => {
+import { changePreferredOrg, getAuthToken, getUserInfo } from '../helpers/apiCalls';
+
+export async function authenticate(orgID: string): Promise<void> {
+  const testSuiteName = expect.getState().testPath.split('/').pop().split('.').reverse()[2];
+  process.env.TOKEN = await getAuthToken();
+  let userData = await getUserInfo();
+  console.log(`${testSuiteName} suite authentication flow: 
+  Current preferred org: ${userData.preferred_org_id}.
+  Current org: ${userData.organization.organization_name}.`);
+  while (userData.preferred_org_id !== orgID || userData.organization.id !== orgID) {
+    await changePreferredOrg(orgID);
+    process.env.TOKEN = await getAuthToken();
+    userData = await getUserInfo();
+    console.log(`${testSuiteName} suite authentication flow: 
+    Preferred org was changed to: ${userData.preferred_org_id}.
+    Current org was changed to: ${userData.organization.organization_name}.`);
+  }
+  console.log(process.env.TOKEN);
+  await page.addInitScript(params => {
     window.localStorage.setItem(params.name, params.value);
-  }, { name: "access_token", value: token || process.env.TOKEN });
+  }, { name: "access_token", value: process.env.TOKEN });
   return;
 }
 
@@ -9,5 +26,7 @@ export async function unauthenticate(): Promise<void> {
   await context.clearCookies();
   await context.addInitScript(() => window.localStorage.clear());
   await context.addInitScript(() => window.sessionStorage.clear());
+  await page.goto(process.env.BASEURL);
+  await page.waitForURL(/https:\/\/auth.*/);
   return;
 }

package/jest-environment.config.js

@@ -18,7 +18,6 @@ class JestEnvironmentFailFast extends ParentEnvironment {
         await super.teardown();
         if (this.videos.length !== 0) {
             const { recordVideo } = pwConfig.contextOptions;
-            console.log(this.videos)
             const anyTestFailed = this.videos.find(element => element.success !== true);
             if (anyTestFailed) {
                 const newVideoName = `${recordVideo.dir}/${anyTestFailed.testSuiteName}.webm`;
@@ -33,6 +32,7 @@ class JestEnvironmentFailFast extends ParentEnvironment {
     // https://github.com/facebook/jest/issues/10059
     // https://github.com/facebook/jest/blob/main/packages/jest-circus/src/eventHandler.ts
     async handleTestEvent(event, state) {
+        await super.handleTestEvent(event);
 
         // TEST STARTED
         // Delete already existing screenshot/trace file before test starts if it ran twice due to jest.retryTimes()
@@ -47,8 +47,17 @@ class JestEnvironmentFailFast extends ParentEnvironment {
             }
         }
 
-        // TEST FAILED
-        // Take a screenshot for each failed test while running in CI
+        // HOOK FAILS
+        // Take a screenshot for each failed test
+        if (event.name === 'hook_failure') {
+            await this.global.page.screenshot({
+                fullPage: true,
+                path: process.cwd() + `/results-e2e/screenshots/${event.hook.parent.name.replace(/_$/, '')}.png`,
+            });
+        }
+
+        // TEST FAILS
+        // Take a screenshot for each failed test
         if (event.name === 'test_fn_failure' && !event.test.parent.name.includes('visual')) {
             this.failedTest = true;
             this.failedTestName = event.test.name;
@@ -71,17 +80,16 @@ class JestEnvironmentFailFast extends ParentEnvironment {
 
         // TEST FINISHED AND VIDEO OPTION IS SET TO TRUE
         // Save test status, test suite name and random PW video name
-        if (event.name === "test_done" && process.env.VIDEO) {
+        if (event.name === "test_done" && process.env.VIDEO && (process.env.VIDEO.toLowerCase() === 'true')) {
             const success = event.test.errors.length === 0 ? true : false;
             const testSuiteName = event.test.parent.name;
             const videoName = await this.global.page.video().path();
             this.videos.push({ testSuiteName, videoName, success });
         }
 
-
         // TEST FINISHES AND FAILS
         // Skip all further tests in the suite (all tests are related to each other) if 
-        // - any test is failed AND suite name includes 'long_scenario'
+        // - any test is failed AND suite name includes 'FailFast'
         if (this.failedTest && event.name === 'test_start' && event.test.parent.name.includes('FailFast')) {
             event.test.mode = 'skip';
         }

package/jest-playwright.config.js

@@ -1,3 +1,8 @@
+const customViewport = {
+    width: 1920,
+    height: 1080,
+}
+
 let runModeBrowser = [];
 
 // Run in chromium browser by default (if process.env.BROWSER is not specified)
@@ -19,13 +24,10 @@ if (!process.env.BROWSER) {
             case 'webkit':
                 runModeBrowser.push('webkit');
                 break;
-            // Pay attention: browserName is 'chromium' for Edge browser (mentioned in describe)
-            // https://support.microsoft.com/en-us/microsoft-edge/download-the-new-microsoft-edge-based-on-chromium-0f4a3dd7-55df-60f5-739f-00010dba52cf
             case 'edge':
             case 'msedge':
-                // Channel is 'msedge-dev' since only it is available in linux
-                // https://github.com/microsoft/playwright/blob/07fb81a4efdcc4c2169a61a16b513b9d91be6c49/src/server/chromium/findChromiumChannel.ts#L38
                 runModeBrowser.push({ displayName: 'edge', name: 'chromium', launchOptions: { channel: 'msedge-dev' } });
+                // https://github.com/microsoft/playwright/blob/07fb81a4efdcc4c2169a61a16b513b9d91be6c49/src/server/chromium/findChromiumChannel.ts#L38
                 break;
             default:
                 runModeBrowser.push('chromium');
@@ -38,20 +40,27 @@ if (!process.env.BROWSER) {
 // Run in headless mode by default (if process.env.HEADLESS is not specified)
 const runModeHead = !process.env.HEADLESS || process.env.HEADLESS === 'true' ? true : false;
 
+// Apply customViewport while running in headless mode
+const runModeViewport = runModeHead ? customViewport : null;
+
+let runModeArgs = [];
+
+if (runModeBrowser === ['chromium'] && runModeHead === false) {  
+    runModeArgs = ['--window-size=1920,1080'];
+}
+
 module.exports = {
     exitOnPageError: false,
     launchOptions: {
+        args: runModeArgs,
         headless: runModeHead,
         slowMo: process.env.SLOWMO ? +process.env.SLOWMO : 0,
     },
     launchType: "LAUNCH",
     contextOptions: {
         acceptDownloads: true,
-        viewport: {
-            width: 1920,
-            height: 1080
-        },
-        recordVideo: process.env.VIDEO ? { dir: process.cwd() + '/results-e2e/video' } : undefined
+        viewport: runModeViewport,
+        ...(process.env.VIDEO && {recordVideo: { dir: process.cwd() + '/results/video' } }),
     },
     browsers: runModeBrowser
 }

package/jest.auth.js

@@ -1,36 +1,5 @@
-const fetch = require('node-fetch');
-
-let authEndpoint = 'https://test.id.spsc.io/identity/token/';
-
-if (process.env.ENV && process.env.ENV.toLowerCase() === 'prod') {
-  authEndpoint = 'https://id.spsc.io/identity/token/';
-}
+const { getAuthToken } = require('./helpers/apiCalls');
 
 module.exports = async () => {
-  if (process.env.USER_EMAIL && process.env.USER_PASSWORD) {
-    const requestOptions = {
-      method: 'POST',
-      body: JSON.stringify({
-        username: process.env.USER_EMAIL,
-        password: process.env.USER_PASSWORD,
-        client_id: "595",
-        grant_type: "password"
-      }),
-      headers: {
-        'Accept': 'application/json',
-        'Content-Type': 'application/json'
-      }
-    }
-    try {
-      const fetchResponse = await fetch(authEndpoint, requestOptions);
-      const data = await fetchResponse.json();
-      process.env.TOKEN = data.access_token;
-      return;
-    } catch (e) {
-      console.log(e);
-      return process.exit(1);
-    }
-  } else {
-    throw new Error(`Set up process environment variables: USER_EMAIL and USER_PASSWORD.`);
-  }
+  process.env.TOKEN = await getAuthToken();
 }

package/jest.config.js

@@ -17,6 +17,7 @@ module.exports = {
   ],
   setupFilesAfterEnv: [
     "./jest.setup.js",
+    "jest-extended/all",
     // https://github.com/mattphillips/jest-expect-message/issues/39
     // "jest-expect-message",
     "@alex_neo/jest-expect-message"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spscommerce/e2e-core",
-  "version": "1.0.5",
+  "version": "1.1.3",
   "description": "An automation test framework which is based on playwright, jest and ts",
   "scripts": {
     "test": "jest",
@@ -34,10 +34,12 @@
     "jest": "^27.3.1",
     "jest-circus": "^27.3.1",
     "jest-expect-message": "^1.0.2",
+    "jest-extended": "^1.2.0",
     "jest-junit": "^13.0.0",
     "jest-playwright-preset": "^1.7.0",
-    "node-fetch": "^2.6.5",
+    "node-fetch": "^2.6.6",
     "playwright": "^1.16.1",
+    "playwright-core": "^1.17.1",
     "ts-jest": "^27.0.7",
     "typescript": "^4.4.4"
   }