Created MenuLayout test

test/common/MenuLayout.test.tsx

@@ -0,0 +1,63 @@
+import { shallow, ShallowWrapper } from 'enzyme';
+import { History, Location } from 'history';
+import { match } from 'react-router'; // eslint-disable-line @typescript-eslint/no-unused-vars
+import { Route } from 'react-router-dom';
+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';
+
+describe('<MenuLayout />', () => {
+  const ServerError = jest.fn();
+  const C = jest.fn();
+  const MenuLayout = createMenuLayout(C, C, C, C, C, C, C, ServerError, C);
+  let wrapper: ShallowWrapper;
+  const createWrapper = (selectedServer: SelectedServer) => {
+    wrapper = shallow(
+      <MenuLayout
+        selectServer={jest.fn()}
+        selectedServer={selectedServer}
+        history={Mock.all<History>()}
+        location={Mock.all<Location>()}
+        match={Mock.of<match<{ serverId: string }>>({
+          params: { serverId: 'abc123' },
+        })}
+      />,
+    );
+
+    return wrapper;
+  };
+
+  afterEach(() => wrapper?.unmount());
+
+  it.each([
+    [ null, NoMenuLayout ],
+    [ Mock.of<NotFoundServer>({ serverNotFound: true }), ServerError ],
+  ])('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([
+    [ '2.1.0', 6 ],
+    [ '2.2.0', 7 ],
+    [ '2.5.0', 7 ],
+    [ '2.6.0', 8 ],
+    [ '2.7.0', 8 ],
+  ])('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);
+  });
+});

test/common/ShlinkVersions.test.tsx

@@ -14,11 +14,11 @@ describe('<ShlinkVersions />', () => {
   afterEach(() => wrapper?.unmount());
 
   it.each([
-    [ '1.2.3', Mock.of<ReachableServer>({ printableVersion: 'foo' }), 'v1.2.3', 'foo' ],
-    [ 'foo', Mock.of<ReachableServer>({ printableVersion: '1.2.3' }), 'latest', '1.2.3' ],
-    [ 'latest', Mock.of<ReachableServer>({ printableVersion: 'latest' }), 'latest', 'latest' ],
-    [ '5.5.0', Mock.of<ReachableServer>({ printableVersion: '0.2.8' }), 'v5.5.0', '0.2.8' ],
-    [ 'not-semver', Mock.of<ReachableServer>({ printableVersion: 'something' }), 'latest', 'something' ],
+    [ '1.2.3', Mock.of<ReachableServer>({ version: '', printableVersion: 'foo' }), 'v1.2.3', 'foo' ],
+    [ 'foo', Mock.of<ReachableServer>({ version: '', printableVersion: '1.2.3' }), 'latest', '1.2.3' ],
+    [ 'latest', Mock.of<ReachableServer>({ version: '', printableVersion: 'latest' }), 'latest', 'latest' ],
+    [ '5.5.0', Mock.of<ReachableServer>({ version: '', printableVersion: '0.2.8' }), 'v5.5.0', '0.2.8' ],
+    [ 'not-semver', Mock.of<ReachableServer>({ version: '', printableVersion: 'something' }), 'latest', 'something' ],
   ])(
     'displays expected versions when selected server is reachable',
     (clientVersion, selectedServer, expectedClientVersion, expectedServerVersion) => {

test/common/ShlinkVersionsContainer.test.tsx

@@ -18,7 +18,7 @@ describe('<ShlinkVersionsContainer />', () => {
     [ null, 'text-center' ],
     [ Mock.of<NotFoundServer>({ serverNotFound: true }), 'text-center' ],
     [ Mock.of<NonReachableServer>({ serverNotReachable: true }), 'text-center' ],
-    [ Mock.of<ReachableServer>({ printableVersion: 'v1.0.0' }), 'text-center shlink-versions-container--with-server' ],
+    [ Mock.of<ReachableServer>({ version: '1.0.0' }), 'text-center shlink-versions-container--with-server' ],
   ])('renders proper col classes based on type of selected server', (selectedServer, expectedClasses) => {
     const wrapper = createWrapper(selectedServer);