2022-07-10 00:03:21 +03:00
|
|
|
import { fireEvent, screen, waitFor } from '@testing-library/react';
|
2023-04-13 22:48:29 +03:00
|
|
|
import { fromPartial } from '@total-typescript/shoehorn';
|
2023-02-18 13:11:01 +03:00
|
|
|
import type { ServersMap, ServerWithId } from '../../../src/servers/data';
|
2023-02-18 12:40:37 +03:00
|
|
|
import type {
|
|
|
|
ImportServersBtnProps } from '../../../src/servers/helpers/ImportServersBtn';
|
2022-05-28 11:47:39 +03:00
|
|
|
import {
|
|
|
|
ImportServersBtn as createImportServersBtn,
|
|
|
|
} from '../../../src/servers/helpers/ImportServersBtn';
|
2023-02-18 12:40:37 +03:00
|
|
|
import type { ServersImporter } from '../../../src/servers/services/ServersImporter';
|
2022-07-10 20:44:49 +03:00
|
|
|
import { renderWithEvents } from '../../__helpers__/setUpTest';
|
2018-08-23 17:26:42 +03:00
|
|
|
|
|
|
|
describe('<ImportServersBtn />', () => {
|
2019-04-19 11:29:49 +03:00
|
|
|
const onImportMock = jest.fn();
|
|
|
|
const createServersMock = jest.fn();
|
2021-10-31 14:07:38 +03:00
|
|
|
const importServersFromFile = jest.fn().mockResolvedValue([]);
|
2023-04-13 22:48:29 +03:00
|
|
|
const serversImporterMock = fromPartial<ServersImporter>({ importServersFromFile });
|
2022-05-28 11:47:39 +03:00
|
|
|
const ImportServersBtn = createImportServersBtn(serversImporterMock);
|
2022-07-10 00:03:21 +03:00
|
|
|
const setUp = (props: Partial<ImportServersBtnProps> = {}, servers: ServersMap = {}) => renderWithEvents(
|
|
|
|
<ImportServersBtn
|
|
|
|
servers={servers}
|
|
|
|
{...props}
|
|
|
|
createServers={createServersMock}
|
|
|
|
onImport={onImportMock}
|
|
|
|
/>,
|
|
|
|
);
|
2021-10-22 19:53:00 +03:00
|
|
|
|
|
|
|
afterEach(jest.clearAllMocks);
|
2018-08-23 17:26:42 +03:00
|
|
|
|
2022-06-05 12:06:26 +03:00
|
|
|
it('shows tooltip on button hover', async () => {
|
|
|
|
const { user } = setUp();
|
2021-10-22 19:53:00 +03:00
|
|
|
|
2022-06-05 12:06:26 +03:00
|
|
|
expect(screen.queryByText(/^You can create servers by importing a CSV file/)).not.toBeInTheDocument();
|
|
|
|
await user.hover(screen.getByRole('button'));
|
|
|
|
await waitFor(
|
|
|
|
() => expect(screen.getByText(/^You can create servers by importing a CSV file/)).toBeInTheDocument(),
|
|
|
|
);
|
2018-08-23 17:26:42 +03:00
|
|
|
});
|
|
|
|
|
2021-10-22 19:53:00 +03:00
|
|
|
it.each([
|
2022-03-26 14:17:42 +03:00
|
|
|
[undefined, ''],
|
|
|
|
['foo', 'foo'],
|
|
|
|
['bar', 'bar'],
|
2021-10-22 19:53:00 +03:00
|
|
|
])('allows a class name to be provided', (providedClassName, expectedClassName) => {
|
2022-06-05 12:06:26 +03:00
|
|
|
setUp({ className: providedClassName });
|
|
|
|
expect(screen.getByRole('button')).toHaveAttribute('class', expect.stringContaining(expectedClassName));
|
2021-10-22 19:53:00 +03:00
|
|
|
});
|
|
|
|
|
2021-10-22 20:03:12 +03:00
|
|
|
it.each([
|
2022-06-05 12:06:26 +03:00
|
|
|
[undefined, 'Import from file'],
|
|
|
|
['foo', 'foo'],
|
|
|
|
['bar', 'bar'],
|
|
|
|
])('has expected text', (children, expectedText) => {
|
|
|
|
setUp({ children });
|
|
|
|
expect(screen.getByRole('button')).toHaveTextContent(expectedText);
|
2018-08-23 17:26:42 +03:00
|
|
|
});
|
|
|
|
|
2021-10-31 14:07:38 +03:00
|
|
|
it('imports servers when file input changes', async () => {
|
2022-06-05 12:06:26 +03:00
|
|
|
const { container } = setUp();
|
|
|
|
const input = container.querySelector('[type=file]');
|
2018-08-23 17:26:42 +03:00
|
|
|
|
2022-06-05 12:06:26 +03:00
|
|
|
input && fireEvent.change(input, { target: { files: [''] } });
|
2021-10-31 14:07:38 +03:00
|
|
|
expect(importServersFromFile).toHaveBeenCalledTimes(1);
|
2022-08-07 14:07:25 +03:00
|
|
|
await waitFor(() => expect(createServersMock).toHaveBeenCalledTimes(1));
|
2022-01-01 14:20:09 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
it.each([
|
2022-06-05 12:06:26 +03:00
|
|
|
['Save anyway', true],
|
|
|
|
['Discard', false],
|
|
|
|
])('creates expected servers depending on selected option in modal', async (btnName, savesDuplicatedServers) => {
|
2023-04-13 22:48:29 +03:00
|
|
|
const existingServer = fromPartial<ServerWithId>({ id: 'abc', url: 'existingUrl', apiKey: 'existingApiKey' });
|
|
|
|
const newServer = fromPartial<ServerWithId>({ url: 'newUrl', apiKey: 'newApiKey' });
|
2022-06-05 12:06:26 +03:00
|
|
|
const { container, user } = setUp({}, { abc: existingServer });
|
|
|
|
const input = container.querySelector('[type=file]');
|
|
|
|
importServersFromFile.mockResolvedValue([existingServer, newServer]);
|
|
|
|
|
|
|
|
expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
|
|
|
|
input && fireEvent.change(input, { target: { files: [''] } });
|
|
|
|
await waitFor(() => expect(screen.getByRole('dialog')).toBeInTheDocument());
|
|
|
|
await user.click(screen.getByRole('button', { name: btnName }));
|
|
|
|
|
|
|
|
expect(createServersMock).toHaveBeenCalledWith(savesDuplicatedServers ? [existingServer, newServer] : [newServer]);
|
2021-10-31 14:07:38 +03:00
|
|
|
expect(onImportMock).toHaveBeenCalledTimes(1);
|
2018-08-23 17:26:42 +03:00
|
|
|
});
|
|
|
|
});
|