Finished migrating servers module to TS

test/servers/EditServer.test.tsx

@@ -0,0 +1,56 @@
+import React from 'react';
+import { mount, ReactWrapper } from 'enzyme';
+import { Mock } from 'ts-mockery';
+import { History, Location } from 'history';
+import { match } from 'react-router'; // eslint-disable-line @typescript-eslint/no-unused-vars
+import { EditServer as editServerConstruct } from '../../src/servers/EditServer';
+import { ServerForm } from '../../src/servers/helpers/ServerForm';
+import { ReachableServer } from '../../src/servers/data';
+
+describe('<EditServer />', () => {
+  let wrapper: ReactWrapper;
+  const ServerError = jest.fn();
+  const editServerMock = jest.fn();
+  const push = jest.fn();
+  const historyMock = Mock.of<History>({ push });
+  const match = Mock.of<match<{ serverId: string }>>({
+    params: { serverId: 'abc123' },
+  });
+  const selectedServer = Mock.of<ReachableServer>({
+    id: 'abc123',
+    name: 'name',
+    url: 'url',
+    apiKey: 'apiKey',
+  });
+
+  beforeEach(() => {
+    const EditServer = editServerConstruct(ServerError);
+
+    wrapper = mount(
+      <EditServer
+        editServer={editServerMock}
+        history={historyMock}
+        match={match}
+        location={Mock.all<Location>()}
+        selectedServer={selectedServer}
+        selectServer={jest.fn()}
+      />,
+    );
+  });
+
+  afterEach(jest.resetAllMocks);
+  afterEach(() => wrapper?.unmount());
+
+  it('renders components', () => {
+    expect(wrapper.find(ServerForm)).toHaveLength(1);
+  });
+
+  it('edits server and redirects to it when form is submitted', () => {
+    const form = wrapper.find(ServerForm);
+
+    form.simulate('submit', {});
+
+    expect(editServerMock).toHaveBeenCalledTimes(1);
+    expect(push).toHaveBeenCalledTimes(1);
+  });
+});