Created modal to warn when creating a duplicated server

This commit is contained in:
Alejandro Celaya
2021-12-30 21:21:30 +01:00
parent f07e7fd31c
commit 1f9356cc21
3 changed files with 83 additions and 11 deletions

View File

@@ -4,18 +4,21 @@ import { History } from 'history';
import createServerConstruct from '../../src/servers/CreateServer';
import { ServerForm } from '../../src/servers/helpers/ServerForm';
import { ServerWithId } from '../../src/servers/data';
import { DuplicatedServerModal } from '../../src/servers/helpers/DuplicatedServerModal';
describe('<CreateServer />', () => {
let wrapper: ShallowWrapper;
const ImportServersBtn = () => null;
const createServerMock = jest.fn();
const push = jest.fn();
const historyMock = Mock.of<History>({ push });
const goBack = jest.fn();
const historyMock = Mock.of<History>({ push, goBack });
const servers = { foo: Mock.all<ServerWithId>() };
const createWrapper = (serversImported = false, importFailed = false) => {
const useStateFlagTimeout = jest.fn()
.mockReturnValueOnce([ serversImported, () => '' ])
.mockReturnValueOnce([ importFailed, () => '' ]);
.mockReturnValueOnce([ importFailed, () => '' ])
.mockReturnValue([]);
const CreateServer = createServerConstruct(ImportServersBtn, useStateFlagTimeout);
wrapper = shallow(<CreateServer createServer={createServerMock} history={historyMock} servers={servers} />);
@@ -23,10 +26,8 @@ describe('<CreateServer />', () => {
return wrapper;
};
afterEach(() => {
jest.resetAllMocks();
wrapper?.unmount();
});
beforeEach(jest.clearAllMocks);
afterEach(() => wrapper?.unmount());
it('renders components', () => {
const wrapper = createWrapper();
@@ -51,13 +52,30 @@ describe('<CreateServer />', () => {
expect(result.prop('type')).toEqual('error');
});
it('creates server and redirects to it when form is submitted', () => {
it('creates server data form is submitted', () => {
const wrapper = createWrapper();
const form = wrapper.find(ServerForm);
expect(wrapper.find(DuplicatedServerModal).prop('serverData')).not.toBeDefined();
form.simulate('submit', {});
expect(wrapper.find(DuplicatedServerModal).prop('serverData')).toEqual({});
});
it('saves server and redirects on modal save', () => {
const wrapper = createWrapper();
wrapper.find(ServerForm).simulate('submit', {});
wrapper.find(DuplicatedServerModal).simulate('save');
expect(createServerMock).toHaveBeenCalledTimes(1);
expect(push).toHaveBeenCalledTimes(1);
});
it('goes back on modal discard', () => {
const wrapper = createWrapper();
wrapper.find(DuplicatedServerModal).simulate('discard');
expect(goBack).toHaveBeenCalledTimes(1);
});
});