Merge pull request #1 from aroskanalen/feature/1541-cypress-becomes-playwright

1541 cypress becomes playwright

Author: sinejespersen

.eslintrc

@@ -4,8 +4,7 @@
     "airbnb",
     "prettier",
     "plugin:jsdoc/recommended",
-    "plugin:prettier/recommended",
-    "plugin:cypress/recommended"
+    "plugin:prettier/recommended"
   ],
   "ignorePatterns": ["*.yml"],
   "parser": "babel-eslint",

.github/workflows/pr.yml

@@ -31,13 +31,11 @@ jobs:
           docker compose run --rm node yarn install
           docker compose run --rm node yarn check-coding-standards
 
-  cypress:
-    name: Cypress
+  playwright-tests:
+    name: Playwright
     runs-on: ubuntu-latest
     strategy:
       fail-fast: false
-      matrix:
-        browser: ["chrome"]
     steps:
       - name: Checkout
         uses: actions/checkout@v3
@@ -48,16 +46,21 @@ jobs:
       - name: Install client
         run: docker compose run node yarn
 
-      - name: Cypress run
-        run: docker compose run cypress run --browser ${{ matrix.browser }}
+      - name: Run playwright
+        env:
+          CI: 'true'
+        run: |
+          docker compose run --rm node yarn install
+          docker compose run --rm playwright npx playwright install --with-deps
+          docker compose run --rm playwright npx playwright test --retries 3
+
 
-      - name: Archive screenshots
-        if: ${{ failure() }}
-        uses: actions/upload-artifact@v2
+      - uses: actions/upload-artifact@v3
+        if: always()
         with:
-          name: cypress-screenshots-${{ matrix.browser }}
-          path: cypress/screenshots
-          retention-days: 7
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30
 
   changelog:
     runs-on: ubuntu-latest

.gitignore

@@ -25,10 +25,6 @@ yarn-error.log*
 # Ignore VS-code
 .vscode
 
-# Cypress
-cypress/videos/*
-cypress/screenshots/*
-
 # Temp files
 temp/
 
@@ -38,3 +34,7 @@ json-server/
 public/config.json
 public/access-config.json
 public/release.json
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

CHANGELOG.md

@@ -4,6 +4,9 @@ All notable changes to this project will be documented in this file.
 
 ## [Unreleased]
 
+- [#244](https://github.com/aroskanalen/display-admin-client/pull/1)
+  - Migrate from Cypress to playwright
+
 - [#243](https://github.com/aroskanalen/display-admin-client/pull/2)
   - Migrate from CRA to Vite
   - Upgrade node from 14 -> 20

README.md

@@ -62,14 +62,20 @@ docker compose exec node npm --prefix src/redux/api install
 docker compose exec node npm --prefix src/redux/api start
 ```
 
-## Testing with cypress
+## Testing with playwright
 
-We use [cypress](https://www.cypress.io/) for testing.
+We use [playwright](https://playwright.dev/) for testing.
 
-To run cypress tests in the cypress container:
+To run playwright tests with docker:
 
 ```shell
-docker compose run --rm cypress run
+ docker compose run --rm playwright npx playwright test
+```
+
+To test with user interface, up the containers and change the baseUrl in playwright.config.ts, then: 
+
+```shell
+yarn playwright test --ui 
 ```
 
 ### Linting