ci: improve e2e tests

Author: shijistar

.github/workflows/test-on-commit.yml

@@ -18,4 +18,4 @@ jobs:
   test:
     uses: ./.github/workflows/reusable-test.yml
     with:
-      use-matrix: false
+      use-matrix: true

package.json

@@ -1,6 +1,6 @@
 {
   "name": "enum-plus",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-alpha.1",
   "description": "A drop-in replacement for native enum. Like native enum but much better!",
   "keywords": [
     "enum",
@@ -107,6 +107,11 @@
     "task:run-e2e": "playwright test",
     "task:run-e2e-debug": "playwright test --debug",
     "task:run-e2e-ui": "playwright test --ui",
+    "task:run-e2e:chrome": "playwright test --project=chrome",
+    "task:run-e2e:chromium-legacy": "playwright test --project=chromium-legacy",
+    "task:run-e2e:edge": "playwright test --project=edge",
+    "task:run-e2e:firefox": "playwright test --project=firefox",
+    "task:run-e2e:webkit": "playwright test --project=webkit",
     "test": "npm run task:jest",
     "test-lib": "run-s ts2lib task:jest:lib",
     "ts2lib": "tsc -p tsconfig.lib.json"

playwright.config.ts

@@ -1,7 +1,16 @@
 import type { PlaywrightTestConfig } from '@playwright/test';
 import { devices } from '@playwright/test';
 
-// todo: 支持legacy浏览器的测试
+const targetProject = process.argv.find((arg) => arg.startsWith('--project='))?.split('=')[1];
+const PORTS = {
+  chrome: 7080,
+  firefox: 7081,
+  webkit: 7082,
+  edge: 7083,
+  'chromium-legacy': 7084,
+};
+const port = PORTS[targetProject ?? ''] ?? PORTS.chrome;
+
 const config: PlaywrightTestConfig = {
   testDir: './e2e/specs',
   testMatch: '**/*.spec.ts',
@@ -12,13 +21,13 @@ const config: PlaywrightTestConfig = {
   forbidOnly: !!process.env.CI,
   retries: 2,
   use: {
-    baseURL: 'http://localhost:7080',
+    baseURL: `http://localhost:${port}`,
     headless: true,
   },
   projects: [
     // Modern browsers
     {
-      name: 'chromium',
+      name: 'chrome',
       use: devices['Desktop Chrome'],
     },
     {
@@ -29,6 +38,10 @@ const config: PlaywrightTestConfig = {
       name: 'webkit',
       use: devices['Desktop Safari'],
     },
+    {
+      name: 'edge',
+      use: devices['Desktop Edge'],
+    },
     // Legacy browsers (simulated)
     {
       name: 'chromium-legacy',
@@ -42,8 +55,8 @@ const config: PlaywrightTestConfig = {
     },
   ],
   webServer: {
-    command: 'npx http-server ./e2e/fixtures -p 7080',
-    port: 7080,
+    command: `npx http-server ./e2e/fixtures -p ${port}`,
+    port,
     reuseExistingServer: !process.env.CI,
   },
 };