Feature/cypress to playwright migration (#3513)

* Begynt på migrering fra Cypress til Playwright
* Mer playwright oppsett og mocking
* Endret frontend oppsett til å støtte playwright og refaktorert en god del
* Lagt til playwright tester og refaktorert alle referanser fra cypress over til playwright
* Fjernet alt Cypress oppsett og migrert siste rest over til playwright
* Setter opp sharding for playwright github actions
* Lagt til fremgangsmåte for playwright i Readme

.github/workflows/app.dolly-frontend.yml

@@ -13,12 +13,11 @@ on:
       - libs/security-core
       - apps/dolly-frontend/**
       - .github/workflows/app.dolly-frontend.yml
-      - .github/workflows/common.cypress.yml
+      - .github/workflows/common.playwright.yml
 
 jobs:
-
-  cypress:
-    uses: ./.github/workflows/common.cypress.yml
+  playwright:
+    uses: ./.github/workflows/common.playwright.yml
     with:
       working-directory: "apps/dolly-frontend"
     secrets:

.github/workflows/common.playwright.yml

@@ -0,0 +1,38 @@
+name: Playwright Tests
+on:
+  workflow_call:
+    inputs:
+      working-directory:
+        type: string
+        description: "The working directory for the job, e.g. apps/dolly-frontend (without leading/trailing slash)."
+        required: true
+    secrets:
+      READER_TOKEN:
+        required: true
+jobs:
+  playwright-tests:
+    timeout-minutes: 15
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        shardIndex: [ 1, 2, 3, 4, 5 ]
+        shardTotal: [ 5 ]
+    env:
+      NODE_AUTH_TOKEN: ${{ secrets.READER_TOKEN }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+          registry-url: https://npm.pkg.github.com/
+          scope: "@navikt"
+      - name: Install dependencies
+        working-directory: ${{ inputs.working-directory }}/src/main/js
+        run: npm ci
+      - name: Install Playwright Browsers
+        working-directory: ${{ inputs.working-directory }}/src/main/js
+        run: npx playwright install --with-deps
+      - name: Run Playwright tests
+        working-directory: ${{ inputs.working-directory }}/src/main/js
+        run: npx playwright test --shard=${{ matrix.shardIndex }}/${{ matrix.shardTotal }}

apps/dolly-frontend/README.md

@@ -97,3 +97,26 @@ Deretter må du fjerne "local" fra profiles i LocalConfig og legge til "local" i
 dette tilbake
 før noe pushes til master). Etter dette kan du kjøre applikasjonen som beskrevet i JavaScript.
 
+### Playwright - E2E testing
+
+Playwright brukes til å teste mesteparten av funksjonaliteten i Dolly ved kodeendringer.
+
+Dersom en eller flere av de tre nettleserne som Playwright utfører tester på mangler (Chrome, Firefox og Edge), kjør:
+
+```
+sudo npx playwright install msedge
+sudo npx playwright install firefox
+sudo npx playwright install chrome
+```
+
+Deretter kan testene kjøres med kommandoen:
+
+```
+npm run test:playwright-run
+```
+
+For debugging av testene og utvikling av nye tester brukes:
+
+```
+npm run test:playwright-dev
+```

apps/dolly-frontend/src/main/js/.gitignore

@@ -38,7 +38,8 @@ stats.json
 # Code counter extension
 /.VSCodeCounter
 
-# Cypress
-/cypress/videos/
-/cypress/screenshots/
-/cypress/downloads/
+# Playwright
+/test-results/
+/blob-report/
+/playwright-report/
+/playwright/.cache/