test(vscode-ide-companion): 更新测试中的组件模拟实现

- 为 InputPrompt.test.tsx 添加 FieldDescription、FieldSet 和 Spinner 组件模拟
- 修正 Messages.test.tsx 中 AssistantBubble 模拟接收的属性及内容渲染
- 在 SessionList.test.tsx 中新增 ItemTitle、ItemDescription 组件模拟
- 新增多个 UI 组件如 ContextMenu、AlertDialog、Input、Sonner 和 Field 的模拟实现
- 模拟 chatService 的多个方法以支持测试逻辑

Author: hqwlkj

packages/vscode-ide-companion/src/webview/components/InputPrompt.test.tsx

@@ -60,6 +60,12 @@ vi.mock("@/webview/components/ui/input-group", () => ({
 vi.mock("@/webview/components/ui/field", () => ({
   Field: vi.fn(({ children }) => <div data-testid="field">{children}</div>),
   FieldGroup: vi.fn(({ children }) => <div data-testid="field-group">{children}</div>),
+  FieldDescription: vi.fn(({ children }) => <div>{children}</div>),
+  FieldSet: vi.fn(({ children }) => <div>{children}</div>),
+}));
+
+vi.mock("@/webview/components/ui/spinner", () => ({
+  Spinner: vi.fn(({ className }) => <span data-testid="spinner" className={className} />),
 }));
 
 vi.mock("@/webview/components/ui/separator", () => ({

packages/vscode-ide-companion/src/webview/components/Messages.test.tsx

@@ -24,7 +24,7 @@ vi.mock("@/webview/components/bubbles/UserBubble", () => ({
 }));
 
 vi.mock("@/webview/components/bubbles/AssistantBubble", () => ({
-  default: vi.fn(({ content }) => <div data-testid="assistant-bubble">{content}</div>),
+  default: vi.fn(({ message }) => <div data-testid="assistant-bubble">{message.content}</div>),
 }));
 
 vi.mock("@/webview/components/bubbles/ThinkingBubble", () => ({

packages/vscode-ide-companion/src/webview/components/SessionList.test.tsx

@@ -61,6 +61,8 @@ vi.mock("@/webview/components/ui/item", () => ({
   ItemContent: vi.fn(({ children }) => <div>{children}</div>),
   ItemGroup: vi.fn(({ children }) => <div data-testid="item-group">{children}</div>),
   ItemActions: vi.fn(({ children }) => <div>{children}</div>),
+  ItemTitle: vi.fn(({ children }) => <span>{children}</span>),
+  ItemDescription: vi.fn(({ children }) => <span>{children}</span>),
 }));
 
 vi.mock("@/webview/components/ui/tooltip", () => ({
@@ -69,6 +71,53 @@ vi.mock("@/webview/components/ui/tooltip", () => ({
   TooltipContent: vi.fn(({ children }) => <div>{children}</div>),
 }));
 
+vi.mock("@/webview/components/ui/context-menu", () => ({
+  ContextMenu: vi.fn(({ children }) => <div>{children}</div>),
+  ContextMenuTrigger: vi.fn(({ children }) => <div>{children}</div>),
+  ContextMenuContent: vi.fn(({ children }) => <div>{children}</div>),
+  ContextMenuItem: vi.fn(({ children }) => <div>{children}</div>),
+  ContextMenuSeparator: vi.fn(() => <div />),
+  ContextMenuShortcut: vi.fn(({ children }) => <span>{children}</span>),
+  ContextMenuGroup: vi.fn(({ children }) => <div>{children}</div>),
+}));
+
+vi.mock("@/webview/components/ui/alert-dialog", () => ({
+  AlertDialog: vi.fn(({ children }) => <div>{children}</div>),
+  AlertDialogAction: vi.fn(({ children }) => <div>{children}</div>),
+  AlertDialogCancel: vi.fn(({ children }) => <div>{children}</div>),
+  AlertDialogContent: vi.fn(({ children }) => <div>{children}</div>),
+  AlertDialogDescription: vi.fn(({ children }) => <div>{children}</div>),
+  AlertDialogFooter: vi.fn(({ children }) => <div>{children}</div>),
+  AlertDialogHeader: vi.fn(({ children }) => <div>{children}</div>),
+  AlertDialogMedia: vi.fn(({ children }) => <div>{children}</div>),
+  AlertDialogTitle: vi.fn(({ children }) => <div>{children}</div>),
+  AlertDialogTrigger: vi.fn(({ children }) => <div>{children}</div>),
+}));
+
+vi.mock("@/webview/components/ui/input", () => ({
+  Input: vi.fn(({ value, onChange, ...props }) => <input value={value} onChange={onChange} {...props} />),
+}));
+
+vi.mock("@/webview/components/ui/sonner", () => ({
+  toast: { success: vi.fn(), error: vi.fn() },
+  Toaster: vi.fn(() => null),
+}));
+
+vi.mock("@/webview/components/ui/field", () => ({
+  Field: vi.fn(({ children }) => <div>{children}</div>),
+  FieldDescription: vi.fn(({ children }) => <div>{children}</div>),
+  FieldSet: vi.fn(({ children }) => <div>{children}</div>),
+}));
+
+vi.mock("@/webview/services/chatService", () => ({
+  chatService: {
+    openChatPanel: vi.fn(),
+    openChatInNewWindow: vi.fn(),
+    getSessionFilePath: vi.fn(),
+    openFile: vi.fn(),
+  },
+}));
+
 describe("SessionList", () => {
   const today = new Date();
   const yesterday = new Date(today);