shlink-web-client/test/common/MenuLayout.test.tsx

71 lines
2.4 KiB
TypeScript
Raw Normal View History

2021-02-28 11:28:46 +03:00
import { shallow, ShallowWrapper } from 'enzyme';
import { Route, useParams } from 'react-router-dom';
2021-02-28 11:28:46 +03:00
import { Mock } from 'ts-mockery';
import createMenuLayout from '../../src/common/MenuLayout';
import { NonReachableServer, NotFoundServer, ReachableServer, SelectedServer } from '../../src/servers/data';
import { NoMenuLayout } from '../../src/common/NoMenuLayout';
import { SemVer } from '../../src/utils/helpers/version';
2021-02-28 11:28:46 +03:00
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useParams: jest.fn().mockReturnValue({}),
useLocation: jest.fn().mockReturnValue({}),
}));
2021-02-28 11:28:46 +03:00
describe('<MenuLayout />', () => {
const ServerError = jest.fn();
const C = jest.fn();
const MenuLayout = createMenuLayout(C, C, C, C, C, C, C, C, ServerError, C, C, C);
2021-02-28 11:28:46 +03:00
let wrapper: ShallowWrapper;
const createWrapper = (selectedServer: SelectedServer) => {
(useParams as any).mockReturnValue({ serverId: 'abc123' });
wrapper = shallow(
<MenuLayout
sidebarNotPresent={jest.fn()}
2022-03-11 18:17:44 +03:00
sidebarPresent={jest.fn()}
selectServer={jest.fn()}
selectedServer={selectedServer}
/>,
);
2021-02-28 11:28:46 +03:00
return wrapper;
};
afterEach(jest.clearAllMocks);
2021-02-28 11:28:46 +03:00
afterEach(() => wrapper?.unmount());
it.each([
2022-03-26 14:17:42 +03:00
[null, NoMenuLayout],
[Mock.of<NotFoundServer>({ serverNotFound: true }), ServerError],
2021-02-28 11:28:46 +03:00
])('returns error when server is not found', (selectedServer, ExpectedComp) => {
const wrapper = createWrapper(selectedServer);
const comp = wrapper.find(ExpectedComp);
expect(comp).toHaveLength(1);
});
it('returns error if server is not reachable', () => {
const wrapper = createWrapper(Mock.of<NonReachableServer>()).dive();
const serverError = wrapper.find(ServerError);
expect(serverError).toHaveLength(1);
});
it.each([
2022-03-26 14:17:42 +03:00
['2.5.0' as SemVer, 9],
['2.6.0' as SemVer, 10],
['2.7.0' as SemVer, 10],
['2.8.0' as SemVer, 11],
['2.10.0' as SemVer, 11],
['3.0.0' as SemVer, 12],
2021-02-28 11:28:46 +03:00
])('has expected amount of routes based on selected server\'s version', (version, expectedAmountOfRoutes) => {
const selectedServer = Mock.of<ReachableServer>({ version });
const wrapper = createWrapper(selectedServer).dive();
const routes = wrapper.find(Route);
expect(routes).toHaveLength(expectedAmountOfRoutes);
expect(routes.findWhere((element) => element.prop('index'))).toHaveLength(1);
2021-02-28 11:28:46 +03:00
});
});