migrate from cypress to playwright

.github/workflows/ci.yml

@@ -28,6 +28,13 @@ jobs:
 
       - run: make ${{ matrix.task }}
 
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() && matrix.task == 'e2e' }}
+        with:
+          name: playwright-report
+          path: ./libs/@guardian/libs/playwright-report/
+          retention-days: 14
+
   chromatic:
     needs: validate
     uses: ./.github/workflows/chromatic.yml

.gitignore

@@ -14,14 +14,15 @@ tsconfig.tsbuildinfo
 # Speed up eslint
 .eslintcache
 
-**/cypress/screenshots
-
 # wireit cache dirs
 # https://github.com/google/wireit
 .wireit
 
 # storybook build dirs
 storybook-static
 
-# cypress stuff
-**/cypress/downloads/
+# playwright stuff
+**/test-results/
+**/playwright-report/
+**/blob-report/
+**/playwright/.cache/

Makefile

@@ -317,6 +317,10 @@ install: check-node-version
 @guardian/libs\:e2e: env
 	@corepack pnpm --filter @guardian/libs e2e
 
+.PHONY: @guardian/libs\:e2e\:ui
+@guardian/libs\:e2e\:ui: env
+	@corepack pnpm --filter @guardian/libs e2e
+
 .PHONY: @guardian/libs\:fix
 @guardian/libs\:fix: env
 	@corepack pnpm --filter @guardian/libs fix

README.md

@@ -147,6 +147,7 @@ Project-specific tasks are defined as `scripts` in a `package.json` or `targets`
 - `make @guardian/libs:build`
 - `make @guardian/libs:dev`
 - `make @guardian/libs:e2e`
+- `make @guardian/libs:e2e:ui`
 - `make @guardian/libs:fix`
 - `make @guardian/libs:lint`
 - `make @guardian/libs:test`