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

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

@@ -0,0 +1,29 @@
+import { screen } from "@testing-library/react";
+import { describe, expect, test } from "bun:test";
+import { createElement } from "react";
+
+import type { Material } from "../../../../src/web/features/inbox/types";
+
+import { MaterialContent } from "../../../../src/web/features/inbox/components/MaterialContent";
+import { renderWithProviders } from "../../test-utils";
+
+const MOCK_MATERIAL: Material = {
+  associatedDate: "2026-06-03",
+  createdAt: new Date().toISOString(),
+  description: "详细描述内容",
+  id: "test-id",
+};
+
+describe("MaterialContent", () => {
+  test("未选中时显示空状态提示", () => {
+    renderWithProviders(createElement(MaterialContent, { material: null }));
+    expect(screen.getByText("请在左侧选择素材")).not.toBeNull();
+  });
+
+  test("选中时展示素材详情", () => {
+    renderWithProviders(createElement(MaterialContent, { material: MOCK_MATERIAL }));
+    expect(screen.getByText("素材详情")).not.toBeNull();
+    expect(screen.getByText("详细描述内容")).not.toBeNull();
+    expect(screen.getByText("2026-06-03")).not.toBeNull();
+  });
+});