chore: refactor e2e tests to playwright

.cspell.json

@@ -65,6 +65,10 @@
     "swiftshader",
     "hoge",
     "subsubcomain",
+    "commitlint",
+    "noselect",
+    "rgba",
+    "longpaths",
     "noselect",
     "commitlint"
   ],
@@ -78,6 +82,7 @@
     "package-lock.json",
     "node_modules",
     "coverage",
-    "*.log"
+    "*.log",
+    "*-snapshots"
   ]
 }

.eslintignore

@@ -6,3 +6,6 @@ node_modules
 examples/**/main.js
 examples/client/trusted-types-overlay/app.js
 test/fixtures/reload-config/foo.js
+
+# ignore tests files
+**/*.ignore.*

.github/workflows/nodejs.yml

@@ -67,6 +67,7 @@ jobs:
     name: Test - ${{ matrix.os }} - Node v${{ matrix.node-version }}, Webpack ${{ matrix.webpack-version }} (${{ matrix.shard }})
 
     strategy:
+      fail-fast: false
       matrix:
         os: [ubuntu-latest, windows-latest, macos-latest]
         node-version: [18.x, 20.x, 22.x]
@@ -80,6 +81,10 @@ jobs:
       cancel-in-progress: true
 
     steps:
+      - name: Support long paths
+        if: matrix.os == 'windows-latest'
+        run: git config --system core.longpaths true
+
       - uses: actions/checkout@v4
 
       - name: Use Node.js ${{ matrix.node-version }}
@@ -97,12 +102,6 @@ jobs:
           node ./scripts/prepare-test-for-old-node.js
         if: matrix.node-version == '18.x'
 
-      - name: Setup firefox
-        if: matrix.os != 'windows-latest'
-        uses: browser-actions/setup-firefox@latest
-        with:
-          firefox-version: latest
-
       - name: Link webpack-dev-server
         run: |
           cp -R client tmp-client
@@ -119,6 +118,12 @@ jobs:
         run: npm run test:coverage -- --ci --shard=${{ matrix.shard }}
         if: matrix.node-version != '18.x'
 
+      - name: Install Playwright browsers and dependencies
+        run: npx playwright install --with-deps
+
+      - name: Run E2E tests for webpack version ${{ matrix.webpack-version }}
+        run: npm run test:e2e -- --shard=${{ matrix.shard }}
+
       - name: Submit coverage data to codecov
         uses: codecov/codecov-action@v4
         with:

.gitignore

@@ -21,3 +21,7 @@ test/fixtures/watch-files-config/public/assets/non-exist.txt
 test/fixtures/reload-config/main.css
 test/fixtures/reload-config-2/main.css
 !/test/fixtures/static-config/public/node_modules
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

jest.config.js

@@ -10,7 +10,10 @@ module.exports = {
     "<rootDir>/test/",
     "<rootDir>/client/",
   ],
-  testPathIgnorePatterns: ["<rootDir>/bin/this/process-arguments.js"],
+  testPathIgnorePatterns: [
+    "<rootDir>/bin/this/process-arguments.js",
+    "<rootDir>/test/e2e",
+  ],
   snapshotResolver: "<rootDir>/test/helpers/snapshotResolver.js",
   setupFilesAfterEnv: ["<rootDir>/scripts/setupTest.js"],
   globalSetup: "<rootDir>/scripts/globalSetupTest.js",