import { screen } from '@testing-library/react'; import { PaginationDropdown } from '../../src/utils/PaginationDropdown'; import { renderWithEvents } from '../__helpers__/setUpTest'; describe('', () => { const setValue = vi.fn(); const setUp = async () => { const result = renderWithEvents(); const { user } = result; await user.click(screen.getByRole('button')); return result; }; afterEach(vi.clearAllMocks); it('renders expected amount of items', async () => { await setUp(); expect(screen.getAllByRole('menuitem')).toHaveLength(5); }); it.each([ [0, 10], [1, 50], [2, 100], [3, 200], ])('sets expected value when an item is clicked', async (index, expectedValue) => { const { user } = await setUp(); expect(setValue).not.toHaveBeenCalled(); await user.click(screen.getAllByRole('menuitem')[index]); expect(setValue).toHaveBeenCalledWith(expectedValue); }); });