36 lines
1.3 KiB
TypeScript
36 lines
1.3 KiB
TypeScript
import { describe, it, expect, vi } from 'vitest';
|
|
import { render, screen, waitFor } from '@testing-library/react';
|
|
import { SearchLoadingModal } from '../components/SearchLoadingModal';
|
|
|
|
describe('SearchLoadingModal', () => {
|
|
it('renders when open', () => {
|
|
render(<SearchLoadingModal isOpen={true} maxSeconds={30} />);
|
|
expect(screen.getByText(/Searching for specs/i)).toBeInTheDocument();
|
|
});
|
|
|
|
it('does not render when closed', () => {
|
|
const { container } = render(<SearchLoadingModal isOpen={false} />);
|
|
expect(container.firstChild?.childNodes.length).toBe(0);
|
|
});
|
|
|
|
it('displays countdown timer', () => {
|
|
render(<SearchLoadingModal isOpen={true} maxSeconds={30} />);
|
|
expect(screen.getByText(/30 seconds remaining/i)).toBeInTheDocument();
|
|
});
|
|
|
|
it('calls onTimeout when timer expires', async () => {
|
|
const onTimeout = vi.fn();
|
|
render(<SearchLoadingModal isOpen={true} maxSeconds={1} onTimeout={onTimeout} />);
|
|
|
|
await waitFor(() => {
|
|
expect(onTimeout).toHaveBeenCalled();
|
|
}, { timeout: 2000 });
|
|
});
|
|
|
|
it('shows progress bar', () => {
|
|
const { container } = render(<SearchLoadingModal isOpen={true} maxSeconds={30} />);
|
|
const progressBar = container.querySelector('div[class*="bg-primary"]');
|
|
expect(progressBar).toBeInTheDocument();
|
|
});
|
|
});
|