@allbluecn/web-app 0.18.2 → 0.19.0

package/src/components/story/views/view-list-section.tsx

@@ -16,10 +16,11 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState } from "react";
-import { Check, ChevronRight, ChevronDown, Plus, Pencil, Trash2, type LucideIcon } from "lucide-react";
+import { Check, ChevronRight, ChevronDown, Plus, Pencil, Trash2 } from "lucide-react";
 import { ConfirmDialog } from "@/components/confirm-dialog";
 import { cn } from "@/lib/utils";
-import { renderViewIcon, groupViewsByProject, type SavedView, type ViewProjectInfo } from "./view-types";
+import { groupViewsByProject, type SavedView, type ViewProjectInfo } from "./view-types";
+import { ViewIcon } from "@/components/shared-kit/views/view-icon";
 import { m } from "@/paraglide/messages.js";
 
 interface ViewListSectionProps {
@@ -105,7 +106,6 @@ interface ViewRowProps {
 
 function ViewRow({ view, active, onApply, onEdit, onDelete }: ViewRowProps) {
   const [confirmOpen, setConfirmOpen] = useState(false);
-  const Icon: LucideIcon = renderViewIcon(view.icon);
   return (
     <div className="group flex items-center gap-2 rounded-sm px-1.5 py-1 text-xs hover:bg-muted">
       <button
@@ -123,7 +123,7 @@ function ViewRow({ view, active, onApply, onEdit, onDelete }: ViewRowProps) {
         >
           {active && <Check className="size-2.5" strokeWidth={3} />}
         </span>
-        <Icon className="size-3.5 shrink-0 text-muted-foreground" />
+        <ViewIcon name={view.icon} className="size-3.5 shrink-0 text-muted-foreground" />
         <span className="truncate text-foreground">{view.name}</span>
       </button>
       {!view.isBuiltIn && (

package/src/components/story/views/view-selector-button.tsx

@@ -16,12 +16,13 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState } from "react";
-import { Check, ChevronsUpDown, Plus, type LucideIcon } from "lucide-react";
+import { Check, ChevronsUpDown, Plus } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { Separator } from "@/components/ui/separator";
 import { cn } from "@/lib/utils";
-import { renderViewIcon, groupViewsByProject, type SavedView, type ViewProjectInfo } from "./view-types";
+import { groupViewsByProject, type SavedView, type ViewProjectInfo } from "./view-types";
+import { ViewIcon } from "@/components/shared-kit/views/view-icon";
 import { m } from "@/paraglide/messages.js";
 
 interface ViewSelectorButtonProps {
@@ -35,7 +36,6 @@ interface ViewSelectorButtonProps {
 export function ViewSelectorButton({ views, activeViewId, projects, onApplyView, onAddView }: ViewSelectorButtonProps) {
   const [open, setOpen] = useState(false);
   const active = views.find((v) => v.id === activeViewId);
-  const Icon: LucideIcon = active ? renderViewIcon(active.icon) : renderViewIcon("list");
   const { common, byProject } = groupViewsByProject(views, projects);
 
   const handleApply = (view: SavedView) => {
@@ -45,10 +45,10 @@ export function ViewSelectorButton({ views, activeViewId, projects, onApplyView,
 
   return (
     <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger render={<Button variant="outline" size="sm" className="h-8 gap-1.5 border-0 px-2.5 text-sm font-medium shrink-0 hover:bg-muted" />}>
-          <Icon className="size-4 text-muted-foreground" />
-          {active?.name ?? m.story_view_default()}
-          <ChevronsUpDown className="size-3 text-muted-foreground" />
+      <PopoverTrigger render={<Button variant="ghost" size="sm" className="h-8 gap-1.5 border-0 px-2.5 text-sm font-medium shrink-0 hover:bg-muted @max-[1000px]:border @max-[1000px]:border-border @max-[1000px]:bg-background dark:@max-[1000px]:border-input dark:@max-[1000px]:bg-input/30 @max-[1000px]:px-2" title={active?.name ?? m.story_view_default()} />}>
+          <ViewIcon name={active?.icon} className="size-4 text-muted-foreground" />
+          <span className="@max-[1000px]:hidden">{active?.name ?? m.story_view_default()}</span>
+          <ChevronsUpDown className="size-3 text-muted-foreground @max-[1000px]:hidden" />
         </PopoverTrigger>
       <PopoverContent className="w-56 p-1" align="start">
         <div className="flex flex-col gap-1">
@@ -62,7 +62,7 @@ export function ViewSelectorButton({ views, activeViewId, projects, onApplyView,
             <ViewGroup key={project.id} label={m.story_view_projectViews({ name: project.name })} views={pViews} activeViewId={activeViewId} onApply={handleApply} />
           ))}
         </div>
-        <Separator orientation="horizontal" data-horizontal className="-my-1.5" />
+        <Separator orientation="horizontal" data-horizontal />
         <button
           type="button"
           onClick={() => { onAddView(); setOpen(false); }}
@@ -89,7 +89,6 @@ function ViewGroup({ label, views, activeViewId, onApply }: ViewGroupProps) {
       <div className="px-2 pb-0.5 pt-1 text-[11px] font-medium text-muted-foreground">{label}</div>
       <div className="[&>button+button]:mt-0.5">
         {views.map((view) => {
-          const VIcon = renderViewIcon(view.icon);
           const isActive = view.id === activeViewId;
           return (
             <button
@@ -102,7 +101,7 @@ function ViewGroup({ label, views, activeViewId, onApply }: ViewGroupProps) {
               )}
             >
               <span className="flex min-w-0 items-center gap-2">
-                <VIcon className="size-4 shrink-0 text-muted-foreground" />
+                <ViewIcon name={view.icon} className="size-4 shrink-0 text-muted-foreground" />
                 <span className="truncate">{view.name}</span>
               </span>
               {isActive && <Check className="size-3.5 shrink-0 text-primary" />}

package/src/components/story/views/view-switcher.tsx

@@ -25,7 +25,13 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 
-export type StoryView = "list" | "board" | "calendar" | "table" | "timeline";
+export const STORY_VIEWS = ["list", "board", "calendar", "table", "timeline"] as const;
+export type StoryView = (typeof STORY_VIEWS)[number];
+
+/** 校验持久化恢复的视图取值（localStorage 可能残留旧值/脏值） */
+export function isStoryView(value: string): value is StoryView {
+  return (STORY_VIEWS as readonly string[]).includes(value);
+}
 
 const VIEWS: { value: StoryView; label: () => string; icon: LucideIcon }[] = [
   { value: "list", label: m.story_view_layout_list, icon: TableProperties },

package/src/components/story/views/view-types.ts

@@ -21,7 +21,7 @@ import {
 } from "lucide-react";
 import { m } from '@/paraglide/messages.js';
 import { DEFAULT_DISPLAY_OPTIONS, type DisplayOptions } from "../display/types";
-import type { FilterCondition } from "../filters/filter-types";
+import type { FilterCondition } from "../filters/field-configs";
 
 export const DEFAULT_VIEW_ID = "__default__";
 export function getDefaultViewName(): string {
@@ -60,10 +60,6 @@ export const VIEW_ICONS: ViewIconOption[] = [
   { name: "bookmark", icon: Bookmark, label: m.story_view_icon_bookmark },
 ];
 
-export function renderViewIcon(name: string): LucideIcon {
-  return VIEW_ICONS.find((v) => v.name === name)?.icon ?? List;
-}
-
 export function buildDefaultView(): SavedView {
   return {
     id: DEFAULT_VIEW_ID,

package/src/components/testcase/__tests__/batch-toolbar.test.tsx

@@ -0,0 +1,245 @@
+// 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/>.
+
+// 用例批量条（任务 28，UI 对齐二期 PR-8）：BatchToolbarShell 接入 + 批量编辑器簇。
+// 编辑器渲染级依赖真实 popover，测试里替换为按钮桩（story batch-toolbar 同款）；
+// 单字段契约断言 mock 的 bulkUpdateTestCasesFn payload。
+
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { TooltipProvider } from "@/components/ui/tooltip";
+
+const { toast, bulkUpdateTestCasesFn, toastError } = vi.hoisted(() => ({
+  toast: {
+    success: vi.fn(),
+    error: vi.fn(),
+    info: vi.fn(),
+    warning: vi.fn(),
+    loading: vi.fn(),
+    message: vi.fn(),
+    dismiss: vi.fn(),
+    promise: vi.fn(),
+  },
+  bulkUpdateTestCasesFn: vi.fn(() => Promise.resolve({ updated: 2 })),
+  toastError: vi.fn(),
+}));
+vi.mock("@/components/ui/toast", () => ({ toast }));
+vi.mock("@/lib/toast-error", () => ({ toastError }));
+vi.mock("@/server/serverFns/testcase/bulk", () => ({ bulkUpdateTestCasesFn }));
+
+// 属性编辑器替换为按钮桩：点击即以固定值触发 onChange
+vi.mock("../inline-editors/state-editor", () => ({
+  StateEditor: ({ onChange }: { onChange: (v: string) => void }) => (
+    <button onClick={() => onChange("in_review")}>state-editor</button>
+  ),
+}));
+vi.mock("../inline-editors/priority-editor", () => ({
+  PriorityEditor: ({ onChange }: { onChange: (v: string) => void }) => (
+    <button onClick={() => onChange("p0")}>priority-editor</button>
+  ),
+}));
+vi.mock("../inline-editors/assignee-editor", () => ({
+  AssigneeEditor: ({ onChange }: { onChange: (v: string | null) => void }) => (
+    <button onClick={() => onChange("u2")}>assignee-editor</button>
+  ),
+}));
+vi.mock("../inline-editors/folder-editor", () => ({
+  FolderEditor: ({ onChange }: { onChange: (v: string | null) => void }) => (
+    <button onClick={() => onChange("f1")}>folder-editor</button>
+  ),
+}));
+
+import { TestCaseBatchToolbar } from "../views/batch-toolbar";
+
+function renderToolbar(overrides: Partial<Parameters<typeof TestCaseBatchToolbar>[0]> = {}) {
+  const props = {
+    selectedCount: 2,
+    totalLoaded: 5,
+    allSelected: false,
+    projectId: "p1" as string | undefined,
+    users: [],
+    folders: [],
+    caseIds: ["c1", "c2"],
+    canMove: false,
+    canMoveUp: false,
+    canMoveDown: false,
+    onMoveUp: vi.fn(),
+    onMoveDown: vi.fn(),
+    onToggleAll: vi.fn(),
+    onClearSelection: vi.fn(),
+    onAddToPlan: vi.fn(),
+    onUpdated: vi.fn(),
+    ...overrides,
+  };
+  const utils = render(
+    <TooltipProvider>
+      <TestCaseBatchToolbar {...props} />
+    </TooltipProvider>,
+  );
+  return { ...utils, props };
+}
+
+beforeEach(() => {
+  vi.clearAllMocks();
+});
+
+afterEach(() => {
+  cleanup();
+});
+
+describe("TestCaseBatchToolbar 容器（Shell 接入）", () => {
+  it("selectedCount 为 0 时不渲染", () => {
+    const { container } = renderToolbar({ selectedCount: 0 });
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("容器含 sticky bottom-0（Shell 吸附滚动区底部约定）", () => {
+    const { container } = renderToolbar();
+    const bar = container.firstElementChild as HTMLElement;
+    expect(bar.className).toContain("sticky");
+    expect(bar.className).toContain("bottom-0");
+  });
+
+  it("显示已选计数，点击加入计划触发 onAddToPlan", () => {
+    const { props } = renderToolbar();
+    expect(screen.getByText("已选 2 条")).toBeTruthy();
+    fireEvent.click(screen.getByRole("button", { name: "加入计划" }));
+    expect(props.onAddToPlan).toHaveBeenCalledOnce();
+  });
+});
+
+describe("TestCaseBatchToolbar 三态全选", () => {
+  it("部分选中时复选框 indeterminate", () => {
+    renderToolbar();
+    const checkbox = screen.getByRole("checkbox", { name: "全选" });
+    expect(checkbox.getAttribute("aria-checked")).toBe("mixed");
+  });
+
+  it("allSelected 时复选框全选态，点击触发 onToggleAll", () => {
+    const { props } = renderToolbar({ allSelected: true });
+    const checkbox = screen.getByRole("checkbox", { name: "全选" });
+    expect(checkbox.getAttribute("aria-checked")).toBe("true");
+    fireEvent.click(checkbox);
+    expect(props.onToggleAll).toHaveBeenCalledOnce();
+  });
+
+  it("点击清空触发 onClearSelection", () => {
+    const { props } = renderToolbar();
+    // 壳内清空按钮带 aria-label（icon-only 可访问名由壳负责）
+    fireEvent.click(screen.getByRole("button", { name: "清空所选" }));
+    expect(props.onClearSelection).toHaveBeenCalledOnce();
+  });
+});
+
+describe("TestCaseBatchToolbar manual 档移动按钮簇（任务 29）", () => {
+  it("canMove=true 渲染上移/下移按钮（ArrowUp/ArrowDown 照 story 批量条），点击回调 onMoveUp/onMoveDown", () => {
+    const { props } = renderToolbar({ canMove: true, canMoveUp: true, canMoveDown: true });
+    fireEvent.click(screen.getByRole("button", { name: "组内上移" }));
+    expect(props.onMoveUp).toHaveBeenCalledOnce();
+    fireEvent.click(screen.getByRole("button", { name: "组内下移" }));
+    expect(props.onMoveDown).toHaveBeenCalledOnce();
+  });
+
+  it("canMove=false 不渲染移动按钮（非 manual 档）", () => {
+    renderToolbar({ canMove: false });
+    expect(screen.queryByRole("button", { name: "组内上移" })).toBeNull();
+    expect(screen.queryByRole("button", { name: "组内下移" })).toBeNull();
+  });
+
+  it("canMoveUp=false 时上移禁用且不触发回调（组内首条），下移不受影响", () => {
+    const { props } = renderToolbar({ canMove: true, canMoveUp: false, canMoveDown: true });
+    const up = screen.getByRole("button", { name: "组内上移" });
+    expect(up).toHaveAttribute("disabled");
+    fireEvent.click(up);
+    expect(props.onMoveUp).not.toHaveBeenCalled();
+    expect(screen.getByRole("button", { name: "组内下移" })).not.toHaveAttribute("disabled");
+  });
+});
+
+describe("TestCaseBatchToolbar 批量编辑器簇（单字段契约）", () => {
+  it("选状态 → bulkUpdateTestCasesFn({ caseIds, patch: { state } }) 单字段 payload", async () => {
+    renderToolbar();
+    fireEvent.click(screen.getByText("state-editor"));
+    await vi.waitFor(() => {
+      expect(bulkUpdateTestCasesFn).toHaveBeenCalledWith({
+        data: { caseIds: ["c1", "c2"], patch: { state: "in_review" } },
+      });
+    });
+  });
+
+  it("改优先级 → patch 仅含 priority 单字段", async () => {
+    renderToolbar();
+    fireEvent.click(screen.getByText("priority-editor"));
+    await vi.waitFor(() => {
+      expect(bulkUpdateTestCasesFn).toHaveBeenCalledWith({
+        data: { caseIds: ["c1", "c2"], patch: { priority: "p0" } },
+      });
+    });
+  });
+
+  it("改负责人 → patch 仅含 assigneeId 单字段", async () => {
+    renderToolbar();
+    fireEvent.click(screen.getByText("assignee-editor"));
+    await vi.waitFor(() => {
+      expect(bulkUpdateTestCasesFn).toHaveBeenCalledWith({
+        data: { caseIds: ["c1", "c2"], patch: { assigneeId: "u2" } },
+      });
+    });
+  });
+
+  it("移动目录 → patch 仅含 folderId 单字段", async () => {
+    renderToolbar();
+    fireEvent.click(screen.getByText("folder-editor"));
+    await vi.waitFor(() => {
+      expect(bulkUpdateTestCasesFn).toHaveBeenCalledWith({
+        data: { caseIds: ["c1", "c2"], patch: { folderId: "f1" } },
+      });
+    });
+  });
+
+  it("scope=all（projectId 缺省）不渲染 FolderEditor，其余编辑器保留（PR-8 审查 A：跨项目 folderId 静默错挂防护）", () => {
+    renderToolbar({ projectId: undefined });
+    expect(screen.queryByText("folder-editor")).toBeNull();
+    expect(screen.getByText("state-editor")).toBeTruthy();
+    expect(screen.getByText("priority-editor")).toBeTruthy();
+    expect(screen.getByText("assignee-editor")).toBeTruthy();
+  });
+
+  it("单项目 scope（projectId 传值）渲染 FolderEditor", () => {
+    renderToolbar({ projectId: "p1" });
+    expect(screen.getByText("folder-editor")).toBeTruthy();
+  });
+
+  it("成功后 toast + onUpdated（父组件清选与刷新）", async () => {
+    const { props } = renderToolbar();
+    fireEvent.click(screen.getByText("state-editor"));
+    await vi.waitFor(() => {
+      expect(toast.success).toHaveBeenCalled();
+    });
+    expect(props.onUpdated).toHaveBeenCalledOnce();
+  });
+
+  it("失败时 toastError 且不触发 onUpdated", async () => {
+    bulkUpdateTestCasesFn.mockRejectedValueOnce(new Error("boom"));
+    const { props } = renderToolbar();
+    fireEvent.click(screen.getByText("state-editor"));
+    await vi.waitFor(() => {
+      expect(toastError).toHaveBeenCalled();
+    });
+    expect(props.onUpdated).not.toHaveBeenCalled();
+  });
+});

package/src/components/testcase/__tests__/board-view.test.tsx

@@ -0,0 +1,241 @@
+// 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/>.
+
+// 用例看板视图（UI 对齐二期 PR-7b 任务 26）。测试策略与共享层
+// kanban-board-view.test.tsx 同口径：jsdom 不模拟 dnd-kit 真拖——
+// 跨列拖拽语义走 resolveDropCommit 纯函数 + board-view 导出的 buildBoardConfig
+// 接线（组件内部 onDropToColumn 即由它构建），mock updateTestCaseFn 断言 patch；
+// 渲染级仅结构 / 点击断言。
+
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, render, screen, within } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+
+vi.mock("@tanstack/react-start", () => ({
+  useServerFn: (fn: unknown) => fn,
+}));
+
+const { toast, updateTestCaseFn } = vi.hoisted(() => ({
+  toast: {
+    success: vi.fn(),
+    error: vi.fn(),
+    info: vi.fn(),
+    warning: vi.fn(),
+    loading: vi.fn(),
+    message: vi.fn(),
+    dismiss: vi.fn(),
+    promise: vi.fn(),
+  },
+  updateTestCaseFn: vi.fn(),
+}));
+vi.mock("@/components/ui/toast", () => ({ toast }));
+vi.mock("@/server/serverFns/testcase/testcase-crud", () => ({
+  updateTestCaseFn,
+}));
+
+import {
+  commitDropDecision,
+  resolveDropCommit,
+} from "@/components/shared-kit/list-kit/kanban/drop-commit";
+import type { ReorderEntry } from "@/components/shared-kit/list-kit/kanban/drop-commit";
+import {
+  TestCaseBoardView,
+  buildBoardConfig,
+  toGroupFieldPatch,
+} from "../views/board-view";
+import type { TestCaseBoardViewProps } from "../views/board-view";
+import type { TestCaseSummary } from "@/server/serverFns/testcase/types";
+
+afterEach(() => {
+  cleanup();
+  vi.clearAllMocks();
+});
+
+/* ------------------------------------------------------------------ */
+/* 夹具                                                                    */
+/* ------------------------------------------------------------------ */
+
+let seq = 0;
+function makeCase(overrides: Partial<TestCaseSummary> = {}): TestCaseSummary {
+  seq += 1;
+  return {
+    id: `c${seq}`,
+    sequenceId: seq,
+    identifier: `TC-${seq}`,
+    projectId: "p1",
+    folderId: null,
+    storyId: null,
+    title: `用例标题 ${seq}`,
+    precondition: null,
+    steps: [],
+    type: "functional",
+    priority: "p1",
+    state: "draft",
+    version: 1,
+    automation: "none",
+    aiGenerated: false,
+    assignee: null,
+    createdBy: {
+      id: "u1",
+      username: "alice",
+      email: "a@x.com",
+      avatarConfig: null,
+      bgShape: null,
+      bgColor: null,
+    },
+    archived: false,
+    archivedAt: null,
+    createdAt: "2026-01-01T00:00:00.000Z",
+    updatedAt: "2026-01-01T00:00:00.000Z",
+    ...overrides,
+  } as TestCaseSummary;
+}
+
+function buildProps(
+  overrides: Partial<TestCaseBoardViewProps> = {},
+): TestCaseBoardViewProps & Pick<import("../views/board-view").BoardConfigDeps, "updateCase"> {
+  return {
+    columns: { draft: [makeCase()], approved: [] },
+    groupBy: "state",
+    properties: ["type", "priority", "state", "assignee"],
+    folders: [],
+    users: [],
+    onOpenCase: vi.fn(),
+    onPatchCase: vi.fn(),
+    onReorder: vi.fn<(orders: ReorderEntry[]) => Promise<void>>().mockResolvedValue(undefined),
+    // 组件内同一接线：updateCase → updateTestCaseFn({ data: input })
+    updateCase: (input) => updateTestCaseFn({ data: input }),
+    ...overrides,
+  };
+}
+
+/* ------------------------------------------------------------------ */
+/* ① 分组维度字段自动隐藏：groupBy=state 时卡片不渲染 StateEditor            */
+/* ------------------------------------------------------------------ */
+
+describe("分组维度字段自动隐藏", () => {
+  it("groupBy=state：卡片不含状态编辑器（草稿文案只在列头），优先级编辑器照常渲染", () => {
+    render(<TestCaseBoardView {...buildProps()} />);
+
+    // 列头照常显示状态列名
+    expect(screen.getByText("草稿")).toBeTruthy();
+    // 卡片内不再渲染 StateEditor（其触发器含状态 label「草稿」）
+    const card = screen.getByTestId("testcase-board-card");
+    expect(within(card).queryByText("草稿")).toBeNull();
+    // 非分组维度的行内编辑器不受影响：PriorityEditor 触发器含「P1」
+    expect(within(card).getByText("P1")).toBeTruthy();
+  });
+});
+
+/* ------------------------------------------------------------------ */
+/* ② 跨列拖拽接线：resolveDropCommit 决策经 buildBoardConfig 的 onDropToColumn  */
+/*    触发 updateTestCaseFn patch（字段 = state 新值）                        */
+/* ------------------------------------------------------------------ */
+
+describe("跨列拖拽落库接线", () => {
+  it("toGroupFieldPatch：state/priority/folder/assignee/type 五维列 key → patch 映射", () => {
+    expect(toGroupFieldPatch("state", "approved")).toEqual({ state: "approved" });
+    expect(toGroupFieldPatch("priority", "p2")).toEqual({ priority: "p2" });
+    expect(toGroupFieldPatch("folder", "unassigned")).toEqual({ folderId: null });
+    expect(toGroupFieldPatch("folder", "f1")).toEqual({ folderId: "f1" });
+    expect(toGroupFieldPatch("assignee", "__none__")).toEqual({ assigneeId: null });
+    expect(toGroupFieldPatch("assignee", "u9")).toEqual({ assigneeId: "u9" });
+    expect(toGroupFieldPatch("type", "boundary")).toEqual({ type: "boundary" });
+  });
+
+  it("resolveDropCommit 跨列决策经 board-view 接线触发 updateTestCaseFn（patch 字段=state 新值）", async () => {
+    const draft = makeCase({ state: "draft" });
+    updateTestCaseFn.mockResolvedValue({ ...draft, state: "approved" });
+    const onPatchCase = vi.fn();
+
+    // 组件内部即以 buildBoardConfig 构建 config：直接对同一接线产物断言
+    const config = buildBoardConfig(
+      buildProps({
+        columns: { draft: [draft], approved: [] },
+        onPatchCase,
+      }),
+    );
+
+    const decision = resolveDropCommit({
+      activeId: `draft::${draft.id}`,
+      activeContainer: "draft",
+      overContainer: "approved",
+      nextValue: { draft: [], approved: [draft] },
+    });
+    expect(decision.kind).toBe("move");
+
+    await commitDropDecision({
+      decision,
+      previousValue: { draft: [draft], approved: [] },
+      setColumns: vi.fn(),
+      onDropToColumn: config.onDropToColumn,
+    });
+
+    // mock 断言：patch 字段 = state 新值（含乐观锁 expectedVersion）
+    expect(updateTestCaseFn).toHaveBeenCalledTimes(1);
+    expect(updateTestCaseFn).toHaveBeenCalledWith({
+      data: { id: draft.id, expectedVersion: 1, state: "approved" },
+    });
+    // 服务端收敛 DTO 回写列数据（peek / 列表缓存同步）
+    expect(onPatchCase).toHaveBeenCalledWith(
+      draft.id,
+      expect.objectContaining({ id: draft.id, state: "approved" }),
+    );
+  });
+
+  it("列内 reorder 决策不触发 updateTestCaseFn（分组字段零 patch）", async () => {
+    const c1 = makeCase();
+    const c2 = makeCase();
+    const config = buildBoardConfig(buildProps({ columns: { draft: [c1, c2], approved: [] } }));
+
+    const decision = resolveDropCommit({
+      activeId: `draft::${c2.id}`,
+      activeContainer: "draft",
+      overContainer: "draft",
+      nextValue: { draft: [c2, c1], approved: [] },
+    });
+    expect(decision.kind).toBe("reorder");
+
+    await commitDropDecision({
+      decision,
+      previousValue: { draft: [c1, c2], approved: [] },
+      setColumns: vi.fn(),
+      onDropToColumn: config.onDropToColumn,
+    });
+
+    expect(updateTestCaseFn).not.toHaveBeenCalled();
+  });
+});
+
+/* ------------------------------------------------------------------ */
+/* ③ 列尾加载更多：点击回传列 key（onLoadMoreColumn 接线）                   */
+/* ------------------------------------------------------------------ */
+
+describe("列尾加载更多接线", () => {
+  it("点击「加载更多」回传所在列 key", async () => {
+    const onLoadMoreColumn = vi.fn();
+    render(<TestCaseBoardView {...buildProps({ onLoadMoreColumn })} />);
+
+    const buttons = screen.getAllByText("加载更多");
+    expect(buttons).toHaveLength(2);
+    await userEvent.click(buttons[0]!);
+    expect(onLoadMoreColumn).toHaveBeenCalledWith("draft");
+
+    await userEvent.click(buttons[1]!);
+    expect(onLoadMoreColumn).toHaveBeenCalledWith("approved");
+  });
+});