legg til workflow generate-report

.github/workflows/update-playwright-screenshots.yml

@@ -41,4 +41,48 @@ jobs:
         uses: thollander/actions-comment-pull-request@v3
         with:
           message: |
-            ### 🎉 Successfully updated and committed Playwright snapshots! 🎉
+            ### 🎉 Successfully updated and committed Playwright snapshots! 🎉
+
+  generate-report:
+    name: Generate report
+    runs-on: ubuntu-latest
+    permissions:
+      id-token: "write"
+      contents: write
+      pull-requests: write
+    steps:
+      - name: Get branch of PR
+        uses: xt0rted/pull-request-comment-branch@v2
+        id: comment-branch
+      - name: Checkout PR branch
+        uses: actions/checkout@v4
+        with:
+          ref: ${{ steps.comment-branch.outputs.head_ref }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+          registry-url: 'https://npm.pkg.github.com'
+      - name: Install dependencies
+        run: npm ci
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.READER_TOKEN }}
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+      - run: npm run build-storybook
+      - name: Run Playwright update snapshots
+        run: docker run --rm -v $(pwd):/workspace -w /workspace --ipc=host mcr.microsoft.com/playwright:v1.49.1-noble /bin/bash -c "CI=true npx playwright test"
+      - uses: actions/upload-artifact@v4
+        id: artifact-upload
+        if: ${{ failure() }}
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30
+      - name: Comment on PR with report link
+        uses: thollander/actions-comment-pull-request@v3
+        if: ${{ failure() }}
+        with:
+          message: |
+            ### Playwright visual snapshot differences were detected.
+            View the [Playwright report](${{ steps.artifact-upload.outputs.artifact-url }}) to review the visual differences.
+            **To approve the snapshot changes and update the snapshots, please comment:** /approve-snapshots