Migrated ShortUrlFormCheckboxGroup test to react testing library

This commit is contained in:
Alejandro Celaya 2022-07-10 19:51:21 +02:00
parent 83150331e5
commit 879017ecca

View file

@ -1,17 +1,17 @@
import { shallow } from 'enzyme';
import { render, screen } from '@testing-library/react';
import { ShortUrlFormCheckboxGroup } from '../../../src/short-urls/helpers/ShortUrlFormCheckboxGroup';
import { Checkbox } from '../../../src/utils/Checkbox';
import { InfoTooltip } from '../../../src/utils/InfoTooltip';
describe('<ShortUrlFormCheckboxGroup />', () => {
it.each([
[undefined, '', 0],
['This is the tooltip', 'me-2', 1],
])('renders tooltip only when provided', (infoTooltip, expectedClassName, expectedAmountOfTooltips) => {
const wrapper = shallow(<ShortUrlFormCheckboxGroup infoTooltip={infoTooltip} />);
const checkbox = wrapper.find(Checkbox);
render(<ShortUrlFormCheckboxGroup infoTooltip={infoTooltip} />);
expect(checkbox.prop('className')).toEqual(expectedClassName);
expect(wrapper.find(InfoTooltip)).toHaveLength(expectedAmountOfTooltips);
expect(screen.getByRole('checkbox').parentNode).toHaveAttribute(
'class',
expect.stringContaining(expectedClassName),
);
expect(screen.queryAllByRole('img', { hidden: true })).toHaveLength(expectedAmountOfTooltips);
});
});