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