tower-studio 0.1.2 → 0.1.3

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

@@ -1,186 +0,0 @@
-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");
-  });
-});

package/.next/standalone/tower/tests/e2e/settings-flow.spec.ts

@@ -1,250 +0,0 @@
-/**
- * E2E-03: Settings Persistence Flow
- *
- * Covers theme and language persistence: change setting → save → reload → verify persists.
- * Uses serial execution for ordered steps and cleanup.
- */
-import { test, expect } from "@playwright/test";
-
-/**
- * Navigate to /settings and wait for the page to be fully rendered.
- * Waits for the navigation section to confirm the settings content has loaded.
- */
-async function goToSettings(page: import("@playwright/test").Page) {
-  // Navigate to a different page first, then to settings to force full component remount
-  const currentUrl = page.url();
-  if (currentUrl.includes("/settings")) {
-    // If already on settings, navigate away and back to force remount
-    await page.goto("/workspaces");
-    await page.waitForTimeout(300);
-  }
-  await page.goto("/settings");
-  // Wait for the settings navigation to confirm page is rendered
-  await page.locator("nav").waitFor({ state: "visible", timeout: 10000 });
-  // Allow extra time for React useEffect hooks to run (mounted state, locale hydration)
-  await page.waitForTimeout(500);
-}
-
-/**
- * Wait for the theme segmented control to appear (requires mounted=true in GeneralConfig).
- * Returns true if buttons appeared, false if timeout.
- */
-async function waitForThemeButtons(page: import("@playwright/test").Page, timeoutMs = 8000): Promise<boolean> {
-  const deadline = Date.now() + timeoutMs;
-  while (Date.now() < deadline) {
-    const count = await page.locator("button").filter({ hasText: /^(Dark|深色|Light|浅色|System|跟随系统)$/ }).count();
-    if (count > 0) return true;
-    await page.waitForTimeout(200);
-  }
-  return false;
-}
-
-test.describe.serial("Settings Persistence Flow", () => {
-  test("1. Navigate to settings page", async ({ page }) => {
-    await goToSettings(page);
-
-    // Verify the settings page loads — nav should show General section
-    const nav = page.locator("nav");
-    await expect(nav).toBeVisible({ timeout: 5000 });
-
-    // General section button visible in nav (either zh "通用" or en "General")
-    const generalBtn = nav.locator("button").first();
-    await expect(generalBtn).toBeVisible({ timeout: 5000 });
-  });
-
-  test("2. Change theme to dark mode", async ({ page }) => {
-    await goToSettings(page);
-
-    const themeLoaded = await waitForThemeButtons(page, 10000);
-    if (!themeLoaded) {
-      // Fallback: set theme via localStorage directly (simulates what the SegmentedControl does)
-      await page.evaluate(() => {
-        localStorage.setItem("theme", "dark");
-        document.documentElement.classList.remove("light", "system");
-        document.documentElement.classList.add("dark");
-      });
-      await page.waitForTimeout(300);
-      const htmlClass = await page.locator("html").getAttribute("class");
-      expect(htmlClass).toContain("dark");
-      return;
-    }
-
-    // Theme buttons are visible — use them
-    const darkBtn = page.locator("button").filter({ hasText: /^(Dark|深色)$/ });
-    await darkBtn.click();
-    await page.waitForTimeout(400);
-
-    // Verify the html element gets the "dark" class
-    const htmlClass = await page.locator("html").getAttribute("class");
-    expect(htmlClass).toContain("dark");
-  });
-
-  test("3. Theme persists after page reload", async ({ page }) => {
-    await goToSettings(page);
-
-    const themeLoaded = await waitForThemeButtons(page, 10000);
-
-    if (themeLoaded) {
-      // Use SegmentedControl
-      const darkBtn = page.locator("button").filter({ hasText: /^(Dark|深色)$/ });
-      await darkBtn.click();
-      await page.waitForTimeout(400);
-    } else {
-      // Fallback: set via next-themes localStorage key
-      await page.evaluate(() => {
-        localStorage.setItem("theme", "dark");
-      });
-      await page.waitForTimeout(300);
-    }
-
-    // Reload and wait for settings to load again
-    await page.reload();
-    await goToSettings(page);
-
-    // Verify dark mode is still active after reload
-    // next-themes stores theme in localStorage["theme"] and applies class on html
-    await page.waitForTimeout(800); // allow next-themes to apply the class
-    const themeValue = await page.evaluate(() => localStorage.getItem("theme"));
-    expect(themeValue).toBe("dark");
-
-    // Clean up: restore theme
-    const themeLoaded2 = await waitForThemeButtons(page, 8000);
-    if (themeLoaded2) {
-      const systemBtn = page.locator("button").filter({ hasText: /^(System|跟随系统)$/ });
-      if (await systemBtn.isVisible({ timeout: 2000 }).catch(() => false)) {
-        await systemBtn.click();
-        await page.waitForTimeout(300);
-      }
-    } else {
-      await page.evaluate(() => localStorage.removeItem("theme"));
-    }
-  });
-
-  test("4. Language change persists after reload", async ({ page }) => {
-    await goToSettings(page);
-
-    // Language buttons should be visible (not behind mounted guard)
-    const enBtn = page.locator("button").filter({ hasText: /^English$/ });
-    await expect(enBtn).toBeVisible({ timeout: 5000 });
-
-    // Step 1: Set locale via UI interaction.
-    // The I18n provider's setLocale writes to localStorage synchronously.
-    // We use waitForFunction (which runs evaluate) to ensure React is in a stable state,
-    // then click and poll for the localStorage write to confirm the React handler fired.
-    await page.waitForFunction(() => !document.querySelector("[data-loading='true']"), { timeout: 3000 }).catch(() => {});
-    await enBtn.click();
-
-    // Poll for localStorage to be set (up to 3s) — if React handler didn't fire, skip UI path
-    let localeAfterClick: string | null = null;
-    for (let attempt = 0; attempt < 10; attempt++) {
-      await page.waitForTimeout(300);
-      localeAfterClick = await page.evaluate(() => localStorage.getItem("locale"));
-      if (localeAfterClick === "en") break;
-    }
-
-    if (localeAfterClick !== "en") {
-      // Fallback: the UI click didn't trigger the React handler (timing issue in test env).
-      // Directly set via localStorage to test persistence behavior (core of E2E-03).
-      await page.evaluate(() => localStorage.setItem("locale", "en"));
-      localeAfterClick = "en";
-    }
-
-    // Verify locale is now "en" (either via UI or direct set)
-    expect(localeAfterClick).toBe("en");
-
-    // Step 2: Reload and verify persistence
-    await page.reload();
-    await goToSettings(page);
-    await page.waitForTimeout(800);
-
-    // Verify localStorage still has "en" after reload (persistence check)
-    const localeAfterReload = await page.evaluate(() => localStorage.getItem("locale"));
-    expect(localeAfterReload).toBe("en");
-
-    // Verify the "English" button is present (locale was read and UI reflects it)
-    const enBtnAfterReload = page.locator("button").filter({ hasText: /^English$/ });
-    await expect(enBtnAfterReload).toBeVisible({ timeout: 5000 });
-
-    // Clean up: switch back to Chinese
-    await page.evaluate(() => localStorage.setItem("locale", "zh"));
-    // Also try to click the Chinese button via UI
-    const zhBtn = page.locator("button").filter({ hasText: /^中文$/ });
-    if (await zhBtn.isVisible({ timeout: 2000 }).catch(() => false)) {
-      await zhBtn.click();
-      await page.waitForTimeout(400);
-    }
-  });
-
-  test("5. Config value change persists: terminal idle timeout", async ({ page }) => {
-    await goToSettings(page);
-
-    // The idle timeout input (min 180)
-    const idleInput = page.locator("input[type='number'][min='180']");
-    if (!await idleInput.isVisible({ timeout: 5000 }).catch(() => false)) {
-      test.skip();
-      return;
-    }
-
-    // Read current value
-    const currentVal = await idleInput.inputValue();
-    const newVal = currentVal === "300" ? "360" : "300";
-
-    // Type the new value using pressSequentially, then verify the input has the new value
-    await idleInput.click({ clickCount: 3 });
-    await idleInput.pressSequentially(newVal, { delay: 80 });
-    await page.waitForTimeout(300);
-
-    // Verify the input DOM value is what we typed (before blur)
-    const inputValBeforeBlur = await idleInput.inputValue();
-
-    // If pressSequentially didn't work correctly, use fill as fallback
-    if (inputValBeforeBlur !== newVal) {
-      await idleInput.click({ clickCount: 3 });
-      await idleInput.fill(newVal);
-      await page.waitForTimeout(200);
-    }
-
-    // Wait for React to process the onChange events and re-render.
-    // When controlled input state updates, the DOM value matches the React state.
-    // We verify by waiting until the input's value equals newVal (confirms React re-rendered).
-    await page.waitForFunction(
-      ([selector, expected]) => {
-        const input = document.querySelector(selector) as HTMLInputElement | null;
-        return input ? input.value === expected : false;
-      },
-      [`input[type='number'][min='180']`, newVal],
-      { timeout: 5000 }
-    );
-
-    // Extra wait to ensure all React reconciliation has completed
-    await page.evaluate(() => new Promise<void>(resolve => requestAnimationFrame(() => requestAnimationFrame(resolve))));
-
-    // Verify DOM value is still newVal after rAF (ensure no re-render reset it)
-    const domValAfterRAF = await idleInput.inputValue();
-    if (domValAfterRAF !== newVal) {
-      // Something reset the value — skip the persistence check
-      test.skip();
-      return;
-    }
-
-    // Now React state idleTimeout = newVal. Trigger blur.
-    await page.locator("h2").first().click();
-    await page.waitForTimeout(2000); // Wait for async server action to complete
-
-    // Reload and verify persistence
-    await page.reload();
-    await goToSettings(page);
-
-    const reloadedInput = page.locator("input[type='number'][min='180']");
-    await expect(reloadedInput).toBeVisible({ timeout: 5000 });
-    const persistedVal = await reloadedInput.inputValue();
-    expect(persistedVal).toBe(newVal);
-
-    // Restore original value
-    await reloadedInput.click({ clickCount: 3 });
-    await reloadedInput.pressSequentially(currentVal, { delay: 80 });
-    await page.waitForTimeout(300);
-    await page.locator("h2").first().click();
-    await page.waitForTimeout(1000);
-  });
-});