Migrated first component and test to typescript

test/App.test.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import { shallow, ShallowWrapper } from 'enzyme';
+import { Route } from 'react-router-dom';
+import { identity } from 'ramda';
+import appFactory from '../src/App';
+
+describe('<App />', () => {
+  let wrapper: ShallowWrapper;
+  const MainHeader = () => null;
+  const DummyComponent = () => null;
+
+  beforeEach(() => {
+    const App = appFactory(MainHeader, DummyComponent, DummyComponent, DummyComponent, DummyComponent, DummyComponent);
+
+    wrapper = shallow(<App fetchServers={identity} servers={{}} />);
+  });
+  afterEach(() => wrapper.unmount());
+
+  it('renders a header', () => expect(wrapper.find(MainHeader)).toHaveLength(1));
+
+  it('renders app main routes', () => {
+    const routes = wrapper.find(Route);
+    const expectedPaths = [
+      '/',
+      '/settings',
+      '/server/create',
+      '/server/:serverId/edit',
+      '/server/:serverId',
+    ];
+
+    expect.assertions(expectedPaths.length + 1);
+    expect(routes).toHaveLength(expectedPaths.length + 1);
+    expectedPaths.forEach((path, index) => {
+      expect(routes.at(index).prop('path')).toEqual(path);
+    });
+  });
+});