tower-studio 0.1.0 → 0.1.2

package/.next/standalone/tower/tests/unit/components/asset-item.test.tsx

@@ -0,0 +1,105 @@
+import { describe, it, expect, afterEach, vi } from "vitest";
+import { render, screen, cleanup, fireEvent } from "@testing-library/react";
+import { I18nProvider } from "@/lib/i18n";
+import { AssetItem } from "@/components/assets/asset-item";
+import type { AssetItemType } from "@/components/assets/asset-item";
+
+vi.mock("@/lib/file-serve-client", () => ({
+  localPathToApiUrl: (p: string) => {
+    const m = p.match(/data\/assets\/([^/]+)\/([^/]+)$/);
+    return m ? `/api/files/assets/${m[1]}/${m[2]}` : p;
+  },
+}));
+
+afterEach(() => {
+  cleanup();
+});
+
+const mockAsset: AssetItemType = {
+  id: "asset-1",
+  filename: "photo.png",
+  path: "data/assets/proj-1/photo.png",
+  mimeType: "image/png",
+  size: 1024,
+  description: null,
+  createdAt: new Date("2026-03-01"),
+};
+
+function renderWithI18n(ui: React.ReactElement) {
+  return render(<I18nProvider>{ui}</I18nProvider>);
+}
+
+const defaultProps = {
+  onPreview: vi.fn(),
+  onReveal: vi.fn(),
+  onDelete: vi.fn(),
+};
+
+describe("AssetItem", () => {
+  it("renders filename text", () => {
+    renderWithI18n(<AssetItem asset={mockAsset} {...defaultProps} />);
+    expect(screen.getByText("photo.png")).toBeInTheDocument();
+  });
+
+  it("renders formatted file size in KB", () => {
+    renderWithI18n(<AssetItem asset={mockAsset} {...defaultProps} />);
+    // 1024 bytes = 1.0 KB
+    expect(screen.getByText("1.0 KB")).toBeInTheDocument();
+  });
+
+  it("renders image thumbnail when mimeType starts with image/", () => {
+    renderWithI18n(<AssetItem asset={mockAsset} {...defaultProps} />);
+    const img = screen.getByRole("img", { name: "photo.png" });
+    expect(img).toBeInTheDocument();
+    expect(img).toHaveAttribute("alt", "photo.png");
+  });
+
+  it("renders file icon when mimeType is not an image", () => {
+    const pdfAsset: AssetItemType = {
+      ...mockAsset,
+      filename: "report.pdf",
+      mimeType: "application/pdf",
+    };
+    renderWithI18n(<AssetItem asset={pdfAsset} {...defaultProps} />);
+    expect(screen.queryByRole("img", { name: "report.pdf" })).not.toBeInTheDocument();
+    // The FileText svg icon should be present (no img tag for non-image)
+    expect(screen.getByText("report.pdf")).toBeInTheDocument();
+  });
+
+  it("renders preview, reveal, and delete action buttons", () => {
+    renderWithI18n(<AssetItem asset={mockAsset} {...defaultProps} />);
+    // Preview button (Eye icon) with i18n label "预览"
+    expect(screen.getByRole("button", { name: "预览" })).toBeInTheDocument();
+    // Reveal in Finder button with i18n label "在文件夹中显示"
+    expect(screen.getByRole("button", { name: "在文件夹中显示" })).toBeInTheDocument();
+    // Delete button
+    expect(screen.getByRole("button", { name: "删除" })).toBeInTheDocument();
+  });
+
+  it("calls onPreview when preview button is clicked", () => {
+    const onPreview = vi.fn();
+    renderWithI18n(<AssetItem asset={mockAsset} {...defaultProps} onPreview={onPreview} />);
+    const previewButton = screen.getByRole("button", { name: "预览" });
+    fireEvent.click(previewButton);
+    expect(onPreview).toHaveBeenCalledWith(mockAsset);
+    expect(onPreview).toHaveBeenCalledTimes(1);
+  });
+
+  it("calls onReveal when reveal button is clicked", () => {
+    const onReveal = vi.fn();
+    renderWithI18n(<AssetItem asset={mockAsset} {...defaultProps} onReveal={onReveal} />);
+    const revealButton = screen.getByRole("button", { name: "在文件夹中显示" });
+    fireEvent.click(revealButton);
+    expect(onReveal).toHaveBeenCalledWith(mockAsset);
+    expect(onReveal).toHaveBeenCalledTimes(1);
+  });
+
+  it("calls onDelete when delete button is clicked", () => {
+    const onDelete = vi.fn();
+    renderWithI18n(<AssetItem asset={mockAsset} {...defaultProps} onDelete={onDelete} />);
+    const deleteButton = screen.getByRole("button", { name: "删除" });
+    fireEvent.click(deleteButton);
+    expect(onDelete).toHaveBeenCalledWith("asset-1");
+    expect(onDelete).toHaveBeenCalledTimes(1);
+  });
+});

package/.next/standalone/tower/tests/unit/components/asset-list.test.tsx

@@ -0,0 +1,51 @@
+import { describe, it, expect, afterEach, vi } from "vitest";
+import { render, screen, cleanup } from "@testing-library/react";
+import { I18nProvider } from "@/lib/i18n";
+import { AssetList } from "@/components/assets/asset-list";
+
+vi.mock("@/lib/file-serve", () => ({
+  localPathToApiUrl: (p: string) => `/api/files/${p}`,
+}));
+
+afterEach(() => {
+  cleanup();
+});
+
+function renderWithI18n(ui: React.ReactElement) {
+  return render(<I18nProvider>{ui}</I18nProvider>);
+}
+
+const makeAsset = (id: string, filename: string) => ({
+  id,
+  filename,
+  path: `data/assets/proj-1/${filename}`,
+  mimeType: "text/plain",
+  size: 512,
+  description: null,
+  createdAt: new Date("2026-03-01"),
+});
+
+describe("AssetList", () => {
+  it("renders empty state text when assets array is empty", () => {
+    renderWithI18n(<AssetList assets={[]} onPreview={vi.fn()} onReveal={vi.fn()} onDelete={vi.fn()} />);
+    expect(screen.getByText("暂无资源")).toBeInTheDocument();
+  });
+
+  it("renders empty state hint text when assets array is empty", () => {
+    renderWithI18n(<AssetList assets={[]} onPreview={vi.fn()} onReveal={vi.fn()} onDelete={vi.fn()} />);
+    expect(screen.getByText("上传文件作为项目资源")).toBeInTheDocument();
+  });
+
+  it("renders multiple asset items when assets array has entries", () => {
+    const assets = [makeAsset("a1", "file-one.txt"), makeAsset("a2", "file-two.txt")];
+    renderWithI18n(<AssetList assets={assets} onPreview={vi.fn()} onReveal={vi.fn()} onDelete={vi.fn()} />);
+    expect(screen.getByText("file-one.txt")).toBeInTheDocument();
+    expect(screen.getByText("file-two.txt")).toBeInTheDocument();
+  });
+
+  it("does not render empty state when assets are present", () => {
+    const assets = [makeAsset("a1", "file-one.txt")];
+    renderWithI18n(<AssetList assets={assets} onPreview={vi.fn()} onReveal={vi.fn()} onDelete={vi.fn()} />);
+    expect(screen.queryByText("暂无资源")).not.toBeInTheDocument();
+  });
+});

package/.next/standalone/tower/tests/unit/components/assets/asset-upload.test.tsx

@@ -0,0 +1,70 @@
+import { describe, it, expect, afterEach, vi } from "vitest";
+import { render, screen, cleanup, fireEvent } from "@testing-library/react";
+import { I18nProvider } from "@/lib/i18n";
+import { AssetUpload } from "@/components/assets/asset-upload";
+
+vi.mock("@/actions/asset-actions", () => ({
+  uploadAsset: vi.fn().mockResolvedValue({ id: "asset-1" }),
+}));
+
+afterEach(() => {
+  cleanup();
+});
+
+const mockWorkspaces = [
+  {
+    id: "ws-1",
+    name: "Test Workspace",
+    projects: [{ id: "proj-1", name: "Test Project", alias: null }],
+  },
+];
+
+function renderUpload() {
+  return render(
+    <I18nProvider>
+      <AssetUpload
+        allWorkspaces={mockWorkspaces}
+        initialWsId="ws-1"
+        initialProjectId="proj-1"
+        onUploaded={vi.fn()}
+      />
+    </I18nProvider>
+  );
+}
+
+describe("AssetUpload — description field (ASSET-01)", () => {
+  it("renders a description textarea in the upload dialog", () => {
+    renderUpload();
+    // Open the dialog
+    const uploadButton = screen.getByText("上传文件");
+    fireEvent.click(uploadButton);
+    // Textarea should be present with the placeholder
+    const textarea = screen.getByPlaceholderText("输入资源描述（可搜索）");
+    expect(textarea).toBeInTheDocument();
+    expect(textarea.tagName.toLowerCase()).toBe("textarea");
+  });
+
+  it("disables submit button when description is empty", () => {
+    renderUpload();
+    fireEvent.click(screen.getByText("上传文件"));
+    // The submit button should be disabled when description is empty string
+    const submitButton = screen.getAllByText("上传文件").find(
+      (el) => el.tagName.toLowerCase() === "button" && el.closest(".justify-end")
+    );
+    expect(submitButton).toBeDisabled();
+  });
+
+  it("enables submit button when file is selected and description is non-empty", async () => {
+    renderUpload();
+    fireEvent.click(screen.getByText("上传文件"));
+
+    // Type a description
+    const textarea = screen.getByPlaceholderText("输入资源描述（可搜索）");
+    fireEvent.change(textarea, { target: { value: "My asset description" } });
+
+    // The submit button is still disabled because no file is selected,
+    // but the description guard is no longer the blocker.
+    // We verify the textarea value is set correctly.
+    expect(textarea).toHaveValue("My asset description");
+  });
+});

package/.next/standalone/tower/tests/unit/components/board-stats.test.tsx

@@ -0,0 +1,32 @@
+import { describe, it, expect, afterEach } from "vitest";
+import { render, screen, cleanup } from "@testing-library/react";
+import { BoardStats } from "@/components/board/board-stats";
+import { I18nProvider } from "@/lib/i18n";
+
+afterEach(() => {
+  cleanup();
+});
+
+describe("BoardStats", () => {
+  it("renders task count", () => {
+    render(<I18nProvider><BoardStats totalTasks={5} runningTasks={3} /></I18nProvider>);
+    expect(screen.getByText("5")).toBeInTheDocument();
+  });
+
+  it("renders running task count", () => {
+    render(<I18nProvider><BoardStats totalTasks={5} runningTasks={3} /></I18nProvider>);
+    const allThrees = screen.getAllByText("3");
+    const boldThree = allThrees.find(
+      (el) => el.className.includes("text-2xl")
+    );
+    expect(boldThree).toBeInTheDocument();
+  });
+
+  it("renders section labels", () => {
+    render(<I18nProvider><BoardStats totalTasks={1} runningTasks={0} /></I18nProvider>);
+    // i18n defaults to zh
+    expect(screen.getByText("概览")).toBeInTheDocument();
+    expect(screen.getByText("执行中")).toBeInTheDocument();
+    expect(screen.getByText("提示")).toBeInTheDocument();
+  });
+});

package/.next/standalone/tower/tests/unit/components/category-filter.test.tsx

@@ -0,0 +1,58 @@
+import { describe, it, expect, afterEach, vi } from "vitest";
+import { render, screen, cleanup, fireEvent } from "@testing-library/react";
+import { I18nProvider } from "@/lib/i18n";
+import { CategoryFilter } from "@/components/notes/category-filter";
+
+afterEach(() => {
+  cleanup();
+});
+
+function renderWithI18n(ui: React.ReactElement) {
+  return render(<I18nProvider>{ui}</I18nProvider>);
+}
+
+describe("CategoryFilter", () => {
+  it('renders "All" button with zh label', () => {
+    renderWithI18n(
+      <CategoryFilter active="all" onSelect={vi.fn()} />
+    );
+    expect(screen.getByText("全部分类")).toBeInTheDocument();
+  });
+
+  it("renders all 4 preset category buttons", () => {
+    renderWithI18n(
+      <CategoryFilter active="all" onSelect={vi.fn()} />
+    );
+    expect(screen.getByText("账号")).toBeInTheDocument();
+    expect(screen.getByText("环境")).toBeInTheDocument();
+    expect(screen.getByText("需求")).toBeInTheDocument();
+    expect(screen.getByText("备忘")).toBeInTheDocument();
+  });
+
+  it("active category button has active styling class", () => {
+    renderWithI18n(
+      <CategoryFilter active="账号" onSelect={vi.fn()} />
+    );
+    const activeButton = screen.getByText("账号");
+    expect(activeButton.className).toMatch(/bg-primary\/15/);
+  });
+
+  it("calls onSelect with category value when a category button is clicked", () => {
+    const onSelect = vi.fn();
+    renderWithI18n(
+      <CategoryFilter active="all" onSelect={onSelect} />
+    );
+    fireEvent.click(screen.getByText("需求"));
+    expect(onSelect).toHaveBeenCalledWith("需求");
+    expect(onSelect).toHaveBeenCalledTimes(1);
+  });
+
+  it('calls onSelect with "all" when All button is clicked', () => {
+    const onSelect = vi.fn();
+    renderWithI18n(
+      <CategoryFilter active="账号" onSelect={onSelect} />
+    );
+    fireEvent.click(screen.getByText("全部分类"));
+    expect(onSelect).toHaveBeenCalledWith("all");
+  });
+});

package/.next/standalone/tower/tests/unit/components/cli-adapter-tester.test.tsx

@@ -0,0 +1,160 @@
+import { describe, it, expect, afterEach, beforeEach, vi } from "vitest";
+import { render, screen, cleanup, fireEvent, waitFor } from "@testing-library/react";
+import { I18nProvider } from "@/lib/i18n";
+import type { TestResult } from "@/lib/cli-test";
+// Component to be created in Plan 02
+import { CLIAdapterTester } from "@/components/settings/cli-adapter-tester";
+
+// --- Mock data ---
+
+const mockPassingResult: TestResult = {
+  ok: true,
+  checks: [
+    { name: "claude_command_resolvable", passed: true, message: "claude command found in PATH" },
+    { name: "claude_version", passed: true, message: "Version: 1.0.17" },
+    { name: "anthropic_api_key", passed: true, message: "ANTHROPIC_API_KEY is set" },
+    { name: "claude_hello_probe", passed: true, message: "Claude hello probe succeeded" },
+  ],
+};
+
+const mockFailingResult: TestResult = {
+  ok: false,
+  checks: [
+    { name: "claude_command_resolvable", passed: false, message: 'Command not found in PATH: "claude"' },
+  ],
+};
+
+// --- Helpers ---
+
+function renderWithI18n(ui: React.ReactElement) {
+  return render(<I18nProvider>{ui}</I18nProvider>);
+}
+
+// --- Setup / Teardown ---
+
+beforeEach(() => {
+  vi.stubGlobal(
+    "fetch",
+    vi.fn().mockResolvedValue({
+      ok: true,
+      json: async () => mockPassingResult,
+    }),
+  );
+});
+
+afterEach(() => {
+  cleanup();
+  vi.restoreAllMocks();
+});
+
+// --- Tests ---
+
+describe("CLIAdapterTester", () => {
+  it("renders Test Connection button for adapter", () => {
+    renderWithI18n(<CLIAdapterTester adapterType="claude_local" />);
+    // zh locale — button text from t("settings.aiTools.testConnection")
+    expect(screen.getByRole("button", { name: "测试连接" })).toBeInTheDocument();
+  });
+
+  it("clicking Test Connection triggers fetch to /api/adapters/test with POST and correct body", async () => {
+    renderWithI18n(<CLIAdapterTester adapterType="claude_local" />);
+    const button = screen.getByRole("button", { name: "测试连接" });
+    fireEvent.click(button);
+    await waitFor(() => {
+      expect(global.fetch).toHaveBeenCalledWith("/api/adapters/test", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ adapterType: "claude_local" }),
+      });
+    });
+  });
+
+  it("button shows testing text and is disabled while fetch is in progress", async () => {
+    // Keep fetch pending so loading state is stable
+    let resolvePromise!: (value: Response) => void;
+    vi.stubGlobal(
+      "fetch",
+      vi.fn().mockReturnValue(
+        new Promise<Response>((resolve) => {
+          resolvePromise = resolve;
+        }),
+      ),
+    );
+
+    renderWithI18n(<CLIAdapterTester adapterType="claude_local" />);
+    const button = screen.getByRole("button", { name: "测试连接" });
+    fireEvent.click(button);
+
+    // While pending, button should be disabled and show loading text
+    await waitFor(() => {
+      expect(screen.getByRole("button", { name: "测试中..." })).toBeDisabled();
+    });
+
+    // Resolve to clean up
+    resolvePromise({
+      ok: true,
+      json: async () => mockPassingResult,
+    } as Response);
+  });
+
+  it("after successful fetch, renders each TestCheck row with pass/fail icons", async () => {
+    renderWithI18n(<CLIAdapterTester adapterType="claude_local" />);
+    const button = screen.getByRole("button", { name: "测试连接" });
+    fireEvent.click(button);
+
+    await waitFor(() => {
+      // All 4 checks should appear by their message text
+      expect(screen.getByText("claude command found in PATH")).toBeInTheDocument();
+      expect(screen.getByText("Version: 1.0.17")).toBeInTheDocument();
+      expect(screen.getByText("ANTHROPIC_API_KEY is set")).toBeInTheDocument();
+      expect(screen.getByText("Claude hello probe succeeded")).toBeInTheDocument();
+    });
+  });
+
+  it("version check row displays version string from check message", async () => {
+    renderWithI18n(<CLIAdapterTester adapterType="claude_local" />);
+    const button = screen.getByRole("button", { name: "测试连接" });
+    fireEvent.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText("Version: 1.0.17")).toBeInTheDocument();
+    });
+  });
+
+  it("when no test has been run, no result card is shown", () => {
+    renderWithI18n(<CLIAdapterTester adapterType="claude_local" />);
+    // Only the button should be present; no check messages yet
+    expect(screen.queryByText("claude command found in PATH")).not.toBeInTheDocument();
+    expect(screen.queryByText("Version: 1.0.17")).not.toBeInTheDocument();
+  });
+
+  it("clicking button while already testing has no effect (button is disabled)", async () => {
+    let resolvePromise!: (value: Response) => void;
+    vi.stubGlobal(
+      "fetch",
+      vi.fn().mockReturnValue(
+        new Promise<Response>((resolve) => {
+          resolvePromise = resolve;
+        }),
+      ),
+    );
+
+    renderWithI18n(<CLIAdapterTester adapterType="claude_local" />);
+    const button = screen.getByRole("button", { name: "测试连接" });
+    fireEvent.click(button);
+
+    await waitFor(() => {
+      const loadingButton = screen.getByRole("button", { name: "测试中..." });
+      expect(loadingButton).toBeDisabled();
+      // Clicking disabled button should not fire additional fetch calls
+      fireEvent.click(loadingButton);
+    });
+
+    expect(global.fetch).toHaveBeenCalledTimes(1);
+
+    resolvePromise({
+      ok: true,
+      json: async () => mockPassingResult,
+    } as Response);
+  });
+});

package/.next/standalone/tower/tests/unit/components/create-task-dialog.test.tsx

@@ -0,0 +1,162 @@
+// @vitest-environment jsdom
+import { describe, it, expect, afterEach, vi, beforeEach } from "vitest";
+import { render, screen, cleanup, fireEvent, waitFor } from "@testing-library/react";
+import { CreateTaskDialog } from "@/components/board/create-task-dialog";
+import { I18nProvider } from "@/lib/i18n";
+import type { Task } from "@prisma/client";
+
+// Mock server actions
+vi.mock("@/actions/git-actions", () => ({
+  getProjectBranches: vi.fn().mockResolvedValue(["main", "develop"]),
+  getCurrentBranch: vi.fn().mockResolvedValue("main"),
+  fetchRemoteBranches: vi.fn().mockResolvedValue(undefined),
+}));
+
+vi.mock("@/actions/label-actions", () => ({
+  getLabelsForWorkspace: vi.fn().mockResolvedValue([]),
+  setTaskLabels: vi.fn().mockResolvedValue(undefined),
+}));
+
+vi.mock("@/actions/task-actions", () => ({
+  createTask: vi.fn().mockResolvedValue({}),
+  updateTask: vi.fn().mockResolvedValue({}),
+}));
+
+// Mock next/cache to prevent errors in test environment
+vi.mock("next/cache", () => ({
+  revalidatePath: vi.fn(),
+}));
+
+import { getProjectBranches } from "@/actions/git-actions";
+
+const mockedGetProjectBranches = vi.mocked(getProjectBranches);
+
+function renderDialog(props: Partial<Parameters<typeof CreateTaskDialog>[0]> = {}) {
+  const defaultProps = {
+    open: true,
+    onOpenChange: vi.fn(),
+    onSubmit: vi.fn(),
+    onUpdate: vi.fn(),
+    labels: [],
+    ...props,
+  };
+  return render(
+    <I18nProvider>
+      <CreateTaskDialog {...defaultProps} />
+    </I18nProvider>
+  );
+}
+
+const mockEditTask: Task = {
+  id: "task-1",
+  title: "Existing Task",
+  description: "Some description",
+  status: "TODO",
+  priority: "MEDIUM",
+  order: 0,
+  pinned: false,
+  promptId: null,
+  projectId: "proj-1",
+  baseBranch: null,
+  subPath: null,
+  createdAt: new Date("2026-01-01"),
+  updatedAt: new Date("2026-01-01"),
+};
+
+afterEach(() => {
+  cleanup();
+  vi.clearAllMocks();
+});
+
+beforeEach(() => {
+  mockedGetProjectBranches.mockResolvedValue(["main", "develop"]);
+});
+
+describe("CreateTaskDialog - branch selector", () => {
+  it("renders branch selector for GIT project", async () => {
+    renderDialog({
+      projectType: "GIT",
+      projectLocalPath: "/some/path",
+    });
+
+    // Wait for branches to load — selected branch "main" appears in trigger button
+    await waitFor(() => {
+      expect(screen.getByText("main")).toBeInTheDocument();
+    });
+
+    // Open the dropdown to see all branch options
+    const branchTrigger = screen.getByTestId("branch-selector");
+    fireEvent.click(branchTrigger);
+
+    await waitFor(() => {
+      expect(screen.getByText("develop")).toBeInTheDocument();
+    });
+    expect(mockedGetProjectBranches).toHaveBeenCalledWith("/some/path");
+  });
+
+  it("hides branch selector for NORMAL project", async () => {
+    renderDialog({
+      projectType: "NORMAL",
+    });
+
+    // Allow any async operations to settle
+    await waitFor(() => {
+      expect(screen.getByTestId("task-title")).toBeInTheDocument();
+    });
+
+    // Branch selector should not be visible
+    expect(screen.queryByText("main")).not.toBeInTheDocument();
+    expect(screen.queryByText("develop")).not.toBeInTheDocument();
+    expect(mockedGetProjectBranches).not.toHaveBeenCalled();
+  });
+
+  it("includes baseBranch in onSubmit for GIT project", async () => {
+    const onSubmit = vi.fn();
+    renderDialog({
+      projectType: "GIT",
+      projectLocalPath: "/some/path",
+      onSubmit,
+    });
+
+    // Wait for branches to load
+    await waitFor(() => {
+      expect(screen.getByText("main")).toBeInTheDocument();
+    });
+
+    // Fill in title
+    const titleInput = screen.getByTestId("task-title");
+    fireEvent.change(titleInput, { target: { value: "My new task" } });
+
+    // Submit the form
+    const createButton = screen.getByText("创建");
+    fireEvent.click(createButton);
+
+    expect(onSubmit).toHaveBeenCalledWith(
+      expect.objectContaining({
+        baseBranch: "main",
+        title: "My new task",
+      })
+    );
+  });
+
+  it("does not render branch selector in edit mode", async () => {
+    const onUpdate = vi.fn();
+    renderDialog({
+      projectType: "GIT",
+      projectLocalPath: "/some/path",
+      editTask: mockEditTask,
+      editTaskLabelIds: [],
+      onUpdate,
+    });
+
+    // Allow any async operations to settle
+    await waitFor(() => {
+      expect(screen.getByTestId("task-title")).toBeInTheDocument();
+    });
+
+    // Branch selector should not be visible in edit mode
+    expect(screen.queryByText("main")).not.toBeInTheDocument();
+    expect(screen.queryByText("develop")).not.toBeInTheDocument();
+    expect(mockedGetProjectBranches).not.toHaveBeenCalled();
+  });
+});