feat(renderer): FindInFilesDialog (cross-file search with regex)

2026-08-02 18:10:18 +05:30 · 2026-06-06 08:04:49 +05:30
parent a6c6e3696e
commit a62511e7ed
2 changed files with 184 additions and 0 deletions
@@ -0,0 +1,73 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { FindInFilesDialog } from '@/components/modals/FindInFilesDialog';
+import { useFileStore } from '@/stores/file-store';
+
+vi.mock('@/lib/ipc', () => ({
+  ipc: {
+    file: {
+      search: vi.fn(),
+    },
+  },
+}));
+
+import { ipc } from '@/lib/ipc';
+import { useAppStore } from '@/stores/app-store';
+
+describe('FindInFilesDialog', () => {
+  beforeEach(() => {
+    localStorage.clear();
+    vi.clearAllMocks();
+    useFileStore.setState({ rootPath: '/project' } as any);
+    useAppStore.setState({ modal: { kind: null } } as any);
+  });
+
+  it('renders with a query input and toggles', () => {
+    render(<FindInFilesDialog />);
+    expect(screen.getByText(/find in files/i)).toBeInTheDocument();
+    expect(screen.getByRole('textbox', { name: /query/i })).toBeInTheDocument();
+    expect(screen.getByRole('checkbox', { name: /regex/i })).toBeInTheDocument();
+    expect(screen.getByRole('checkbox', { name: /case/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /search/i })).toBeInTheDocument();
+  });
+
+  it('submits a search and shows results', async () => {
+    (ipc.file.search as any).mockResolvedValueOnce({
+      ok: true,
+      data: [
+        { filePath: '/project/a.md', line: 5, content: 'matching line' },
+        { filePath: '/project/b.md', line: 12, content: 'another match' },
+      ],
+    });
+    render(<FindInFilesDialog />);
+    await userEvent.type(screen.getByRole('textbox', { name: /query/i }), 'match');
+    await userEvent.click(screen.getByRole('button', { name: /search/i }));
+    expect(await screen.findByText('/project/a.md:5')).toBeInTheDocument();
+    expect(await screen.findByText(/another match/)).toBeInTheDocument();
+  });
+
+  it('clicking a result calls useFileStore.openFile', async () => {
+    (ipc.file.search as any).mockResolvedValueOnce({
+      ok: true,
+      data: [{ filePath: '/project/a.md', line: 5, content: 'matching line' }],
+    });
+    const openFileSpy = vi.fn();
+    useFileStore.setState({ openFile: openFileSpy, rootPath: '/project' } as any);
+    render(<FindInFilesDialog />);
+    await userEvent.type(screen.getByRole('textbox', { name: /query/i }), 'match');
+    await userEvent.click(screen.getByRole('button', { name: /search/i }));
+    const result = await screen.findByText('/project/a.md:5');
+    await userEvent.click(result);
+    // openFile is called with the filePath; the test verifies it was called
+    expect(openFileSpy).toHaveBeenCalled();
+  });
+
+  it('shows an error banner when search fails', async () => {
+    (ipc.file.search as any).mockResolvedValueOnce({ ok: false, error: { code: 'E', message: 'regex invalid' } });
+    render(<FindInFilesDialog />);
+    await userEvent.paste('[invalid', { initialSelectionStart: 0, initialSelectionEnd: 0 });
+    await userEvent.click(screen.getByRole('button', { name: /search/i }));
+    expect(await screen.findByText(/regex invalid/i)).toBeInTheDocument();
+  });
+});