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 DateRangeRow test to react testing library

Browse source
This commit is contained in:
Alejandro Celaya 2022-07-17 09:15:36 +02:00
parent 24de0773d8
commit 126537185b
1 changed files with 14 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
test/utils/dates/DateRangeRow.test.tsx
View file

@ -1,39 +1,34 @@
import { shallow, ShallowWrapper } from 'enzyme';
import { screen } from '@testing-library/react';
import { DateRangeRow } from '../../../src/utils/dates/DateRangeRow';
import { DateInput } from '../../../src/utils/DateInput';
import { renderWithEvents } from '../../__helpers__/setUpTest';
describe('<DateRangeRow />', () => {
let wrapper: ShallowWrapper;
const onEndDateChange = jest.fn();
const onStartDateChange = jest.fn();
const setUp = () => renderWithEvents(
<DateRangeRow onEndDateChange={onEndDateChange} onStartDateChange={onStartDateChange} />,
);
beforeEach(() => {
wrapper = shallow(<DateRangeRow onEndDateChange={onEndDateChange} onStartDateChange={onStartDateChange} />);
});
afterEach(() => {
wrapper.unmount();
jest.clearAllMocks();
});
afterEach(jest.clearAllMocks);
it('renders two date inputs', () => {
const dateInput = wrapper.find(DateInput);
expect(dateInput).toHaveLength(2);
setUp();
expect(screen.getAllByRole('textbox')).toHaveLength(2);
});
it('invokes start date callback when change event is triggered on first input', () => {
const dateInput = wrapper.find(DateInput).first();
it('invokes start date callback when change event is triggered on first input', async () => {
const { user } = setUp();
expect(onStartDateChange).not.toHaveBeenCalled();
dateInput.simulate('change');
await user.type(screen.getByPlaceholderText('Since...'), '2020-05-05');
expect(onStartDateChange).toHaveBeenCalled();
});
it('invokes end date callback when change event is triggered on second input', () => {
const dateInput = wrapper.find(DateInput).last();
it('invokes end date callback when change event is triggered on second input', async () => {
const { user } = setUp();
expect(onEndDateChange).not.toHaveBeenCalled();
dateInput.simulate('change');
await user.type(screen.getByPlaceholderText('Until...'), '2022-05-05');
expect(onEndDateChange).toHaveBeenCalled();
});
});