test(vscode-ide-companion): 重命名并完善InputPrompt组件单元测试

- 将Composer.test.tsx文件重命名为InputPrompt.test.tsx
- 更新单元测试文件中的组件导入和描述信息
- 模拟PromptAttachments相关依赖以支持测试
- 测试handleSend功能，确保不同输入和按键情况正确处理发送逻辑
- 覆盖加载状态下的中断按钮功能及点击事件
- 验证技能面板的渲染和技能选择回调
- 测试上下文计量器和悬浮卡片在不同状态下的渲染
- 删除package.json和package-lock.json中@adobe/css-tools依赖和相关锁定信息

Author: hqwlkj

package-lock.json

@@ -48,8 +48,5 @@
     "tsx": "^4.21.0",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.59.2"
-  },
-  "dependencies": {
-    "@adobe/css-tools": "^4.5.0"
   }
 }

package.json

@@ -1,5 +1,5 @@
 /**
- * Unit tests for Composer component
+ * Unit tests for InputPrompt component
  *
  * Tests cover:
  * - handleSend functionality
@@ -11,7 +11,7 @@
 import React from "react";
 import { render, screen, fireEvent } from "@testing-library/react";
 import { describe, it, expect, vi, beforeEach } from "vitest";
-import Composer, { type ComposerProps } from "./Composer";
+import InputPrompt, { type InputPromptProps } from "./InputPrompt";
 import type { SkillInfo } from "@/webview/types";
 
 // Mock dependencies
@@ -83,6 +83,19 @@ vi.mock("@/webview/components/ui/popover", () => ({
   PopoverContent: vi.fn(({ children }) => <div data-testid="popover-content">{children}</div>),
 }));
 
+vi.mock("@/webview/components/PromptAttachments", () => ({
+  PromptAttachments: vi.fn(({ attachments }) => (
+    <div data-testid="prompt-attachments">{attachments.length} attachments</div>
+  )),
+  usePromptAttachments: vi.fn(() => ({
+    attachments: [],
+    handlePaste: vi.fn(),
+    removeAttachment: vi.fn(),
+    clearAttachments: vi.fn(),
+    getImageUrls: vi.fn(() => []),
+  })),
+}));
+
 vi.mock("@/webview/lib/utils", () => ({
   cn: vi.fn((...args: unknown[]) => args.filter(Boolean).join(" ")),
 }));
@@ -115,7 +128,7 @@ const mockOnSendPrompt =
 const mockOnInterrupt = vi.fn<() => void>();
 const mockOnSelectSkills = vi.fn<(skills: SkillInfo[]) => void>();
 
-const defaultProps: ComposerProps = {
+const defaultProps: InputPromptProps = {
   loading: false,
   selectedSkills: [] as SkillInfo[],
   availableSkills: [] as SkillInfo[],
@@ -136,37 +149,37 @@ const defaultProps: ComposerProps = {
   onSelectSkills: mockOnSelectSkills,
 };
 
-describe("Composer", () => {
+describe("InputPrompt", () => {
   beforeEach(() => {
     vi.clearAllMocks();
   });
 
   describe("handleSend", () => {
     it("calls onSendPrompt when sending a message", async () => {
-      render(<Composer {...defaultProps} />);
+      render(<InputPrompt {...defaultProps} />);
       const textarea = screen.getByRole("textbox");
       fireEvent.change(textarea, { target: { value: "Hello" } });
       fireEvent.keyDown(textarea, { key: "Enter" });
       expect(mockOnSendPrompt).toHaveBeenCalledWith("Hello", [], [], undefined);
     });
 
     it("does not send empty message", () => {
-      render(<Composer {...defaultProps} />);
+      render(<InputPrompt {...defaultProps} />);
       const textarea = screen.getByRole("textbox");
       fireEvent.keyDown(textarea, { key: "Enter" });
       expect(mockOnSendPrompt).not.toHaveBeenCalled();
     });
 
     it("trims whitespace before sending", async () => {
-      render(<Composer {...defaultProps} />);
+      render(<InputPrompt {...defaultProps} />);
       const textarea = screen.getByRole("textbox");
       fireEvent.change(textarea, { target: { value: "  Hello   " } });
       fireEvent.keyDown(textarea, { key: "Enter" });
       expect(mockOnSendPrompt).toHaveBeenCalledWith("Hello", [], [], undefined);
     });
 
     it("does not send while loading", () => {
-      render(<Composer {...defaultProps} loading={true} />);
+      render(<InputPrompt {...defaultProps} loading={true} />);
       const textarea = screen.getByRole("textbox");
       fireEvent.change(textarea, { target: { value: "Hello" } });
       fireEvent.keyDown(textarea, { key: "Enter" });
@@ -176,15 +189,15 @@ describe("Composer", () => {
 
   describe("Keyboard navigation", () => {
     it("does not send on Shift+Enter", () => {
-      render(<Composer {...defaultProps} />);
+      render(<InputPrompt {...defaultProps} />);
       const textarea = screen.getByRole("textbox");
       fireEvent.change(textarea, { target: { value: "Hello" } });
       fireEvent.keyDown(textarea, { key: "Enter", shiftKey: true });
       expect(mockOnSendPrompt).not.toHaveBeenCalled();
     });
 
     it("does not send on other keys", () => {
-      render(<Composer {...defaultProps} />);
+      render(<InputPrompt {...defaultProps} />);
       const textarea = screen.getByRole("textbox");
       fireEvent.change(textarea, { target: { value: "Hello" } });
       fireEvent.keyDown(textarea, { key: "A" });
@@ -194,12 +207,12 @@ describe("Composer", () => {
 
   describe("Loading state", () => {
     it("renders interrupt button when loading", () => {
-      render(<Composer {...defaultProps} loading={true} />);
+      render(<InputPrompt {...defaultProps} loading={true} />);
       expect(screen.getByTestId("input-group-button")).toBeInTheDocument();
     });
 
     it("calls onInterrupt when interrupt button clicked", () => {
-      render(<Composer {...defaultProps} loading={true} />);
+      render(<InputPrompt {...defaultProps} loading={true} />);
       const button = screen.getByTestId("input-group-button");
       fireEvent.click(button);
       expect(mockOnInterrupt).toHaveBeenCalled();
@@ -208,35 +221,38 @@ describe("Composer", () => {
 
   describe("Skills", () => {
     it("renders skills panel", () => {
-      render(<Composer {...defaultProps} />);
+      render(<InputPrompt {...defaultProps} />);
       expect(screen.getByTestId("skills-panel")).toBeInTheDocument();
     });
 
     it("passes selectedSkills to onSelectSkills", () => {
       const skills = [{ id: "skill1", name: "TestSkill" }];
-      render(<Composer {...defaultProps} availableSkills={skills} />);
+      render(<InputPrompt {...defaultProps} availableSkills={skills} />);
       // Skills panel should be rendered with skills
       expect(screen.getByTestId("skills-panel")).toBeInTheDocument();
     });
   });
 
   describe("Context meter", () => {
     it("renders context meter", () => {
-      render(<Composer {...defaultProps} />);
+      render(<InputPrompt {...defaultProps} />);
       expect(screen.getByTestId("context-meter")).toBeInTheDocument();
     });
   });
 
   describe("Hover card", () => {
     it("renders hover card when activeEditor is null", () => {
-      render(<Composer {...defaultProps} />);
+      render(<InputPrompt {...defaultProps} />);
       // HoverCard may or may not be rendered based on activeEditor
       expect(screen.getByTestId("field-group")).toBeInTheDocument();
     });
 
     it("renders hover card when activeEditor is provided", () => {
       render(
-        <Composer {...defaultProps} activeEditor={{ fileName: "test.ts", languageId: "typescript", lineCount: 100 }} />
+        <InputPrompt
+          {...defaultProps}
+          activeEditor={{ fileName: "test.ts", languageId: "typescript", lineCount: 100 }}
+        />
       );
       expect(screen.getByTestId("hover-card")).toBeInTheDocument();
     });