website refactor

apps/website/components/errors/ErrorScreen.test.tsx

@@ -0,0 +1,52 @@
+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();
+  });
+});