Migrated to TS all visits components except the biggest two

test/visits/ShortUrlVisits.test.tsx

@@ -0,0 +1,52 @@
+import React from 'react';
+import { shallow, ShallowWrapper } from 'enzyme';
+import { identity } from 'ramda';
+import { Mock } from 'ts-mockery';
+import { History, Location } from 'history';
+import { match } from 'react-router'; // eslint-disable-line @typescript-eslint/no-unused-vars
+import createShortUrlVisits, { ShortUrlVisitsProps } from '../../src/visits/ShortUrlVisits';
+import ShortUrlVisitsHeader from '../../src/visits/ShortUrlVisitsHeader';
+import { ShortUrlVisits as ShortUrlVisitsState } from '../../src/visits/reducers/shortUrlVisits';
+import { ShortUrlDetail } from '../../src/visits/reducers/shortUrlDetail';
+
+describe('<ShortUrlVisits />', () => {
+  let wrapper: ShallowWrapper;
+  const getShortUrlVisitsMock = jest.fn();
+  const match = Mock.of<match<{ shortCode: string }>>({
+    params: { shortCode: 'abc123' },
+  });
+  const location = Mock.of<Location>({ search: '' });
+  const history = Mock.of<History>({
+    goBack: jest.fn(),
+  });
+  const VisitsStats = jest.fn();
+
+  beforeEach(() => {
+    const ShortUrlVisits = createShortUrlVisits(VisitsStats);
+
+    wrapper = shallow(
+      <ShortUrlVisits
+        {...Mock.all<ShortUrlVisitsProps>()}
+        getShortUrlDetail={identity}
+        getShortUrlVisits={getShortUrlVisitsMock}
+        match={match}
+        location={location}
+        history={history}
+        shortUrlVisits={Mock.of<ShortUrlVisitsState>({ loading: true, visits: [] })}
+        shortUrlDetail={Mock.all<ShortUrlDetail>()}
+        cancelGetShortUrlVisits={identity}
+      />,
+    );
+  });
+
+  afterEach(() => wrapper.unmount());
+  afterEach(jest.resetAllMocks);
+
+  it('renders visit stats and visits header', () => {
+    const visitStats = wrapper.find(VisitsStats);
+    const visitHeader = wrapper.find(ShortUrlVisitsHeader);
+
+    expect(visitStats).toHaveLength(1);
+    expect(visitHeader).toHaveLength(1);
+  });
+});