Migrate to Playwright from Puppeteer (#1153)

Author: microbit-grace

Diff for: .github/workflows/build.yml

@@ -13,6 +13,7 @@ concurrency:
 
 jobs:
   build:
+    timeout-minutes: 15
     runs-on: ubuntu-latest
     permissions:
       contents: read
@@ -51,14 +52,18 @@ jobs:
         if: env.STAGE == 'REVIEW' || env.STAGE == 'STAGING'
       - run: curl --insecure -4 --retry 7 --retry-connrefused http://localhost:3000 1>/dev/null
         if: env.STAGE == 'REVIEW' || env.STAGE == 'STAGING'
-      - run: npm run test:e2e:headless
+      - name: Run Playwright tests
         if: env.STAGE == 'REVIEW' || env.STAGE == 'STAGING'
+        uses: docker://mcr.microsoft.com/playwright:v1.42.1-jammy
+        with:
+          args: npx playwright test
       - name: Store reports
         if: (env.STAGE == 'REVIEW' || env.STAGE == 'STAGING') && failure()
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: reports
           path: reports/
+          retention-days: 3
       - run: npm run deploy
         if: github.repository_owner == 'microbit-foundation' && (env.STAGE == 'REVIEW' || success())
         env:

Diff for: .gitignore

@@ -26,3 +26,7 @@ __pycache__
 *.pyc
 /reports/*
 /crowdin/*
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

Diff for: README.md

@@ -54,7 +54,7 @@ These are excluded from the normal test run.
 
 The tests expect the app to already be running on http://localhost:3000, for example via `npm start`.
 
-We use [Puppeteer](https://pptr.dev/) and the helpers provided by [Testing Library](https://testing-library.com/docs/pptr-testing-library/intro/).
+We use [Playwright](https://playwright.dev/).
 
 The CI tests run these end-to-end tests against a production build.