feat(workbench): 新增收集箱页面 — 素材列表/详情分栏布局 + 新增/选中/删除 mock 交互

tests/web/features/inbox/MaterialList.test.tsx

@@ -0,0 +1,67 @@
+import { screen } from "@testing-library/react";
+import { describe, expect, test, vi } from "bun:test";
+import { createElement } from "react";
+
+import type { Material } from "../../../../src/web/features/inbox/types";
+
+import { MaterialList } from "../../../../src/web/features/inbox/components/MaterialList";
+import { renderWithProviders } from "../../test-utils";
+
+const MOCK_MATERIALS: Material[] = [
+  {
+    associatedDate: "2026-06-03",
+    createdAt: new Date().toISOString(),
+    description: "素材一",
+    id: "id-1",
+  },
+  {
+    associatedDate: "2026-06-02",
+    createdAt: new Date().toISOString(),
+    description: "素材二",
+    id: "id-2",
+  },
+];
+
+describe("MaterialList", () => {
+  test("列表为空时显示暂无素材", () => {
+    renderWithProviders(
+      createElement(MaterialList, {
+        materials: [],
+        onAddClick: vi.fn(),
+        onDelete: vi.fn(),
+        onSelect: vi.fn(),
+        selectedId: null,
+      }),
+    );
+    expect(screen.getByText("暂无素材")).not.toBeNull();
+  });
+
+  test("渲染素材卡片列表", () => {
+    renderWithProviders(
+      createElement(MaterialList, {
+        materials: MOCK_MATERIALS,
+        onAddClick: vi.fn(),
+        onDelete: vi.fn(),
+        onSelect: vi.fn(),
+        selectedId: null,
+      }),
+    );
+    expect(screen.getByText("素材一")).not.toBeNull();
+    expect(screen.getByText("素材二")).not.toBeNull();
+  });
+
+  test("点击新增素材按钮触发 onAddClick", () => {
+    const onAddClick = vi.fn();
+    renderWithProviders(
+      createElement(MaterialList, {
+        materials: [],
+        onAddClick,
+        onDelete: vi.fn(),
+        onSelect: vi.fn(),
+        selectedId: null,
+      }),
+    );
+    screen.getByText("新增素材").click();
+    expect(onAddClick).toHaveBeenCalledTimes(1);
+  });
+});