@allbluecn/web-app 0.18.2 → 0.19.0

package/src/components/testcase/__tests__/export-entry.test.tsx

@@ -0,0 +1,279 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+// 任务 45（TC-E CSV）：「更多」菜单导出入口启用——菜单项点击调
+// exportTestCasesFn（scope/筛选/搜索随当前工具栏状态透传）并触发 Blob 下载
+// （URL.createObjectURL + a[download] + revoke）、truncated toast 提示、
+// busy 态禁用防重复点击、失败 toastError 兜底。壳/菜单结构断言在 toolbar.test.tsx。
+import { act } from "react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { cleanup, render, screen, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+
+const H = vi.hoisted(() => ({
+  exportTestCasesFn: vi.fn(),
+  toastWarning: vi.fn(),
+  toastErrorFn: vi.fn(),
+}));
+
+vi.mock("@tanstack/react-router", () => ({
+  Link: ({ children }: { children?: React.ReactNode }) => <a>{children}</a>,
+}));
+vi.mock("@/components/testcase/ai/generate-dialog", () => ({
+  GenerateTestCasesButton: () => null,
+  GenerateTestCasesDialog: () => null,
+}));
+vi.mock("@/components/billing/use-feature", () => ({
+  useFeature: () => ({ enabled: true, loading: false, unavailable: false }),
+}));
+vi.mock("@/server/serverFns/project", () => ({
+  listProjectsBriefFn: vi.fn(() => Promise.resolve([])),
+}));
+vi.mock("@/components/project/create-project-dialog", () => ({
+  CreateProjectDialog: () => null,
+}));
+vi.mock("@/server/serverFns/testcase/testcase-export", () => ({
+  exportTestCasesFn: H.exportTestCasesFn,
+}));
+vi.mock("@/components/ui/toast", () => ({
+  toast: {
+    success: vi.fn(),
+    error: vi.fn(),
+    warning: H.toastWarning,
+    info: vi.fn(),
+    loading: vi.fn(),
+    message: vi.fn(),
+    dismiss: vi.fn(),
+    promise: vi.fn(),
+  },
+}));
+vi.mock("@/lib/toast-error", () => ({ toastError: H.toastErrorFn }));
+
+import { TestCaseToolbar } from "../testcase-toolbar";
+import type { TestCaseDisplayOptions } from "../display/field-configs";
+import type { TestcaseFilterCondition } from "../filters";
+
+const CSV = "\uFEFF编号,标题,类型,优先级,状态,负责人\r\nWEB-TC1,登录成功,functional,p1,approved,";
+
+const props = {
+  total: 12,
+  projectId: "p1",
+  projects: [{ id: "p1", name: "Web 平台", displayId: "WEB", icon: "globe" }],
+  onProjectChange: vi.fn(),
+  search: "登录",
+  filterConditions: [
+    { id: "c1", property: "state", operator: "is", value: "open" },
+  ] as TestcaseFilterCondition[],
+  filterBarVisible: false,
+  onToggleFilterBar: vi.fn(),
+  onSearchChange: vi.fn(),
+  onFilterConditionsChange: vi.fn(),
+  users: [],
+  folders: [],
+  displayFilters: {
+    groupBy: "none",
+    orderBy: "sequenceId",
+    orderDir: "asc",
+    properties: ["type", "priority", "state", "assignee"],
+    pageSize: 100,
+  } as TestCaseDisplayOptions,
+  onDisplayOptionsChange: vi.fn(),
+  view: "list" as const,
+  onViewChange: vi.fn(),
+  views: [],
+  activeViewId: "default",
+  onApplyView: vi.fn(),
+  onEditView: vi.fn(),
+  onDeleteView: vi.fn(),
+  onAddView: vi.fn(),
+  onCreateClick: vi.fn(),
+};
+
+/** 菜单项查询：portal 异步挂载，waitFor 内按 menuitem 过滤 */
+const menuItem = (label: string) =>
+  waitFor(() => {
+    const item = screen
+      .getAllByText(label)
+      .map((el) => el.closest('[role="menuitem"]'))
+      .find(Boolean);
+    if (!item) throw new Error(`菜单项「${label}」未挂载`);
+    return item;
+  });
+
+describe("TestCaseToolbar CSV 导出入口（任务 45）", () => {
+  let clickedAnchors: HTMLAnchorElement[];
+  let createObjectURLMock: ReturnType<typeof vi.fn>;
+  let revokeObjectURLMock: ReturnType<typeof vi.fn>;
+  const savedUrlMethods: { create?: unknown; revoke?: unknown } = {};
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+    clickedAnchors = [];
+    createObjectURLMock = vi.fn(() => "blob:mock-url");
+    revokeObjectURLMock = vi.fn();
+    savedUrlMethods.create = (URL as unknown as Record<string, unknown>).createObjectURL;
+    savedUrlMethods.revoke = (URL as unknown as Record<string, unknown>).revokeObjectURL;
+    (URL as unknown as Record<string, unknown>).createObjectURL = createObjectURLMock;
+    (URL as unknown as Record<string, unknown>).revokeObjectURL = revokeObjectURLMock;
+    // 捕获 download 锚（拦掉 jsdom 导航），其余元素的 click 不受影响
+    vi.spyOn(HTMLElement.prototype, "click").mockImplementation(function mockClick(this: HTMLElement) {
+      if (this instanceof HTMLAnchorElement) clickedAnchors.push(this as HTMLAnchorElement);
+    });
+  });
+
+  afterEach(() => {
+    cleanup();
+    vi.restoreAllMocks();
+    const urlRecord = URL as unknown as Record<string, unknown>;
+    urlRecord.createObjectURL = savedUrlMethods.create;
+    urlRecord.revokeObjectURL = savedUrlMethods.revoke;
+    vi.unstubAllGlobals();
+  });
+
+  it("菜单项启用（去禁用占位），点击调 exportTestCasesFn（scope/筛选/搜索透传）并触发 Blob 下载", async () => {
+    H.exportTestCasesFn.mockResolvedValue({ csv: CSV, truncated: false });
+    const user = userEvent.setup();
+    render(<TestCaseToolbar {...props} />);
+    await user.click(screen.getByRole("button", { name: "更多" }));
+
+    const item = await menuItem("导出 CSV");
+    // 占位移除：可点、无「即将上线」角标
+    expect(item.hasAttribute("data-disabled")).toBe(false);
+    expect(item.textContent).not.toContain("即将上线");
+
+    await user.click(item);
+    await waitFor(() => expect(H.exportTestCasesFn).toHaveBeenCalledTimes(1));
+    // 导出范围=当前工具栏状态：projectId + serializeFilters 产物 + search + 当前 locale
+    expect(H.exportTestCasesFn).toHaveBeenCalledWith({
+      data: {
+        projectId: "p1",
+        filters: JSON.stringify([{ id: "c1", property: "state", operator: "is", value: "open" }]),
+        search: "登录",
+        locale: "zh",
+      },
+    });
+
+    // Blob（text/csv;charset=utf-8）→ createObjectURL → a[download] → revoke
+    expect(createObjectURLMock).toHaveBeenCalledTimes(1);
+    const blob = createObjectURLMock.mock.calls[0]![0] as Blob;
+    expect(blob).toBeInstanceOf(Blob);
+    expect(blob.type).toBe("text/csv;charset=utf-8");
+    // jsdom Blob.text() 解码会剥 BOM（BOM 前缀断言在 server/__tests__/csv-export.test.ts）
+    expect(await blob.text()).toContain("编号,标题,类型,优先级,状态,负责人");
+    expect(await blob.text()).toContain("WEB-TC1,登录成功");
+    await waitFor(() => expect(clickedAnchors.length).toBe(1));
+    expect(clickedAnchors[0]!.download).toMatch(/^testcases-\d{8}\.csv$/);
+    expect(revokeObjectURLMock).toHaveBeenCalledWith("blob:mock-url");
+    // 成功不弹 toast（truncated 才提示）
+    expect(H.toastWarning).not.toHaveBeenCalled();
+    expect(H.toastErrorFn).not.toHaveBeenCalled();
+  });
+
+  it("truncated=true 时 toast 提示「已导出前 20000 行」", async () => {
+    H.exportTestCasesFn.mockResolvedValue({ csv: CSV, truncated: true });
+    const user = userEvent.setup();
+    render(<TestCaseToolbar {...props} />);
+    await user.click(screen.getByRole("button", { name: "更多" }));
+    await user.click(await menuItem("导出 CSV"));
+    await waitFor(() => expect(H.toastWarning).toHaveBeenCalledTimes(1));
+    expect(H.toastWarning.mock.calls[0]![0]).toMatch(/20000/);
+  });
+
+  /** 尝试点击菜单项：项处于禁用渲染（Base UI 禁用态 + 瞬态 pointer-events:none，
+      实测重开弹层的最初一拍可能仍挂）时 userEvent 拒绝点击——吞掉该类失败并
+      返回 false（防重复语义下「点不动」与「点了被 busy 守卫拦截」同为防重生效）；
+      点动成功返回 true */
+  async function tryClickMenuItem(
+    user: ReturnType<typeof userEvent.setup>,
+    label: string,
+  ): Promise<boolean> {
+    try {
+      await user.click(await menuItem(label));
+      return true;
+    } catch {
+      return false;
+    }
+  }
+
+  it("导出防重复（行为级）：busy 守卫拦截第二次调用，完成后恢复可再次导出", async () => {
+    let resolveExport: (v: { csv: string; truncated: boolean }) => void = () => {};
+    H.exportTestCasesFn.mockImplementation(
+      () =>
+        new Promise<{ csv: string; truncated: boolean }>((resolve) => {
+          resolveExport = resolve;
+        }),
+    );
+    const user = userEvent.setup();
+    render(<TestCaseToolbar {...props} />);
+
+    // 第一轮：点击导出（菜单随点击关闭），promise 挂起
+    await user.click(screen.getByRole("button", { name: "更多" }));
+    await user.click(await menuItem("导出 CSV"));
+    await waitFor(() => expect(H.exportTestCasesFn).toHaveBeenCalledTimes(1));
+
+    // 挂起期重开菜单再点一次：仍只有一次调用——busy 项被禁用点不动（tryClick
+    // 返回 false）与点动后被 if (exporting) return 守卫拦截，两种机制同为防重
+    // 生效。纯 serverFn 调用计数断言（前两版 DOM disabled 断言受 React flush
+    // 与 waitFor 1s 超时时序影响在全量高负载下间歇失败，此处彻底摆脱）
+    await user.click(screen.getByRole("button", { name: "更多" }));
+    await tryClickMenuItem(user, "导出 CSV");
+    expect(H.exportTestCasesFn).toHaveBeenCalledTimes(1);
+
+    // 完成恢复：promise resolve → handler 微任务收尾（finally 复位 busy）→
+    // act 排空确保复位提交 → 收敛式重试点击直至第二次调用发生（可再次导出）。
+    // 每轮自愈两种瞬态：菜单未开（上一轮点击把菜单点走）→ 重开；项仍挂
+    // pointer-events:none（Base UI 弹层开启初瞬）→ 等+重试
+    resolveExport({ csv: CSV, truncated: false });
+    await act(async () => {});
+    await waitFor(
+      async () => {
+        const item = screen
+          .queryAllByText("导出 CSV")
+          .map((el) => el.closest('[role="menuitem"]'))
+          .find(Boolean);
+        if (!item) {
+          await user.click(screen.getByRole("button", { name: "更多" }));
+          throw new Error("菜单未开，已重开待重试");
+        }
+        try {
+          await user.click(item);
+        } catch {
+          throw new Error("菜单项瞬态不可交互，待重试");
+        }
+        expect(H.exportTestCasesFn).toHaveBeenCalledTimes(2);
+      },
+      { timeout: 3000 },
+    );
+  });
+
+  it("导出失败走 toastError 兜底，busy 态恢复可点", async () => {
+    H.exportTestCasesFn.mockRejectedValue(new Error("网络错误"));
+    const user = userEvent.setup();
+    render(<TestCaseToolbar {...props} />);
+    await user.click(screen.getByRole("button", { name: "更多" }));
+    await user.click(await menuItem("导出 CSV"));
+    await waitFor(() => expect(H.toastErrorFn).toHaveBeenCalledTimes(1));
+    expect(H.toastErrorFn.mock.calls[0]![1]).toBeTruthy();
+    // 无下载产物
+    expect(createObjectURLMock).not.toHaveBeenCalled();
+    // 失败后可重试（busy 复位）
+    await user.click(screen.getByRole("button", { name: "更多" }));
+    await waitFor(() =>
+      expect(menuItem("导出 CSV").then((el) => el.hasAttribute("data-disabled"))).resolves.toBe(false),
+    );
+  });
+});

package/src/components/testcase/__tests__/filters.test.tsx

@@ -0,0 +1,280 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+// 任务 21：用例筛选体系接入（FilterCondition 三段式，照 story/bug 先例消费
+// shared-kit/list-kit/filters 参数化工厂）。断言面：
+// ① 添加筛选下拉恰含五字段（state/type/priority/folder/assigneeId）；
+// ② 条件 chip 三段渲染（字段|操作符|值）与应用结果胶囊；
+// ③ 筛选变更触发列表刷新（mock listTestCasesFn 断言参数含 serializeFilters 结果）；
+// ④ folder（模块）仅单项目 scope 可达——scope=all（projectId 缺省）下拉隐藏
+//   （resolveFilterKeys，任务 20 display resolveGroupKeys 同构）。
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { cleanup, render, screen, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+
+vi.mock("@tanstack/react-start", () => ({
+  useServerFn: (fn: unknown) => fn,
+}));
+
+const { mockNavigate } = vi.hoisted(() => ({ mockNavigate: vi.fn() }));
+vi.mock("@tanstack/react-router", () => ({
+  Link: ({ children }: { children?: React.ReactNode }) => <a>{children}</a>,
+  useNavigate: () => mockNavigate,
+}));
+
+// Peek 面板 import 链拉进 story serverFn（createServerFn 需 tanstackStart 插件
+// 编译），Proxy 全量 mock（list-view.test.tsx 同款）
+vi.mock("@/server/serverFns/story", () => ({
+  get(target: Record<string, unknown>, prop: string | symbol) {
+    if (typeof prop === "symbol") return undefined;
+    if (!(prop in target)) target[prop] = vi.fn();
+    return target[prop];
+  },
+}));
+
+vi.mock("@/components/testcase/ai/generate-dialog", () => ({
+  GenerateTestCasesButton: () => null,
+  GenerateTestCasesDialog: () => null,
+}));
+vi.mock("@/components/billing/use-feature", () => ({
+  useFeature: () => ({ enabled: true, loading: false, unavailable: false }),
+}));
+vi.mock("@/components/project/create-project-dialog", () => ({
+  CreateProjectDialog: () => null,
+}));
+vi.mock("@/server/serverFns/project", () => ({
+  listProjectsBriefFn: vi.fn(() => Promise.resolve([])),
+}));
+
+const { listTestCasesFn, listGroupsFn, listFoldersFn } = vi.hoisted(() => ({
+  listTestCasesFn: vi.fn(),
+  listGroupsFn: vi.fn(),
+  listFoldersFn: vi.fn(),
+}));
+vi.mock("@/server/serverFns/testcase/testcase-crud", () => ({
+  listTestCasesFn,
+  createTestCaseFn: vi.fn(),
+  updateTestCaseFn: vi.fn(),
+  archiveTestCaseFn: vi.fn(),
+  deleteTestCaseFn: vi.fn(),
+}));
+// CSV 导出 serverFn（任务 45 起工具栏 import 该模块）：列表壳测试裁掉重依赖链
+vi.mock("@/server/serverFns/testcase/testcase-export", () => ({
+  exportTestCasesFn: vi.fn(),
+}));
+// 任务 26 起列表页壳接看板 serverFn（view=board 数据面）：本文件不测看板链路，
+// 空实现保模块求值（createServerFn 需 tanstackStart 插件编译， vitest 无该插件）
+vi.mock("@/server/serverFns/testcase/testcase-board", () => ({
+  listTestCaseBoardColumnsFn: vi.fn(() => Promise.resolve({ columns: [] })),
+}));
+vi.mock("@/server/serverFns/testcase/testcase-reorder", () => ({
+  reorderTestCasesFn: vi.fn(() => Promise.resolve({ success: true })),
+}));
+vi.mock("@/server/serverFns/testcase/testcase-groups", () => ({
+  listGroupsFn,
+}));
+vi.mock("@/server/serverFns/testcase/testcase-folders", () => ({
+  listFoldersFn,
+  createFolderFn: vi.fn(),
+  renameFolderFn: vi.fn(),
+  deleteFolderFn: vi.fn(),
+  reorderFolderFn: vi.fn(),
+}));
+vi.mock("@/server/serverFns/testcase/testcase-filter-views", () => ({
+  listFilterViewsFn: vi.fn(() => Promise.resolve([])),
+  createFilterViewFn: vi.fn(),
+  updateFilterViewFn: vi.fn(),
+  deleteFilterViewFn: vi.fn(),
+}));
+vi.mock("@/server/serverFns/testcase/testcase-display-options", () => ({
+  getTestCaseDisplayOptionsFn: vi.fn(() => Promise.resolve(null)),
+  updateTestCaseDisplayOptionsFn: vi.fn(() => Promise.resolve(null)),
+}));
+vi.mock("@/server/serverFns/testcase/bulk", () => ({
+  bulkUpdateTestCasesFn: vi.fn(() => Promise.resolve({ updated: 0 })),
+}));
+vi.mock("@/server/serverFns/testcase/plans", () => ({
+  listPlansFn: vi.fn(() => Promise.resolve({ items: [] })),
+  addCasesToPlanFn: vi.fn(),
+}));
+
+import { TooltipProvider } from "@/components/ui/tooltip";
+import {
+  AppliedFilters,
+  TestcaseFilterRow,
+  serializeFilters,
+  type TestcaseFilterCondition,
+} from "../filters";
+import { TestCaseListView } from "../list-view";
+
+const USERS = [
+  { id: "u1", username: "alice", email: "a@t.dev", avatarConfig: null, bgShape: null, bgColor: null },
+];
+const FOLDERS = [
+  { id: "f1", name: "登录模块" },
+  { id: "f2", name: "支付模块" },
+];
+
+function renderRow(conditions: TestcaseFilterCondition[], props: Partial<React.ComponentProps<typeof TestcaseFilterRow>> = {}) {
+  return render(
+    <TooltipProvider>
+      <TestcaseFilterRow
+        conditions={conditions}
+        onChange={() => {}}
+        onClearAll={() => {}}
+        users={USERS}
+        folders={FOLDERS}
+        projectId="p1"
+        {...props}
+      />
+    </TooltipProvider>,
+  );
+}
+
+afterEach(() => {
+  cleanup();
+});
+
+describe("用例筛选字段表（任务 21）", () => {
+  it("添加筛选下拉恰含五字段：状态/类型/优先级/模块/负责人", async () => {
+    const user = userEvent.setup();
+    renderRow([]);
+    await user.click(screen.getAllByRole("button", { name: /添加条件/ })[0]!);
+    expect(await screen.findByText("状态")).toBeInTheDocument();
+    expect(screen.getByText("类型")).toBeInTheDocument();
+    expect(screen.getByText("优先级")).toBeInTheDocument();
+    expect(screen.getByText("模块")).toBeInTheDocument();
+    expect(screen.getByText("负责人")).toBeInTheDocument();
+  });
+
+  it("scope=all（projectId 缺省）模块字段从下拉隐藏，单项目 scope 可见", async () => {
+    const user = userEvent.setup();
+    const { unmount } = renderRow([]);
+    await user.click(screen.getAllByRole("button", { name: /添加条件/ })[0]!);
+    expect(await screen.findByText("模块")).toBeInTheDocument();
+    unmount();
+
+    renderRow([], { projectId: undefined });
+    await user.click(screen.getAllByRole("button", { name: /添加条件/ })[0]!);
+    await screen.findByText("状态");
+    expect(screen.queryByText("模块")).not.toBeInTheDocument();
+  });
+
+  it("条件 chip 三段渲染：字段|操作符|值（state is draft → 状态|是|草稿）", () => {
+    renderRow([{ id: "c1", property: "state", operator: "is", value: "draft" }]);
+    expect(screen.getByText("状态")).toBeInTheDocument();
+    expect(screen.getByText("是")).toBeInTheDocument();
+    expect(screen.getByText("草稿")).toBeInTheDocument();
+  });
+
+  it("folder 条件值段渲染模块名；is_empty 操作符隐藏值段", () => {
+    const { unmount } = renderRow([{ id: "c1", property: "folder", operator: "is", value: "f1" }]);
+    expect(screen.getByText("模块")).toBeInTheDocument();
+    expect(screen.getByText("登录模块")).toBeInTheDocument();
+    unmount();
+
+    renderRow([{ id: "c2", property: "assigneeId", operator: "is_empty", value: "" }]);
+    expect(screen.getByText("负责人")).toBeInTheDocument();
+    expect(screen.getByText("为空")).toBeInTheDocument();
+  });
+
+  it("应用结果胶囊三段：字段标签 + 值 chip + 移除按钮（含清除所有结果）", () => {
+    const onRemove = vi.fn();
+    render(
+      <TooltipProvider>
+        <AppliedFilters
+          conditions={[
+            { id: "c1", property: "state", operator: "is", value: "draft" },
+            { id: "c2", property: "priority", operator: "is_any_of", value: "p0,p1" },
+          ]}
+          onRemove={onRemove}
+          onClearAll={() => {}}
+          users={USERS}
+          folders={FOLDERS}
+        />
+      </TooltipProvider>,
+    );
+    expect(screen.getByText("清除所有结果")).toBeInTheDocument();
+    // 值 chip：state 走 META 色板 label，priority 逐值 chip
+    expect(screen.getByText("草稿")).toBeInTheDocument();
+    expect(screen.getByText("P0")).toBeInTheDocument();
+    expect(screen.getByText("P1")).toBeInTheDocument();
+  });
+
+  it("serializeFilters 产出含字段/操作符/值的 JSON 串（serverFn 传参契约）", () => {
+    const json = serializeFilters([
+      { id: "fc_1", property: "state", operator: "is", value: "draft" },
+    ]);
+    expect(json).toContain('"property":"state"');
+    expect(json).toContain('"operator":"is"');
+    expect(json).toContain('"value":"draft"');
+  });
+});
+
+describe("用例筛选接线（list-view 列表刷新）", () => {
+  beforeEach(() => {
+    class MockIntersectionObserver {
+      constructor(_cb: IntersectionObserverCallback) {}
+      observe() {}
+      unobserve() {}
+      disconnect() {}
+    }
+    vi.stubGlobal("IntersectionObserver", MockIntersectionObserver);
+    listTestCasesFn.mockResolvedValue({ items: [], nextCursor: null });
+    listGroupsFn.mockResolvedValue({ groups: [] });
+    listFoldersFn.mockResolvedValue({ folders: [] });
+  });
+
+  afterEach(() => {
+    cleanup();
+    vi.unstubAllGlobals();
+  });
+
+  it("FilterToggle 开筛选行 → 添加 state 条件 → listTestCasesFn 重拉且参数含 serializeFilters 结果", async () => {
+    const user = userEvent.setup();
+    render(
+      <TestCaseListView
+        projects={[{ id: "p1", name: "独立需求", displayId: "STORY", icon: "box" }]}
+        initialFolders={[]}
+        initialUsers={USERS}
+      />,
+    );
+
+    // 初始拉取（无 filters 参数或 undefined）
+    await waitFor(() => {
+      expect(listTestCasesFn).toHaveBeenCalled();
+    });
+
+    // 右簇 FilterToggle：开筛选行
+    await user.click(await screen.findByRole("button", { name: "条件筛选" }));
+    // 添加条件 → 状态字段（默认 operator=is、value=draft）
+    await user.click(screen.getAllByRole("button", { name: /添加条件/ })[0]!);
+    await user.click(await screen.findByText("状态"));
+
+    // 筛选变更触发列表刷新：请求参数 filters 为 serializeFilters 结果
+    await waitFor(() => {
+      expect(listTestCasesFn).toHaveBeenLastCalledWith({
+        data: expect.objectContaining({
+          filters: expect.stringContaining('"property":"state"'),
+        }),
+      });
+    });
+    const lastData = listTestCasesFn.mock.lastCall![0].data as { filters?: string };
+    expect(lastData.filters).toContain('"operator":"is"');
+    expect(lastData.filters).toContain('"value":"draft"');
+  });
+});