mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-31 21:38:19 +03:00
Code Issues Projects Releases Packages Wiki Activity

Migrated PaginationDropdown test to react testing library

Browse source
This commit is contained in:
Alejandro Celaya 2022-07-10 20:11:01 +02:00
parent f97fce873b
commit bdf181adec
1 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
test/utils/PaginationDropdown.test.tsx
View file

@ -1,22 +1,23 @@
import { shallow, ShallowWrapper } from 'enzyme';
import { DropdownItem } from 'reactstrap';
import { screen } from '@testing-library/react';
import { PaginationDropdown } from '../../src/utils/PaginationDropdown';
import { renderWithEvents } from '../__helpers__/setUpTest';
describe('<PaginationDropdown />', () => {
const setValue = jest.fn();
let wrapper: ShallowWrapper;
const setUp = async () => {
const result = renderWithEvents(<PaginationDropdown ranges={[10, 50, 100, 200]} value={50} setValue={setValue} />);
const { user } = result;
beforeEach(() => {
wrapper = shallow(<PaginationDropdown ranges={[10, 50, 100, 200]} value={50} setValue={setValue} />);
});
await user.click(screen.getByRole('button'));
return result;
};
afterEach(jest.clearAllMocks);
afterEach(() => wrapper?.unmount());
it('renders expected amount of items', () => {
const items = wrapper.find(DropdownItem);
expect(items).toHaveLength(6);
it('renders expected amount of items', async () => {
await setUp();
expect(screen.getAllByRole('menuitem')).toHaveLength(5);
});
it.each([
@ -24,12 +25,11 @@ describe('<PaginationDropdown />', () => {
[1, 50],
[2, 100],
[3, 200],
[5, Infinity],
])('sets expected value when an item is clicked', (index, expectedValue) => {
const item = wrapper.find(DropdownItem).at(index);
])('sets expected value when an item is clicked', async (index, expectedValue) => {
const { user } = await setUp();
expect(setValue).not.toHaveBeenCalled();
item.simulate('click');
await user.click(screen.getAllByRole('menuitem')[index]);
expect(setValue).toHaveBeenCalledWith(expectedValue);
});
});