test: Fix act errors in DndColumnSelectControl tests (#22068)

This commit is contained in:
Corbin Robb
2022-11-08 14:24:43 -07:00
committed by GitHub
parent ef6b9a97d5
commit cdec09243b
2 changed files with 22 additions and 14 deletions

View File

@@ -21,47 +21,53 @@ import { render, screen } from 'spec/helpers/testing-library';
import userEvent from '@testing-library/user-event';
import Option from 'src/explore/components/controls/DndColumnSelectControl/Option';
test('renders with default props', () => {
test('renders with default props', async () => {
const { container } = render(
<Option index={1} clickClose={jest.fn()}>
Option
</Option>,
);
expect(container).toBeInTheDocument();
expect(screen.getByRole('img', { name: 'x-small' })).toBeInTheDocument();
expect(
await screen.findByRole('img', { name: 'x-small' }),
).toBeInTheDocument();
expect(
screen.queryByRole('img', { name: 'caret-right' }),
).not.toBeInTheDocument();
});
test('renders with caret', () => {
test('renders with caret', async () => {
render(
<Option index={1} clickClose={jest.fn()} withCaret>
Option
</Option>,
);
expect(screen.getByRole('img', { name: 'x-small' })).toBeInTheDocument();
expect(screen.getByRole('img', { name: 'caret-right' })).toBeInTheDocument();
expect(
await screen.findByRole('img', { name: 'x-small' }),
).toBeInTheDocument();
expect(
await screen.findByRole('img', { name: 'caret-right' }),
).toBeInTheDocument();
});
test('renders with extra triangle', () => {
test('renders with extra triangle', async () => {
render(
<Option index={1} clickClose={jest.fn()} isExtra>
Option
</Option>,
);
expect(
screen.getByRole('button', { name: 'Show info tooltip' }),
await screen.findByRole('button', { name: 'Show info tooltip' }),
).toBeInTheDocument();
});
test('triggers onClose', () => {
test('triggers onClose', async () => {
const clickClose = jest.fn();
render(
<Option index={1} clickClose={clickClose}>
Option
</Option>,
);
userEvent.click(screen.getByRole('img', { name: 'x-small' }));
userEvent.click(await screen.findByRole('img', { name: 'x-small' }));
expect(clickClose).toHaveBeenCalled();
});