Enhance web-test-runner configuration to support Playwright for multiple browsers, add coverage settings, and adjust test timeouts. Update GitHub Actions workflow to run tests using the new configuration.

Author: alexpmule

.github/workflows/deployment.yml

@@ -34,7 +34,7 @@ jobs:
           npm install -D @playwright/test @web/test-runner-playwright
           npx playwright install --with-deps chromium firefox webkit
       - name: Run tests
-        run: npm test
+        run: npx web-test-runner --config web-test-runner.config.mjs
   test_win:
     name: "Windows"
     runs-on: windows-latest
@@ -53,7 +53,7 @@ jobs:
           npm install -D @playwright/test @web/test-runner-playwright
           npx playwright install --with-deps chromium firefox webkit
       - name: Run tests
-        run: npm test
+        run: npx web-test-runner --config web-test-runner.config.mjs
   tag:
     name: "Publishing release"
     if: github.ref == 'refs/heads/main' || github.ref == 'refs/heads/master'

web-test-runner.config.mjs

@@ -1,12 +1,30 @@
+import { playwrightLauncher } from '@web/test-runner-playwright';
+
 export default {
-	files: 'test/**/*.test.js',
-	nodeResolve: true,
-	middleware: [
-		function rewriteBase(context, next) {
-			if (context.url.indexOf('/base') === 0) {
-				context.url = context.url.replace('/base', '')
-			}
-			return next();
-		}
-	]
+  files: 'test/**/*.test.js',
+  nodeResolve: true,
+  coverage: true,
+  browsers: [
+    playwrightLauncher({ product: 'chromium' }),
+    playwrightLauncher({ product: 'firefox' }),
+    playwrightLauncher({ product: 'webkit' })
+  ],
+  testFramework: {
+    config: {
+      timeout: '60000',
+    },
+  },
+  browserStartTimeout: 60000,
+  testsStartTimeout: 60000,
+  testsFinishTimeout: 60000,
+  coverageConfig: {
+    include: ['src/**/*.js'],
+    exclude: ['test/**/*.js', 'demo/**/*.js'],
+    threshold: {
+      statements: 80,
+      branches: 80,
+      functions: 80,
+      lines: 80
+    }
+  }
 };