feat(M4): FR-R2/R6/R7 搜索+标签筛选——search hay 加 tags+links 元数据(R2); TagFilter 加折叠按钮(R6); tagPaths IPC+FileTree AND 过滤选中标签的文档(R7); store 加 tagFilter; search-tag E2E 2 项

2026-08-26 14:53:00 +08:00
parent bfb1f4b014
commit 01ea477d18
7 changed files with 150 additions and 13 deletions
@@ -0,0 +1,84 @@
+import { test, expect } from '@playwright/test';
+import { _electron as electron } from 'playwright';
+import { promises as fs } from 'node:fs';
+import nodePath from 'node:path';
+import os from 'node:os';
+
+const MAIN_JS = nodePath.join(process.cwd(), 'dist-electron/main/index.js');
+
+async function launch(userData: string) {
+  const app = await electron.launch({ args: ['--user-data-dir=' + userData, MAIN_JS] });
+  const page = await app.firstWindow();
+  await page.waitForLoadState('domcontentloaded');
+  const invoke = (ch: string, args: any) => page.evaluate(({ ch, args }) => (globalThis as any).dsh.invoke(ch, args), { ch, args });
+  return { app, page, invoke };
+}
+
+async function newDoc(a: { page: any; invoke: any }, title: string) {
+  await a.page.getByRole('button', { name: /新建文档/ }).click();
+  await a.page.getByPlaceholder(/输入文档标题/).fill(title);
+  await a.page.getByPlaceholder(/输入文档标题/).press('Enter');
+  await expect(a.page.getByTestId('tabbar').getByText(title, { exact: true })).toBeVisible({ timeout: 10000 });
+}
+
+// FR-R2：搜索覆盖标签元数据
+test('FR-R2：搜索覆盖标签元数据', async () => {
+  const tmp = await fs.mkdtemp(nodePath.join(os.tmpdir(), 'hn-r2-'));
+  const userData = nodePath.join(tmp, 'userdata');
+  const vault = nodePath.join(tmp, 'vault');
+  await fs.mkdir(userData, { recursive: true });
+  await fs.mkdir(vault, { recursive: true });
+
+  const a = await launch(userData);
+  await a.invoke('vault:switch', { root: vault });
+
+  // 创建文档并写入带标签的 frontmatter
+  await a.invoke('doc:write', { path: 'tagged.md', meta: { title: '特殊文档', tags: ['unique-tag-xyz'] }, body: '正文内容' });
+  await a.page.waitForTimeout(500);
+
+  // 搜索标签名 -> 应命中
+  await a.page.getByPlaceholder(/搜索/).fill('unique-tag-xyz');
+  await a.page.waitForTimeout(1000);
+  // 搜索结果应包含标题
+  const resultArea = a.page.getByPlaceholder(/搜索/).locator('..').locator('..');
+  await expect(resultArea.getByText('特殊文档')).toBeVisible({ timeout: 8000 });
+
+  await a.app.close();
+});
+
+// FR-R6：标签栏可折叠
+test('FR-R6：标签栏可折叠', async () => {
+  const tmp = await fs.mkdtemp(nodePath.join(os.tmpdir(), 'hn-r6-'));
+  const userData = nodePath.join(tmp, 'userdata');
+  const vault = nodePath.join(tmp, 'vault');
+  await fs.mkdir(userData, { recursive: true });
+  await fs.mkdir(vault, { recursive: true });
+
+  const a = await launch(userData);
+  await a.invoke('vault:switch', { root: vault });
+
+  // 创建带标签的文档
+  await a.invoke('doc:write', { path: 'tagged.md', meta: { title: '标签文档', tags: ['test-tag'] }, body: '正文' });
+  await a.page.waitForTimeout(500);
+  // 刷新树
+  await a.page.getByTitle('刷新').click();
+  await a.page.waitForTimeout(500);
+
+  // 标签栏应可见
+  const tagHeader = a.page.getByText(/标签（/);
+  await expect(tagHeader).toBeVisible({ timeout: 5000 });
+
+  // 点击折叠
+  await tagHeader.click();
+  await a.page.waitForTimeout(300);
+  // 标签列表应隐藏（折叠后不显示标签 span）
+  const tagSpans = a.page.locator('span').filter({ hasText: 'test-tag' });
+  await expect(tagSpans).toHaveCount(0, { timeout: 3000 });
+
+  // 再次点击展开
+  await a.page.getByText(/标签（/).click();
+  await a.page.waitForTimeout(300);
+  await expect(tagSpans).toBeVisible({ timeout: 3000 });
+
+  await a.app.close();
+});