Files
gridpilot.gg/apps/website/components/errors/ErrorScreen.test.tsx
2026-01-17 15:46:55 +01:00

53 lines
1.8 KiB
TypeScript

import { render, screen, fireEvent } from '@testing-library/react';
import { describe, it, expect, vi } from 'vitest';
import { ErrorScreen } from './ErrorScreen';
describe('ErrorScreen', () => {
const mockError = new Error('Test error message');
(mockError as any).digest = 'test-digest';
(mockError as any).stack = 'test-stack-trace';
const mockReset = vi.fn();
const mockOnHome = vi.fn();
it('renders error message and system malfunction title', () => {
render(<ErrorScreen error={mockError} reset={mockReset} onHome={mockOnHome} />);
expect(screen.getByText('System Malfunction')).toBeDefined();
expect(screen.getByText('Test error message')).toBeDefined();
});
it('calls reset when Retry Session is clicked', () => {
render(<ErrorScreen error={mockError} reset={mockReset} onHome={mockOnHome} />);
const button = screen.getByText('Retry Session');
fireEvent.click(button);
expect(mockReset).toHaveBeenCalledTimes(1);
});
it('calls onHome when Return to Pits is clicked', () => {
render(<ErrorScreen error={mockError} reset={mockReset} onHome={mockOnHome} />);
const button = screen.getByText('Return to Pits');
fireEvent.click(button);
expect(mockOnHome).toHaveBeenCalledTimes(1);
});
it('toggles technical logs visibility', () => {
render(<ErrorScreen error={mockError} reset={mockReset} onHome={mockOnHome} />);
expect(screen.queryByText('test-stack-trace')).toBeNull();
const toggle = screen.getByText('Show Technical Logs');
fireEvent.click(toggle);
expect(screen.getByText(/test-stack-trace/)).toBeDefined();
expect(screen.getByText(/Digest: test-digest/)).toBeDefined();
fireEvent.click(screen.getByText('Hide Technical Logs'));
expect(screen.queryByText(/test-stack-trace/)).toBeNull();
});
});