shlink-web-client/test/servers/DeleteServerButton.test.tsx

37 lines
1.4 KiB
TypeScript
Raw Normal View History

2023-02-18 12:40:37 +03:00
import type { ReactNode } from 'react';
import { screen, waitFor } from '@testing-library/react';
import { Mock } from 'ts-mockery';
2022-05-28 11:47:39 +03:00
import { DeleteServerButton as createDeleteServerButton } from '../../src/servers/DeleteServerButton';
2023-02-18 12:40:37 +03:00
import type { ServerWithId } from '../../src/servers/data';
2022-07-10 20:44:49 +03:00
import { renderWithEvents } from '../__helpers__/setUpTest';
2018-08-24 13:23:35 +03:00
describe('<DeleteServerButton />', () => {
2022-05-28 11:47:39 +03:00
const DeleteServerButton = createDeleteServerButton(
({ isOpen }) => <>DeleteServerModal {isOpen ? '[Open]' : '[Closed]'}</>,
);
const setUp = (children?: ReactNode) => renderWithEvents(
<DeleteServerButton server={Mock.all<ServerWithId>()} textClassName="button">{children}</DeleteServerButton>,
);
2018-08-24 13:23:35 +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
});
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
await waitFor(() => expect(screen.getByText(/DeleteServerModal/)).toHaveTextContent(/Open/));
2018-08-24 13:23:35 +03:00
});
});