tower-studio 0.1.0 → 0.1.2

package/.next/standalone/tower/tests/e2e/notes-assets.spec.ts

@@ -0,0 +1,287 @@
+import { test, expect, type Page } from "@playwright/test";
+
+test.describe.serial("Phase 7: Notes & Assets Web UI", () => {
+  // Helper: navigate to a workspace that has projects
+  async function goToWorkspace(page: Page) {
+    await page.goto("/workspaces");
+    const sidebar = page.locator("aside");
+    // Click first workspace button
+    const wsBtn = sidebar.locator("button").filter({ hasText: /测试|Test|E2E/ }).first();
+    if (!await wsBtn.isVisible({ timeout: 3000 }).catch(() => false)) {
+      // Fallback: click any workspace
+      const anyWs = sidebar.locator("[data-slot='sidebar-menu-button']").first();
+      if (await anyWs.isVisible({ timeout: 3000 }).catch(() => false)) {
+        await anyWs.click();
+      }
+    } else {
+      await wsBtn.click();
+    }
+    await page.waitForURL(/\/workspaces\//);
+    await page.waitForTimeout(500);
+  }
+
+  // ─── Notes Page ───
+
+  test("7.1 侧边栏显示笔记和资源导航链接", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    const notesLink = sidebar.locator("a").filter({ hasText: /笔记|Notes/ });
+    const assetsLink = sidebar.locator("a").filter({ hasText: /资源|Assets/ });
+    await expect(notesLink).toBeVisible({ timeout: 3000 });
+    await expect(assetsLink).toBeVisible({ timeout: 3000 });
+  });
+
+  test("7.2 点击笔记链接进入笔记页面", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    const notesLink = sidebar.locator("a").filter({ hasText: /笔记|Notes/ });
+    await notesLink.click();
+    await page.waitForURL(/\/notes/);
+    // Should see the notes page with a "new note" button
+    await expect(
+      page.locator("button").filter({ hasText: /新建笔记|New Note/ })
+    ).toBeVisible({ timeout: 5000 });
+  });
+
+  test("7.3 笔记页面显示分类筛选按钮", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    await sidebar.locator("a").filter({ hasText: /笔记|Notes/ }).click();
+    await page.waitForURL(/\/notes/);
+    await page.waitForTimeout(500);
+    // Category filter should show preset categories
+    const allBtn = page.locator("button").filter({ hasText: /全部|All/ });
+    await expect(allBtn).toBeVisible({ timeout: 3000 });
+    // Check at least one preset category is visible
+    const categories = ["账号", "环境", "需求", "备忘"];
+    let found = false;
+    for (const cat of categories) {
+      const btn = page.locator("button").filter({ hasText: cat });
+      if (await btn.isVisible().catch(() => false)) {
+        found = true;
+        break;
+      }
+    }
+    expect(found).toBe(true);
+  });
+
+  test("7.4 新建笔记：填写表单并保存", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    await sidebar.locator("a").filter({ hasText: /笔记|Notes/ }).click();
+    await page.waitForURL(/\/notes/);
+    await page.waitForTimeout(500);
+
+    // Click new note button
+    await page.locator("button").filter({ hasText: /新建笔记|New Note/ }).click();
+    await page.waitForTimeout(300);
+
+    // Fill title
+    const titleInput = page.locator("input").filter({ hasNotText: "" }).first();
+    await titleInput.fill("E2E测试笔记");
+
+    // Fill content in textarea
+    const textarea = page.locator("textarea");
+    await textarea.fill("## 测试内容\n\n这是一条E2E自动化测试创建的笔记。");
+
+    // Click save
+    const saveBtn = page.locator("button").filter({ hasText: /保存|Save/ });
+    await saveBtn.click();
+    await page.waitForTimeout(1000);
+
+    // Verify note appears in list
+    await expect(page.getByText("E2E测试笔记")).toBeVisible({ timeout: 5000 });
+  });
+
+  test("7.5 笔记卡片显示标题和内容预览", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    await sidebar.locator("a").filter({ hasText: /笔记|Notes/ }).click();
+    await page.waitForURL(/\/notes/);
+    await page.waitForTimeout(1000);
+
+    // The note we created should show title and content preview
+    const noteTitle = page.getByText("E2E测试笔记");
+    if (!await noteTitle.isVisible({ timeout: 3000 }).catch(() => false)) {
+      test.skip();
+      return;
+    }
+    await expect(noteTitle).toBeVisible();
+    await expect(page.getByText("测试内容")).toBeVisible();
+  });
+
+  test("7.6 编辑笔记", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    await sidebar.locator("a").filter({ hasText: /笔记|Notes/ }).click();
+    await page.waitForURL(/\/notes/);
+    await page.waitForTimeout(1000);
+
+    const noteTitle = page.getByText("E2E测试笔记");
+    if (!await noteTitle.isVisible({ timeout: 3000 }).catch(() => false)) {
+      test.skip();
+      return;
+    }
+
+    // Find and click edit button (pencil icon) - hover to reveal
+    const noteCard = noteTitle.locator("xpath=ancestor::div[contains(@class, 'border')]");
+    await noteCard.hover();
+    await page.waitForTimeout(200);
+    const editBtn = noteCard.locator("button[aria-label*='edit'], button:has(svg.lucide-pencil)").first();
+    if (await editBtn.isVisible().catch(() => false)) {
+      await editBtn.click();
+      await page.waitForTimeout(500);
+
+      // Update title
+      const titleInput = page.locator("input").first();
+      await titleInput.clear();
+      await titleInput.fill("E2E已编辑笔记");
+
+      // Save
+      const saveBtn = page.locator("button").filter({ hasText: /保存|Save/ });
+      await saveBtn.click();
+      await page.waitForTimeout(1000);
+
+      await expect(page.getByText("E2E已编辑笔记")).toBeVisible({ timeout: 5000 });
+    } else {
+      test.skip();
+    }
+  });
+
+  test("7.7 分类筛选功能", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    await sidebar.locator("a").filter({ hasText: /笔记|Notes/ }).click();
+    await page.waitForURL(/\/notes/);
+    await page.waitForTimeout(1000);
+
+    // Click a specific category filter
+    const catBtn = page.locator("button").filter({ hasText: "账号" });
+    if (await catBtn.isVisible().catch(() => false)) {
+      await catBtn.click();
+      await page.waitForTimeout(500);
+      // The button should be active (amber style)
+      await expect(catBtn).toHaveClass(/amber/);
+      // Click "All" to reset
+      const allBtn = page.locator("button").filter({ hasText: /全部|All/ });
+      await allBtn.click();
+      await page.waitForTimeout(300);
+    } else {
+      test.skip();
+    }
+  });
+
+  test("7.8 删除笔记", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    await sidebar.locator("a").filter({ hasText: /笔记|Notes/ }).click();
+    await page.waitForURL(/\/notes/);
+    await page.waitForTimeout(1000);
+
+    const noteTitle = page.getByText(/E2E.*笔记/);
+    if (!await noteTitle.isVisible({ timeout: 3000 }).catch(() => false)) {
+      test.skip();
+      return;
+    }
+
+    // Hover and click delete button
+    const noteCard = noteTitle.locator("xpath=ancestor::div[contains(@class, 'border')]");
+    await noteCard.hover();
+    await page.waitForTimeout(200);
+    const deleteBtn = noteCard.locator("button[aria-label*='delete'], button:has(svg.lucide-trash)").first();
+    if (await deleteBtn.isVisible().catch(() => false)) {
+      await deleteBtn.click();
+      await page.waitForTimeout(2000);
+      // Note should be gone
+      await expect(noteTitle).not.toBeVisible({ timeout: 5000 });
+    } else {
+      test.skip();
+    }
+  });
+
+  test("7.9 返回看板链接可用", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    await sidebar.locator("a").filter({ hasText: /笔记|Notes/ }).click();
+    await page.waitForURL(/\/notes/);
+    await page.waitForTimeout(500);
+
+    const backLink = page.locator("a").filter({ hasText: /返回看板|Back/ });
+    await expect(backLink).toBeVisible({ timeout: 3000 });
+    await backLink.click();
+    await page.waitForURL(/\/workspaces\/[^/]+$/);
+  });
+
+  // ─── Assets Page ───
+
+  test("7.10 点击资源链接进入资源页面", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    const assetsLink = sidebar.locator("a").filter({ hasText: /资源|Assets/ });
+    await assetsLink.click();
+    await page.waitForURL(/\/assets/);
+    // Should see upload button
+    await expect(
+      page.locator("button").filter({ hasText: /上传|Upload/ })
+    ).toBeVisible({ timeout: 5000 });
+  });
+
+  test("7.11 资源页面显示空状态或文件列表", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    await sidebar.locator("a").filter({ hasText: /资源|Assets/ }).click();
+    await page.waitForURL(/\/assets/);
+    await page.waitForTimeout(1000);
+
+    // Either we see asset items or empty state text
+    const hasAssets = await page.locator("a[aria-label*='download']").count() > 0;
+    const hasEmpty = await page.getByText(/暂无|No assets|empty/).isVisible().catch(() => false);
+    expect(hasAssets || hasEmpty).toBe(true);
+  });
+
+  test("7.12 上传按钮存在且可点击", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    await sidebar.locator("a").filter({ hasText: /资源|Assets/ }).click();
+    await page.waitForURL(/\/assets/);
+    await page.waitForTimeout(500);
+
+    const uploadBtn = page.locator("button").filter({ hasText: /上传|Upload/ });
+    await expect(uploadBtn).toBeVisible();
+    await expect(uploadBtn).toBeEnabled();
+  });
+
+  test("7.13 资源页面返回看板", async ({ page }) => {
+    await goToWorkspace(page);
+    const sidebar = page.locator("aside");
+    await sidebar.locator("a").filter({ hasText: /资源|Assets/ }).click();
+    await page.waitForURL(/\/assets/);
+    await page.waitForTimeout(500);
+
+    const backLink = page.locator("a").filter({ hasText: /返回看板|Back/ });
+    await expect(backLink).toBeVisible({ timeout: 3000 });
+    await backLink.click();
+    await page.waitForURL(/\/workspaces\/[^/]+$/);
+  });
+});
+
+// ─── File Serving Security ───
+
+test.describe("Phase 6: File Serving Security", () => {
+  test("6.1 路径穿越攻击返回400", async ({ page }) => {
+    const response = await page.goto("/api/files/assets/../../etc/passwd");
+    expect(response?.status()).toBe(400);
+  });
+
+  test("6.2 不存在的文件返回404", async ({ page }) => {
+    const response = await page.goto("/api/files/assets/nonexistent-project/nonexistent-file.txt");
+    expect(response?.status()).toBe(404);
+  });
+
+  test("6.3 正常asset路径格式正确（即使文件不存在也返回404而非500）", async ({ page }) => {
+    const response = await page.goto("/api/files/assets/test-project-id/test.png");
+    // Should be 400 (invalid path) or 404 (not found), never 500
+    const status = response?.status();
+    expect(status === 400 || status === 404).toBe(true);
+  });
+});

package/.next/standalone/tower/tests/e2e/search.spec.ts

@@ -0,0 +1,186 @@
+import { test, expect } from "@playwright/test";
+
+test.describe.serial("搜索功能 E2E 测试", () => {
+
+  // 1. 打开搜索对话框，验证六个 tab 可见
+  test("1. Cmd+K 打开搜索，显示六个 tab", async ({ page }) => {
+    await page.goto("/workspaces");
+    await page.waitForTimeout(500);
+
+    await page.keyboard.press("Meta+k");
+    const dialog = page.getByRole("dialog");
+    await expect(dialog).toBeVisible({ timeout: 3000 });
+
+    // Verify all 6 tabs are visible (Chinese locale default)
+    const tabs = dialog.locator("button").filter({
+      hasText: /全部|任务|项目|仓库|笔记|资源/,
+    });
+    await expect(tabs).toHaveCount(6, { timeout: 3000 });
+
+    // "全部" (All) tab should be active by default (amber styling)
+    const allTab = dialog.locator("button").filter({ hasText: "全部" });
+    await expect(allTab).toBeVisible();
+    await expect(allTab).toHaveClass(/amber/);
+
+    await page.keyboard.press("Escape");
+    await expect(dialog).not.toBeVisible({ timeout: 3000 });
+  });
+
+  // 2. 搜索关键字，All 模式分组展示
+  test("2. 搜索关键字，All 模式显示分组结果", async ({ page }) => {
+    await page.goto("/workspaces");
+    await page.waitForTimeout(500);
+
+    await page.keyboard.press("Meta+k");
+    const dialog = page.getByRole("dialog");
+    await expect(dialog).toBeVisible({ timeout: 3000 });
+
+    // Type search query — use a broad term likely to match existing data
+    await dialog.locator("input").fill("测试");
+    await page.waitForTimeout(1000);
+
+    // In All mode, results should appear with section headers
+    const results = dialog.locator("button").filter({
+      has: page.locator("div.truncate"),
+    });
+
+    // Either we get results with section headers, or we get "no results"
+    const noResults = dialog.getByText(/没有找到结果|No results found/);
+    const hasResults = await results.count() > 0;
+    const hasNoResults = await noResults.isVisible().catch(() => false);
+
+    // At least one of these must be true
+    expect(hasResults || hasNoResults).toBe(true);
+
+    await page.keyboard.press("Escape");
+  });
+
+  // 3. 切换到各个 tab
+  test("3. 点击切换不同 tab 搜索", async ({ page }) => {
+    await page.goto("/workspaces");
+    await page.waitForTimeout(500);
+
+    await page.keyboard.press("Meta+k");
+    const dialog = page.getByRole("dialog");
+    await expect(dialog).toBeVisible({ timeout: 3000 });
+
+    // Click each tab and verify it becomes active
+    const tabNames = ["任务", "项目", "仓库", "笔记", "资源", "全部"];
+    for (const name of tabNames) {
+      const tab = dialog.locator("button").filter({ hasText: name }).first();
+      await tab.click();
+      await expect(tab).toHaveClass(/amber/, { timeout: 2000 });
+    }
+
+    await page.keyboard.press("Escape");
+  });
+
+  // 4. Note tab 搜索显示 snippet
+  test("4. 笔记搜索结果显示内容片段", async ({ page }) => {
+    await page.goto("/workspaces");
+    await page.waitForTimeout(500);
+
+    await page.keyboard.press("Meta+k");
+    const dialog = page.getByRole("dialog");
+    await expect(dialog).toBeVisible({ timeout: 3000 });
+
+    // Switch to Note tab
+    const noteTab = dialog.locator("button").filter({ hasText: "笔记" });
+    await noteTab.click();
+    await expect(noteTab).toHaveClass(/amber/);
+
+    // Search for notes
+    await dialog.locator("input").fill("测试");
+    await page.waitForTimeout(1000);
+
+    // If results exist, check that result rows have the expected structure
+    // Each result button should have: title div, subtitle div, and optionally a snippet div
+    const resultRows = dialog.locator(
+      "button.flex.w-full.items-center"
+    );
+    const count = await resultRows.count();
+    if (count > 0) {
+      // Result row should have at least title + subtitle
+      const firstRow = resultRows.first();
+      const textContainer = firstRow.locator("div.flex-1.min-w-0");
+      await expect(textContainer).toBeVisible();
+      // Title
+      await expect(textContainer.locator("div").first()).toBeVisible();
+    }
+
+    await page.keyboard.press("Escape");
+  });
+
+  // 5. Asset tab 搜索
+  test("5. 资源搜索可用", async ({ page }) => {
+    await page.goto("/workspaces");
+    await page.waitForTimeout(500);
+
+    await page.keyboard.press("Meta+k");
+    const dialog = page.getByRole("dialog");
+    await expect(dialog).toBeVisible({ timeout: 3000 });
+
+    // Switch to Asset tab and verify it activates
+    const assetTab = dialog.locator("button").filter({ hasText: "资源" });
+    await assetTab.click();
+    await expect(assetTab).toHaveClass(/amber/);
+
+    // Type a search query and wait for search to complete
+    await dialog.locator("input").fill("test");
+    await page.waitForTimeout(1500);
+
+    // Dialog should still be visible and functional (no crash)
+    await expect(dialog).toBeVisible();
+    // Input should still have the value we typed
+    await expect(dialog.locator("input")).toHaveValue("test");
+
+    await page.keyboard.press("Escape");
+  });
+
+  // 6. 清除搜索内容
+  test("6. 清除按钮重置搜索", async ({ page }) => {
+    await page.goto("/workspaces");
+    await page.waitForTimeout(500);
+
+    await page.keyboard.press("Meta+k");
+    const dialog = page.getByRole("dialog");
+    await expect(dialog).toBeVisible({ timeout: 3000 });
+
+    const input = dialog.locator("input");
+    await input.fill("something");
+    await page.waitForTimeout(300);
+
+    // Click the X (clear) button
+    const clearBtn = dialog.locator("button").filter({
+      has: page.locator("svg.lucide-x"),
+    });
+    if (await clearBtn.isVisible().catch(() => false)) {
+      await clearBtn.click();
+      await expect(input).toHaveValue("");
+    }
+
+    // Should show "type to search" prompt
+    const typeToSearch = dialog.getByText(/输入|Type to search|搜索内容/);
+    await expect(typeToSearch).toBeVisible({ timeout: 2000 });
+
+    await page.keyboard.press("Escape");
+  });
+
+  // 7. 搜索 placeholder 包含笔记和资源
+  test("7. 搜索 placeholder 提及笔记和资源", async ({ page }) => {
+    await page.goto("/workspaces");
+    await page.waitForTimeout(500);
+
+    await page.keyboard.press("Meta+k");
+    const dialog = page.getByRole("dialog");
+    await expect(dialog).toBeVisible({ timeout: 3000 });
+
+    const input = dialog.locator("input");
+    const placeholder = await input.getAttribute("placeholder");
+    // Placeholder should mention notes and assets (updated in Phase 10)
+    expect(placeholder).toBeTruthy();
+    expect(placeholder!.length).toBeGreaterThan(5);
+
+    await page.keyboard.press("Escape");
+  });
+});