fix(ci): repair Playwright E2E types and install all matrix browsers

- Use context.pages() instead of invalid pages[] indexing
- Drop custom browserName worker fixture; derive browser from project name
- Install chromium, firefox, and msedge in browser-test workflow

Made-with: Cursor

Author: FlippySun

.github/workflows/browser-test.yml

@@ -102,7 +102,7 @@ jobs:
         run: cd browser && npm ci
 
       - name: Install Playwright browsers
-        run: cd browser && npx playwright install --with-deps chromium
+        run: cd browser && npx playwright install --with-deps chromium firefox msedge
 
       - name: Download build artifacts
         uses: actions/download-artifact@v4

browser/e2e/helpers/launch-ext.ts

@@ -82,6 +82,8 @@ export async function launchFirefoxExtension(
 /**
  * Extended test fixture that provides a fresh extension context.
  * Use this in your spec files instead of plain `test`.
+ * Which browser loads the extension follows `playwright.config` project
+ * (`--project=chromium|firefox|edge`).
  *
  * @example
  * import { test as extTest } from './helpers/launch-ext';
@@ -95,22 +97,29 @@ export interface ExtensionFixtures {
   extensionContext: BrowserContext;
 }
 
-export const test = base.extend<ExtensionFixtures>({
-  // Default to Chromium; override with test.use({ browserName: 'firefox' })
-  browserName: ["chromium", { option: true }],
+function extensionBrowserFromProject(
+  projectName: string,
+): "chromium" | "firefox" | "edge" {
+  if (projectName === "firefox") return "firefox";
+  if (projectName === "edge") return "edge";
+  return "chromium";
+}
 
-  extensionContext: async ({ browserName }, use) => {
+export const test = base.extend<ExtensionFixtures>({
+  extensionContext: async ({}, use, testInfo) => {
+    const browserName = extensionBrowserFromProject(testInfo.project.name);
     const context =
       browserName === "firefox"
         ? await launchFirefoxExtension()
-        : await launchChromiumExtension(browserName as "chromium" | "edge");
+        : await launchChromiumExtension(browserName);
 
     await use(context);
     await context.close();
   },
 
   extensionPage: async ({ extensionContext }, use) => {
-    const page = extensionContext.pages[0] ?? await extensionContext.newPage();
+    const pages = extensionContext.pages();
+    const page = pages[0] ?? (await extensionContext.newPage());
     await use(page);
   },
 });

browser/e2e/options.spec.ts

@@ -10,7 +10,7 @@
 import { test, expect } from "./helpers/launch-ext";
 
 test.describe("Options Page", () => {
-  test.beforeEach(async ({ extensionPage, browserName }) => {
+  test.beforeEach(async ({ extensionPage }) => {
     // Navigate to the options page using chrome-extension:// URL
     const pages = extensionPage.context().pages();
     const optionsPage = pages.find(