import React from 'react'; import renderer from 'react-test-renderer'; import { fireEvent, render } from '@testing-library/react'; import { Dropdown } from './Dropdown'; describe('Dropdown', () => { it('renders with default props', () => { const tree = renderer.create().toJSON(); expect(tree).toMatchInlineSnapshot(`
`); }); it('renders with dropdown box after click', () => { const { getByRole, container } = render( Hello! , ); fireEvent.click(getByRole('button')); expect(container.firstChild).toMatchInlineSnapshot(`
Hello!
`); fireEvent.mouseDown(container); expect(container.firstChild).toMatchInlineSnapshot(`
`); }); });