hamid
36 lines
1.3 KiB
TypeScript
36 lines
1.3 KiB
TypeScript
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);
|
|
});
|
|
});
|