redux-devtools/packages/redux-devtools-ui/tests/Button.test.tsx
Nathan Bierema 57ec0534b2
Replace enzyme with React testing library in ui (#917)
* Replace enzyme with React testing library in ui

* Mock Math.random()
2021-10-22 04:18:03 +00:00

20 lines
587 B
TypeScript

import React from 'react';
import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import { Button } from '../src';
describe('Button', function () {
it('renders correctly', () => {
const { container } = render(<Button>Text</Button>);
expect(container.firstChild).toMatchSnapshot();
});
it('should handle the click event', () => {
const onClick = jest.fn();
render(<Button onClick={onClick}>ClickMe</Button>);
userEvent.click(screen.getByRole('button'));
expect(onClick).toHaveBeenCalled();
});
});