Created OrphanVisits test

package.json

@@ -14,7 +14,7 @@
     "start": "node scripts/start.js",
     "serve:build": "serve ./build",
     "build": "node scripts/build.js",
-    "test": "node scripts/test.js --env=jsdom --colors",
+    "test": "node scripts/test.js --env=jsdom --colors --verbose",
     "test:ci": "npm run test -- --coverage --coverageReporters=text --coverageReporters=text-summary --coverageReporters=clover",
     "test:pretty": "npm run test -- --coverage --coverageReporters=text --coverageReporters=text-summary --coverageReporters=html",
     "mutate": "./node_modules/.bin/stryker run --concurrency 4"

src/visits/OrphanVisits.tsx

@@ -2,13 +2,13 @@ import { RouteComponentProps } from 'react-router';
 import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
 import { ShlinkVisitsParams } from '../api/types';
 import { Topics } from '../mercure/helpers/Topics';
-import { TagVisits as TagVisitsState } from './reducers/tagVisits';
 import VisitsStats from './VisitsStats';
 import { OrphanVisitsHeader } from './OrphanVisitsHeader';
+import { VisitsInfo } from './types';
 
-export interface OrphanVisitsProps extends RouteComponentProps<{ tag: string }> {
+export interface OrphanVisitsProps extends RouteComponentProps {
   getOrphanVisits: (params: ShlinkVisitsParams) => void;
-  orphanVisits: TagVisitsState;
+  orphanVisits: VisitsInfo;
   cancelGetOrphanVisits: () => void;
 }
 

test/visits/OrphanVisits.test.tsx

@@ -0,0 +1,41 @@
+import { shallow } 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 { OrphanVisits } from '../../src/visits/OrphanVisits';
+import { MercureBoundProps } from '../../src/mercure/helpers/boundToMercureHub';
+import { VisitsInfo } from '../../src/visits/types';
+import VisitsStats from '../../src/visits/VisitsStats';
+import { OrphanVisitsHeader } from '../../src/visits/OrphanVisitsHeader';
+
+describe('<OrphanVisits />', () => {
+  it('wraps visits stats and header', () => {
+    const goBack = jest.fn();
+    const getOrphanVisits = jest.fn();
+    const cancelGetOrphanVisits = jest.fn();
+    const orphanVisits = Mock.all<VisitsInfo>();
+
+    const wrapper = shallow(
+      <OrphanVisits
+        {...Mock.of<MercureBoundProps>({ mercureInfo: {} })}
+        getOrphanVisits={getOrphanVisits}
+        orphanVisits={orphanVisits}
+        cancelGetOrphanVisits={cancelGetOrphanVisits}
+        history={Mock.of<History>({ goBack })}
+        location={Mock.all<Location>()}
+        match={Mock.of<match>({ url: 'the_base_url' })}
+      />,
+    ).dive();
+    const stats = wrapper.find(VisitsStats);
+    const header = wrapper.find(OrphanVisitsHeader);
+
+    expect(stats).toHaveLength(1);
+    expect(header).toHaveLength(1);
+    expect(stats.prop('getVisits')).toEqual(getOrphanVisits);
+    expect(stats.prop('cancelGetVisits')).toEqual(cancelGetOrphanVisits);
+    expect(stats.prop('visitsInfo')).toEqual(orphanVisits);
+    expect(stats.prop('baseUrl')).toEqual('the_base_url');
+    expect(header.prop('orphanVisits')).toEqual(orphanVisits);
+    expect(header.prop('goBack')).toEqual(goBack);
+  });
+});