✅ 新增 v1.4 关键改动的 E2E 覆盖

为 v1.4.0-beta.3 → beta.4 的核心改动补充 Playwright E2E（复用现有两阶段 userScripts fixture，并新增本地 mock server + host-resolver 域名映射，全程不依赖外网）：

- resource-update: @require/@resource 注入与读取、24h TTL 同 URL 去重、拉取失败优雅降级、多 require 并发全部加载 (#1193)

- gm-xhr-site-access: 跨域 @connect 放行、x-sc-request-marker 经 DNR 剥离、非 @connect 域名拒绝 (#1477, mv3_utils)

- background-script: @background 脚本经 Chrome offscreen 执行，具备 DOM 环境，并通过脚本内 GM 值读写闭环 + mock server probe 做稳定断言 (#1457)

- user-config-yaml: 含 __proto__ 的恶意 @userconfig 被拒、原型链未污染 (#1494)

- backup-zip: 备份导出/导入 zip 往返（JSZipp generateAsync/loadAsync）(#1479)

- e2e waits: 移除固定 sleep/忙等，改为条件等待；并升级 workflow action runtime 版本

- server-fixtures: 共享 fixture + mock server

Author: CodFrm

.github/workflows/build.yaml

@@ -18,11 +18,11 @@ jobs:
     runs-on: ubuntu-latest
     name: Build
     steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v4
+      - uses: actions/checkout@v5
+      - uses: pnpm/action-setup@v5
 
       - name: Use Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: 22
           cache: 'pnpm'
@@ -38,17 +38,16 @@ jobs:
           pnpm run pack
 
       - name: Archive production artifacts
-        uses: actions/upload-artifact@v4
+        uses: actions/upload-artifact@v6
         with:
           name: production-artifacts
           path: |
             dist/*.crx
             dist/*.zip
 
       - name: Archive extension
-        uses: actions/upload-artifact@v4
+        uses: actions/upload-artifact@v6
         with:
           name: scriptcat-chrome-extension
           path: |
             dist/ext/*
-

.github/workflows/packageRelease.yml

@@ -11,11 +11,11 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v4
+      - uses: actions/checkout@v5
+      - uses: pnpm/action-setup@v5
 
       - name: Use Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: 22
           cache: 'pnpm'

.github/workflows/test.yaml

@@ -14,11 +14,11 @@ jobs:
     runs-on: ubuntu-latest
     name: Run tests
     steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v4
+      - uses: actions/checkout@v5
+      - uses: pnpm/action-setup@v5
 
       - name: Use Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: 22
           cache: 'pnpm'
@@ -30,7 +30,7 @@ jobs:
         run: pnpm i --frozen-lockfile
 
       - name: Cache ESLint cache
-        uses: actions/cache@v4
+        uses: actions/cache@v5
         with:
           path: .eslintcache
           key: eslint-${{ hashFiles('pnpm-lock.yaml', '.eslintrc*') }}
@@ -54,11 +54,11 @@ jobs:
     runs-on: ubuntu-latest
     name: Run E2E tests
     steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v4
+      - uses: actions/checkout@v5
+      - uses: pnpm/action-setup@v5
 
       - name: Use Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: 22
           cache: 'pnpm'
@@ -71,7 +71,7 @@ jobs:
 
       - name: Cache Playwright browsers
         id: playwright-cache
-        uses: actions/cache@v4
+        uses: actions/cache@v5
         with:
           path: ~/.cache/ms-playwright
           key: playwright-${{ hashFiles('pnpm-lock.yaml') }}
@@ -90,7 +90,7 @@ jobs:
 
       - name: Upload test artifacts
         if: failure()
-        uses: actions/upload-artifact@v4
+        uses: actions/upload-artifact@v6
         with:
           name: e2e-test-results
           path: |

e2e/agent-chat.spec.ts

@@ -4,7 +4,6 @@ import { openAgentChatPage } from "./utils";
 test.describe("Agent Chat", () => {
   test("should show new chat button and model selector", async ({ context, extensionId }) => {
     const page = await openAgentChatPage(context, extensionId);
-    await page.waitForTimeout(2000);
 
     // 新建会话按钮应可见
     const newChatBtn = page.locator("button", { hasText: /new|新建/i }).first();

e2e/agent-navigation.spec.ts

@@ -4,43 +4,40 @@ import { openAgentChatPage, openAgentProviderPage, openOptionsPage } from "./uti
 test.describe("Agent Navigation", () => {
   test("should navigate to agent chat page via sidebar", async ({ context, extensionId }) => {
     const page = await openOptionsPage(context, extensionId);
-    await page.waitForTimeout(1000);
 
     // Agent SubMenu title 的 onClick 直接导航到 /agent/chat
     // Sider.tsx 中 SubMenu title 的 span onClick 设置 hash
     const agentMenuTitle = page.locator(".arco-menu-inline-header span", { hasText: /agent/i }).first();
+    await expect(agentMenuTitle).toBeVisible({ timeout: 10_000 });
     await agentMenuTitle.click();
-    await page.waitForTimeout(1000);
 
     // 验证 URL hash 包含 /agent
-    expect(page.url()).toContain("#/agent");
+    await expect(page).toHaveURL(/#\/agent/);
     await page.close();
   });
 
   test("should navigate to agent sub-pages via sidebar", async ({ context, extensionId }) => {
     const page = await openOptionsPage(context, extensionId);
-    await page.waitForTimeout(1000);
 
     // 先展开 Agent 子菜单
     const agentMenuHeader = page.locator(".arco-menu-inline-header").filter({ hasText: /agent/i }).first();
+    await expect(agentMenuHeader).toBeVisible({ timeout: 10_000 });
     await agentMenuHeader.click();
-    await page.waitForTimeout(500);
 
     // 展开后点击 Provider 子菜单项（使用 key 属性匹配）
     const providerItem = page
       .locator('[class*="arco-menu-item"]')
       .filter({ hasText: /model service|provider|模型/i })
       .first();
+    await expect(providerItem).toBeVisible({ timeout: 10_000 });
     await providerItem.click();
-    await page.waitForTimeout(1000);
 
-    expect(page.url()).toContain("#/agent/provider");
+    await expect(page).toHaveURL(/#\/agent\/provider/);
     await page.close();
   });
 
   test("should load agent chat page directly", async ({ context, extensionId }) => {
     const page = await openAgentChatPage(context, extensionId);
-    await page.waitForTimeout(2000);
 
     // 聊天页面应包含新建会话按钮
     const newChatBtn = page.locator("button", { hasText: /new|新建/i }).first();
@@ -50,7 +47,6 @@ test.describe("Agent Navigation", () => {
 
   test("should load agent provider page directly", async ({ context, extensionId }) => {
     const page = await openAgentProviderPage(context, extensionId);
-    await page.waitForTimeout(2000);
 
     // Provider 页面应包含添加模型按钮
     const addBtn = page.locator("button", { hasText: /add|添加/i }).first();
@@ -60,7 +56,6 @@ test.describe("Agent Navigation", () => {
 
   test("should show empty state on provider page when no models configured", async ({ context, extensionId }) => {
     const page = await openAgentProviderPage(context, extensionId);
-    await page.waitForTimeout(2000);
 
     // 没有配置模型时应显示空状态
     const emptyState = page.locator(".arco-empty");

e2e/agent-provider.spec.ts

@@ -4,18 +4,17 @@ import { openAgentProviderPage } from "./utils";
 test.describe("Agent Provider Management", () => {
   test("should show empty state when no models configured", async ({ context, extensionId }) => {
     const page = await openAgentProviderPage(context, extensionId);
-    await page.waitForTimeout(2000);
 
     await expect(page.locator(".arco-empty")).toBeVisible({ timeout: 10000 });
     await page.close();
   });
 
   test("should open add model dialog with correct form fields", async ({ context, extensionId }) => {
     const page = await openAgentProviderPage(context, extensionId);
-    await page.waitForTimeout(2000);
 
     // 点击添加按钮
     const addBtn = page.locator("button.arco-btn-primary").first();
+    await expect(addBtn).toBeVisible({ timeout: 10_000 });
     await addBtn.evaluate((element) => (element as HTMLElement).click());
 
     // 验证弹窗出现
@@ -50,21 +49,18 @@ test.describe("Agent Provider Management", () => {
       .locator("button", { hasText: /cancel|取消/i })
       .first()
       .evaluate((element) => (element as HTMLElement).click());
-    await page.waitForTimeout(500);
     await expect(modal).not.toBeVisible();
 
     await page.close();
   });
 
   test("should switch provider between OpenAI and Anthropic", async ({ context, extensionId }) => {
     const page = await openAgentProviderPage(context, extensionId);
-    await page.waitForTimeout(2000);
 
     // 打开添加弹窗
-    await page
-      .locator("button.arco-btn-primary")
-      .first()
-      .evaluate((element) => (element as HTMLElement).click());
+    const addBtn = page.locator("button.arco-btn-primary").first();
+    await expect(addBtn).toBeVisible({ timeout: 10_000 });
+    await addBtn.evaluate((element) => (element as HTMLElement).click());
     const modal = page.locator(".arco-modal");
     await expect(modal).toBeVisible({ timeout: 5000 });
 
@@ -75,9 +71,9 @@ test.describe("Agent Provider Management", () => {
     // 切换到 Anthropic
     const providerSelect = modal.locator(".arco-select").first();
     await providerSelect.evaluate((element) => (element as HTMLElement).click());
-    await page.waitForTimeout(300);
-    await page.locator(".arco-select-option", { hasText: "Anthropic" }).click();
-    await page.waitForTimeout(500);
+    const anthropicOption = page.locator(".arco-select-option", { hasText: "Anthropic" });
+    await expect(anthropicOption).toBeVisible({ timeout: 10_000 });
+    await anthropicOption.click();
 
     // placeholder 应变为 anthropic.com
     const anthropicInput = modal.locator('input[placeholder*="anthropic"]');