2022-05-16 21:42:00 +03:00
|
|
|
import { ReactNode } from 'react';
|
2022-07-10 00:03:21 +03:00
|
|
|
import { screen, waitFor } from '@testing-library/react';
|
2020-08-29 10:19:15 +03:00
|
|
|
import { Mock } from 'ts-mockery';
|
2022-05-28 11:47:39 +03:00
|
|
|
import { DeleteServerButton as createDeleteServerButton } from '../../src/servers/DeleteServerButton';
|
2020-08-29 10:19:15 +03:00
|
|
|
import { ServerWithId } from '../../src/servers/data';
|
2022-07-10 00:03:21 +03:00
|
|
|
import { renderWithEvents } from '../__mocks__/setUpTest';
|
2018-08-24 13:23:35 +03:00
|
|
|
|
|
|
|
describe('<DeleteServerButton />', () => {
|
2022-05-28 11:47:39 +03:00
|
|
|
const DeleteServerButton = createDeleteServerButton(
|
2022-05-16 21:42:00 +03:00
|
|
|
({ isOpen }) => <>DeleteServerModal {isOpen ? '[Open]' : '[Closed]'}</>,
|
|
|
|
);
|
2022-07-10 00:03:21 +03:00
|
|
|
const setUp = (children?: ReactNode) => renderWithEvents(
|
|
|
|
<DeleteServerButton server={Mock.all<ServerWithId>()} textClassName="button">{children}</DeleteServerButton>,
|
|
|
|
);
|
2018-08-24 13:23:35 +03:00
|
|
|
|
2022-05-16 21:42:00 +03:00
|
|
|
it.each([
|
|
|
|
['Foo bar'],
|
|
|
|
['baz'],
|
|
|
|
['something'],
|
|
|
|
[undefined],
|
|
|
|
])('renders expected content', (children) => {
|
|
|
|
const { container } = setUp(children);
|
|
|
|
expect(container.firstChild).toBeTruthy();
|
|
|
|
expect(container.firstChild).toMatchSnapshot();
|
2018-08-24 13:23:35 +03:00
|
|
|
});
|
|
|
|
|
2022-05-16 21:42:00 +03:00
|
|
|
it('displays modal when button is clicked', async () => {
|
|
|
|
const { user, container } = setUp();
|
|
|
|
|
|
|
|
expect(screen.getByText(/DeleteServerModal/)).toHaveTextContent(/Closed/);
|
|
|
|
expect(screen.getByText(/DeleteServerModal/)).not.toHaveTextContent(/Open/);
|
|
|
|
container.firstElementChild && await user.click(container.firstElementChild);
|
2018-08-24 13:23:35 +03:00
|
|
|
|
2022-05-16 21:42:00 +03:00
|
|
|
await waitFor(() => expect(screen.getByText(/DeleteServerModal/)).toHaveTextContent(/Open/));
|
2018-08-24 13:23:35 +03:00
|
|
|
});
|
|
|
|
});
|