Add Playwright infrastructure for E2E tests

.github/workflows/e2e-tests.yml

@@ -1,4 +1,4 @@
-name: End-to-end (e2e) Tests
+name: End-to-end Tests
 
 on:
   # Run on all pull requests.
@@ -16,8 +16,8 @@ concurrency:
 
 jobs:
   test:
-    name: e2e against WordPress latest
-    runs-on: ubuntu-20.04
+    name: E2E against WordPress latest
+    runs-on: ubuntu-24.04
 
     steps:
       - name: Checkout code
@@ -29,22 +29,32 @@ jobs:
       - name: Use desired version of NodeJS
         uses: actions/[email protected]
         with:
-          node-version: 16
+          node-version: 18
           cache: npm
 
       - name: Npm install
         run: |
           npm ci
 
+      - name: Install Playwright dependencies
+        run: |
+          npx playwright install chromium --with-deps
+
       - name: Start up WordPress environment
         run: |
           npm run dev:start
 
-      - name: Running the tests
+      - name: Running E2E tests
         run: |
           npm run test:e2e -- --listTests > ~/.jest-e2e-tests
           npm run test:e2e
 
+      - name: Running Playwright E2E tests
+        env:
+          PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+        run: |
+          npm run test:e2e:playwright
+
       - name: Stop WordPress environment
         run: |
           npm run dev:stop

jest-e2e.config.js

@@ -3,5 +3,6 @@ const baseConfig = require( '@wordpress/scripts/config/jest-e2e.config' );
 
 module.exports = {
 	...baseConfig,
+	testMatch: [ '**/tests/e2e/specs/**/*.[jt]s?(x)' ], // Prevent running Playwright tests.
 	testTimeout: 35000, // Increased timeout for E2E tests.
 };