mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-01-03 14:57:22 +03:00
Code Issues Projects Releases Packages Wiki Activity

Extracted helper to test modals

Browse source
This commit is contained in:
Alejandro Celaya 2022-11-22 20:18:11 +01:00
parent cf91637848
commit f0a6420ba9
2 changed files with 23 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
test/__helpers__/TestModalWrapper.tsx Normal file
View file

@ -0,0 +1,14 @@
import { FC, ReactElement } from 'react';
import { useToggle } from '../../src/utils/helpers/hooks';
interface RenderModalArgs {
isOpen: boolean;
toggle: () => void;
}
export const TestModalWrapper: FC<{ renderModal: (args: RenderModalArgs) => ReactElement }> = (
{ renderModal },
) => {
const [isOpen, toggle] = useToggle(true);
return renderModal({ isOpen, toggle });
};

25
test/servers/DeleteServerModal.test.tsx
View file

@ -1,27 +1,13 @@
import { FC } from 'react';
import { screen, waitFor } from '@testing-library/react';
import { Mock } from 'ts-mockery';
import { useNavigate } from 'react-router-dom';
import { DeleteServerModal } from '../../src/servers/DeleteServerModal';
import { ServerWithId } from '../../src/servers/data';
import { renderWithEvents } from '../__helpers__/setUpTest';
import { useToggle } from '../../src/utils/helpers/hooks';
import { TestModalWrapper } from '../__helpers__/TestModalWrapper';
jest.mock('react-router-dom', () => ({ ...jest.requireActual('react-router-dom'), useNavigate: jest.fn() }));
const DeleteServerModalWrapper: FC<{ name: string; deleteServer: () => void }> = ({ name, deleteServer }) => {
const [isOpen, toggle] = useToggle(true);
return (
<DeleteServerModal
server={Mock.of<ServerWithId>({ name })}
toggle={toggle}
isOpen={isOpen}
deleteServer={deleteServer}
/>
);
};
describe('<DeleteServerModal />', () => {
const deleteServerMock = jest.fn();
const navigate = jest.fn();
@ -30,9 +16,14 @@ describe('<DeleteServerModal />', () => {
(useNavigate as any).mockReturnValue(navigate);
return renderWithEvents(
<DeleteServerModalWrapper
name={serverName}
<TestModalWrapper
renderModal={(args) => (
<DeleteServerModal
{...args}
server={Mock.of<ServerWithId>({ name: serverName })}
deleteServer={deleteServerMock}
/>
)}
/>,
);
};