Files
Oxicloud/frontend/src/lib/components/CommandPalette.test.ts
T
2026-07-26 18:18:15 +02:00

50 lines
1.8 KiB
TypeScript

import { it, expect, vi, beforeEach } from 'vitest';
import { render, screen, fireEvent, waitFor } from '@testing-library/svelte';
const { goto } = vi.hoisted(() => ({ goto: vi.fn() }));
vi.mock('$app/navigation', () => ({ goto }));
vi.mock('$lib/api/endpoints/auth', () => ({ logout: vi.fn() }));
vi.mock('$lib/api/endpoints/search', () => ({
searchResources: vi.fn(async () => ({ items: [], query_time_ms: 0 }))
}));
vi.mock('$lib/api/endpoints/files', () => ({ fileInlineUrl: () => '/in' }));
vi.mock('$lib/stores/dialogs.svelte', () => ({ confirmDialog: vi.fn() }));
import { searchResources } from '$lib/api/endpoints/search';
import { session } from '$lib/stores/session.svelte';
import CommandPalette from './CommandPalette.svelte';
const m = (fn: unknown) => fn as ReturnType<typeof vi.fn>;
function openPalette() {
return fireEvent.keyDown(window, { key: 'k', ctrlKey: true });
}
beforeEach(() => {
vi.clearAllMocks();
session.user = { id: '1', username: 'admin', role: 'admin', is_external: false } as never;
});
it('opens on Ctrl+K and shows the command panel', async () => {
render(CommandPalette);
await openPalette();
await screen.findByTestId('command-palette-panel');
expect(screen.getByTestId('command-palette-input')).toBeTruthy();
});
it('runs a navigation command', async () => {
render(CommandPalette);
await openPalette();
await fireEvent.click(await screen.findByTestId('command-palette-files-item'));
await waitFor(() => expect(goto).toHaveBeenCalledWith('/files'));
});
it('searches files as the query is typed', async () => {
render(CommandPalette);
await openPalette();
const input = await screen.findByTestId('command-palette-input');
await fireEvent.input(input, { target: { value: 'report' } });
await waitFor(() => expect(searchResources).toHaveBeenCalled());
expect(m(searchResources).mock.calls[0][0]).toBe('report');
});