Enhance web-test-runner configuration by adding support for multiple browsers (Chromium, Firefox, WebKit) and integrating esbuild for TypeScript support. Update GitHub Actions workflow to include additional global dependencies for improved testing capabilities and ensure all necessary tools are installed before running tests.

Author: alexpmule

.github/workflows/deployment.yml

@@ -33,7 +33,7 @@ jobs:
       - name: Install dependencies
         run: |
           npm install
-          npm install -g @web/test-runner @web/test-runner-playwright
+          npm install -g @web/test-runner @web/test-runner-playwright @web/dev-server-esbuild @open-wc/testing
       - name: Install Playwright
         run: |
           npx playwright install
@@ -57,7 +57,7 @@ jobs:
       - name: Install dependencies
         run: |
           npm install
-          npm install -g @web/test-runner @web/test-runner-playwright
+          npm install -g @web/test-runner @web/test-runner-playwright @web/dev-server-esbuild @open-wc/testing
       - name: Install Playwright
         run: |
           npx playwright install

web-test-runner.config.mjs

@@ -1,6 +1,17 @@
+import { esbuildPlugin } from '@web/dev-server-esbuild';
+import { playwrightLauncher } from '@web/test-runner-playwright';
+
 export default {
   files: 'test/**/*.test.js',
   nodeResolve: true,
+  browsers: [
+    playwrightLauncher({ product: 'chromium' }),
+    playwrightLauncher({ product: 'firefox' }),
+    playwrightLauncher({ product: 'webkit' }),
+  ],
+  plugins: [
+    esbuildPlugin({ ts: true }),
+  ],
   middleware: [
     function rewriteBase(context, next) {
       if (context.url.indexOf('/base') === 0) {
@@ -9,4 +20,9 @@ export default {
       return next();
     }
   ],
+  testFramework: {
+    config: {
+      timeout: '10000',
+    },
+  },
 };