@spscommerce/e2e-core 2.4.0 → 2.4.2

package/Dockerfile

@@ -1,4 +1,4 @@
-FROM mcr.microsoft.com/playwright:v1.22.0-alpha-1652194905000-focal
+FROM mcr.microsoft.com/playwright:v1.29.0-focal
 
 ARG BROWSER
 

package/Example.test.ts

@@ -1,10 +1,9 @@
-import { test } from '@playwright/test';
-// import { enableLogger, disableLogger, expect } from '@spscommerce/e2e-core';
-import expect from './src/matchersSetup';
+import { test, expect } from '@playwright/test';
+import expectExt from './src/matchersSetup';
 import { enableLogger, disableLogger } from './src/loggerSetup';
 
 test.describe('SPS_Example', () => {
-
+  test.describe.configure({ retries: 1 });
   test.beforeEach(async ({ page }, testInfo) => {
     process.env.CI && await enableLogger(testInfo.titlePath, page);
     await page.goto(`https://test.commerce.spscommerce.com/fulfillment/`);
@@ -14,13 +13,17 @@ test.describe('SPS_Example', () => {
     process.env.CI && await disableLogger();
   });
 
-  test('Add_button_disabled_before_required_fields_filled', async ({ page }) => {
+  test('First_test', async ({ page }) => {
     await page.waitForTimeout(10000);
     expect(
       true,
-      // false,
       `Custom error message.`
     ).toBeTruthy();
+    expectExt(
+      [1, 2, 3, 4],
+      // false,
+      `Custom error message.`
+    ).toIncludeAllMembers([1, 5, 3]);
   });
 
 });

package/README.md

@@ -20,6 +20,7 @@ export USER_PASSWORD="EXAMPLE_PASSWORD"
 5. Create .env file in the tests-e2e/ directory with an appropriate process.env variables listed below in the table. E.g.:
 ```
 TEST_TIMEOUT=75000
+EXPECT_TIMEOUT=10000
 ACTION_TIMEOUT=45000
 WORKERS=6
 REPO_NAME=fulfillment-ui-v2
@@ -31,6 +32,7 @@ VIEWPORT={"width": 1920, "height": 1080}
 | 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                           |
 | TEST_TIMEOUT        | global timeout for each test                       | 30000                          | [number_in_ms]                       |
+| EXPECT_TIMEOUT      | global timeout for each expect                     | 5000                           | [number_in_ms]                       |
 | ACTION_TIMEOUT      | global timeout for each PW action, like click()    | 30000                          | [number_in_ms]                       |
 | SLOWMO              | slows down the actions by the specified ms         | 0                              | [number_in_ms]                       |
 | WORKERS             | number of workers (test threads)                   | 1                              | [number]                             |
@@ -99,7 +101,7 @@ You can observe the PW trace file in 3 ways:
 ## Dockerfile
 PW provides an official Docker image. These image includes all the dependencies needed to run browsers in a Docker container, and also include the browsers themselves. Here is an example of the Dockerfile:
 ```
-FROM mcr.microsoft.com/playwright:v1.22.0-alpha-1652194905000-focal
+FROM mcr.microsoft.com/playwright:v1.28.0-focal
 
 ARG BROWSER
 
@@ -184,11 +186,11 @@ Additional info over this framework could be found on [Confluence](https://atlas
 Put in a PR against this repo if you fix a bug or come up with an improvement!
 
 ## Used tools
-- [@alex_neo/jest-expect-message](https://github.com/alexneo2003/jest-expect-message) - gives ability to add a custom error message to the assertions. We use this forked lib since there is a [bug](https://github.com/mattphillips/jest-expect-message/issues/39) in the original one.
 - [@playwright/test](https://github.com/microsoft/playwright) - browser automation and test runner tool
 - [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint) - ESLint plugin which provides lint rules for TypeScript codebases
 - [@typescript-eslint/parser](https://github.com/typescript-eslint/typescript-eslint) - ESLint parser which leverages TypeScript ESTree to allow for ESLint to lint TypeScript source code
 - [dotenv](https://github.com/motdotla/dotenv) - loads environment variables from a .env file into process.env
 - [eslint](https://github.com/eslint/eslint) - static code analysis tool
+- [jest-expect-message](https://github.com/mattphillips/jest-expect-message) - gives ability to add a custom error message to the assertions
 - [jest-extended](https://github.com/jest-community/jest-extended) -  adds additional matchers to default ones making it easy to test everything 🙌
 - [typescript](https://github.com/Microsoft/TypeScript) - language for application-scale JavaScript that adds optional types

package/lib/matchersSetup.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const test_1 = require("@playwright/test");
-const withMessage_js_1 = __importDefault(require("@alex_neo/jest-expect-message/dist/withMessage.js"));
+const withMessage_js_1 = __importDefault(require("jest-expect-message/dist/withMessage.js"));
 const expect = (0, withMessage_js_1.default)(test_1.test.expect);
 const matchers = require('jest-extended');
 expect.extend(matchers);

package/lib/matchersSetup.js.map

@@ -1 +1 @@
-{"version":3,"file":"matchersSetup.js","sourceRoot":"","sources":["../src/matchersSetup.ts"],"names":[],"mappings":";;;;;AAAA,2CAAwC;AACxC,uGAA4E;AAE5E,MAAM,MAAM,GAAG,IAAA,wBAAW,EAAC,WAAI,CAAC,MAAM,CAAC,CAAC;AAExC,MAAM,QAAQ,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAExB,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"matchersSetup.js","sourceRoot":"","sources":["../src/matchersSetup.ts"],"names":[],"mappings":";;;;;AAAA,2CAAwC;AACxC,6FAAkE;AAElE,MAAM,MAAM,GAAG,IAAA,wBAAW,EAAC,WAAI,CAAC,MAAM,CAAC,CAAC;AAExC,MAAM,QAAQ,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAExB,kBAAe,MAAM,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spscommerce/e2e-core",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "description": "An automation test framework which is based on Playwright.",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",
@@ -24,13 +24,13 @@
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "dependencies": {
-    "@alex_neo/jest-expect-message": "^1.0.5",
-    "@playwright/test": "^1.22.0",
-    "@typescript-eslint/eslint-plugin": "^5.22.0",
-    "@typescript-eslint/parser": "^5.22.0",
-    "dotenv": "^16.0.0",
-    "eslint": "^7.32.0",
-    "jest-extended": "^1.2.0",
-    "typescript": "^4.4.4"
+    "@playwright/test": "1.29.0",
+    "@typescript-eslint/eslint-plugin": "5.30.0",
+    "@typescript-eslint/parser": "5.30.0",
+    "dotenv": "16.0.3",
+    "eslint": "7.32.0",
+    "jest-expect-message": "1.0.4",
+    "jest-extended": "1.2.0",
+    "typescript": "4.7.4"
   }
 }

package/playwright.config.js

@@ -93,7 +93,7 @@ const config = {
     timeout: +process.env.TEST_TIMEOUT || 30000,
     /* Maximum time expect() should wait for the condition to be met */
     expect: {
-        timeout: 5000
+        timeout: +process.env.EXPECT_TIMEOUT || 5000,
     },
     /* Fail the build on CI if you accidentally left test.only in the source code */
     forbidOnly: !!process.env.CI,
@@ -119,6 +119,8 @@ const config = {
         actionTimeout: +process.env.ACTION_TIMEOUT || 30000,
         /* Collect screenshot after each test failure. See https://playwright.dev/docs/test-configuration#automatic-screenshots */
         screenshot: 'only-on-failure',
+        /* Record video only when retrying a test for the first time. See https://playwright.dev/docs/test-configuration#automatic-screenshots */
+        video: 'on-first-retry',
         /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
         trace: process.env.TRACER && (process.env.TRACER.toString().toLowerCase() === 'true') ? 'retain-on-failure' : 'off',
         /* Run in headless mode by default (if process.env.HEADLESS is not specified) */

package/src/matchersSetup.ts

@@ -1,5 +1,5 @@
 import { test } from '@playwright/test';
-import withMessage from '@alex_neo/jest-expect-message/dist/withMessage.js';
+import withMessage from 'jest-expect-message/dist/withMessage.js';
 
 const expect = withMessage(test.expect);