ui phase 7

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

@@ -0,0 +1,35 @@
+import { render, screen, fireEvent } from '@testing-library/react';
+import { ThemeProvider } from '../../../theme';
+
+jest.mock('next-intl', () => ({
+  useTranslations: () => (key: string, values?: Record<string, unknown>) =>
+    values ? `${key}:${JSON.stringify(values)}` : key,
+  useLocale: () => 'en',
+}));
+
+import Pager from './Pager';
+
+describe('<Pager/>', () => {
+  const wrap = (ui: React.ReactNode) => render(<ThemeProvider>{ui}</ThemeProvider>);
+
+  it('renders nothing for a single page', () => {
+    const { container } = wrap(<Pager page={1} pageCount={1} onPrev={jest.fn()} onNext={jest.fn()} />);
+    expect(container).toBeEmptyDOMElement();
+  });
+
+  it('disables prev on the first page and next on the last', () => {
+    wrap(<Pager page={1} pageCount={3} onPrev={jest.fn()} onNext={jest.fn()} />);
+    expect(screen.getByText('page_prev')).toBeDisabled();
+    expect(screen.getByText('page_next')).not.toBeDisabled();
+  });
+
+  it('fires onPrev/onNext', () => {
+    const onPrev = jest.fn();
+    const onNext = jest.fn();
+    wrap(<Pager page={2} pageCount={3} onPrev={onPrev} onNext={onNext} />);
+    fireEvent.click(screen.getByText('page_prev'));
+    fireEvent.click(screen.getByText('page_next'));
+    expect(onPrev).toHaveBeenCalledTimes(1);
+    expect(onNext).toHaveBeenCalledTimes(1);
+  });
+});