Upgrade outdated modules (#28)

* chore: upgrade modules

* test: refactor, use inbuilt baseUrl

* chore: run workflow on PR push

* chore: standardise test result folder

* chore: no retries anywhere, ✔️ CI parallelisation

* test: stabilise test

* chore: upload failing check's screenshots

* chore: remove unused ENV var

* test: refactor - use locator for auto-wait

* test: stabilise monkey test
narrow focus to form without submit button

.github/workflows/test.yml → .github/workflows/quality.yml

@@ -1,7 +1,7 @@
-name: "Test"
+name: "Quality"
 
 on:
-  push:
+  pull_request:
     branches: [main]
 
 jobs:
@@ -32,7 +32,7 @@ jobs:
         uses: actions/upload-artifact@v2
         with:
           name: Failed test screenshots
-          path: "screenshots"
+          path: "jest-playwright/test-results/"
           if-no-files-found: ignore
 
   playwright-test-runner:
@@ -56,5 +56,5 @@ jobs:
         uses: actions/upload-artifact@v2
         with:
           name: Failed test screenshots
-          path: "screenshots"
+          path: "playwright-test/test-results/"
           if-no-files-found: ignore

.gitignore

@@ -3,6 +3,7 @@ node_modules
 *.log
 
 # playwright-test
-screenshots
+test-results
 playwright-test/state.json
-playwright-test/test-results
+playwright-test/playwright-report/
+playwright/.cache/

jest-playwright/jest.custom-environment.js

@@ -1,5 +1,4 @@
-const PlaywrightEnvironment =
-  require("jest-playwright-preset/lib/PlaywrightEnvironment").default;
+const PlaywrightEnvironment = require("jest-playwright-preset/lib/PlaywrightEnvironment").default;
 
 class CustomEnvironment extends PlaywrightEnvironment {
   async setup() {
@@ -18,7 +17,7 @@ class CustomEnvironment extends PlaywrightEnvironment {
       const specName = event.test.name.replace(/\W/g, "-");
 
       await this.global.page.screenshot({
-        path: `screenshots/${parentName}_${specName}.png`,
+        path: `test-results/${parentName}_${specName}.png`,
       });
     }
   }

playwright-test/global-setup.ts

@@ -1,11 +1,10 @@
-import { chromium } from "@playwright/test";
+import { chromium, FullConfig } from "@playwright/test";
 
-const { BASEURL } = process.env;
-
-async function globalSetup() {
+async function globalSetup(config: FullConfig) {
+  const { baseURL } = config.projects[0].use;
   const browser = await chromium.launch();
   const page = await browser.newPage();
-  await page.goto(`${BASEURL}/react-admin-demo/#/`, {
+  await page.goto(`${baseURL}/react-admin-demo/#/`, {
     waitUntil: "networkidle",
   });