ui phase 1

client/src/components/common/ErrorState/ErrorState.test.tsx

@@ -0,0 +1,20 @@
+import { render, screen, fireEvent } from '@testing-library/react';
+import { ThemeProvider } from '../../../theme';
+import ErrorState from './ErrorState';
+
+describe('<ErrorState/>', () => {
+  const wrap = (ui: React.ReactNode) => render(<ThemeProvider>{ui}</ThemeProvider>);
+
+  it('renders the message and calls onRetry on click', () => {
+    const onRetry = jest.fn();
+    wrap(<ErrorState message="Couldn't load" retryLabel="Retry" onRetry={onRetry} />);
+    expect(screen.getByText("Couldn't load")).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button'));
+    expect(onRetry).toHaveBeenCalledTimes(1);
+  });
+
+  it('renders the caller-supplied retry label', () => {
+    wrap(<ErrorState message="Failed" retryLabel="Try again" onRetry={jest.fn()} />);
+    expect(screen.getByRole('button', { name: 'Try again' })).toBeInTheDocument();
+  });
+});