import { fireEvent, screen, waitFor } from '@testing-library/react'; import { Mock } from 'ts-mockery'; import { useNavigate } from 'react-router-dom'; import { CreateServer as createCreateServer } from '../../src/servers/CreateServer'; import { ServerWithId } from '../../src/servers/data'; import { renderWithEvents } from '../__mocks__/setUpTest'; jest.mock('react-router-dom', () => ({ ...jest.requireActual('react-router-dom'), useNavigate: jest.fn() })); describe('', () => { const createServerMock = jest.fn(); const navigate = jest.fn(); const servers = { foo: Mock.of({ url: 'https://existing_url.com', apiKey: 'existing_api_key' }) }; const setUp = (serversImported = false, importFailed = false) => { (useNavigate as any).mockReturnValue(navigate); let callCount = 0; const useTimeoutToggle = jest.fn().mockImplementation(() => { const result = [callCount % 2 === 0 ? serversImported : importFailed, () => null]; callCount += 1; return result; }); const CreateServer = createCreateServer(() => <>ImportServersBtn, useTimeoutToggle); return renderWithEvents(); }; beforeEach(jest.clearAllMocks); it('shows success message when imported is true', () => { setUp(true); expect(screen.getByText('Servers properly imported. You can now select one from the list :)')).toBeInTheDocument(); expect( screen.queryByText('The servers could not be imported. Make sure the format is correct.'), ).not.toBeInTheDocument(); }); it('shows error message when import failed', () => { setUp(false, true); expect( screen.queryByText('Servers properly imported. You can now select one from the list :)'), ).not.toBeInTheDocument(); expect(screen.getByText('The servers could not be imported. Make sure the format is correct.')).toBeInTheDocument(); }); it('creates server data when form is submitted', async () => { const { user } = setUp(); expect(createServerMock).not.toHaveBeenCalled(); await user.type(screen.getByLabelText(/^Name/), 'the_name'); await user.type(screen.getByLabelText(/^URL/), 'https://the_url.com'); await user.type(screen.getByLabelText(/^API key/), 'the_api_key'); fireEvent.submit(screen.getByRole('form')); expect(createServerMock).toHaveBeenCalledWith(expect.objectContaining({ name: 'the_name', url: 'https://the_url.com', apiKey: 'the_api_key', })); expect(navigate).toHaveBeenCalledWith(expect.stringMatching(/^\/server\//)); expect(screen.queryByRole('dialog')).not.toBeInTheDocument(); }); it('displays dialog when trying to create a duplicated server', async () => { const { user } = setUp(); await user.type(screen.getByLabelText(/^Name/), 'the_name'); await user.type(screen.getByLabelText(/^URL/), 'https://existing_url.com'); await user.type(screen.getByLabelText(/^API key/), 'existing_api_key'); fireEvent.submit(screen.getByRole('form')); await waitFor(() => expect(screen.getByRole('dialog')).toBeInTheDocument()); await user.click(screen.getByRole('button', { name: 'Discard' })); expect(createServerMock).not.toHaveBeenCalled(); expect(navigate).toHaveBeenCalledWith(-1); }); });