Extend overview to exclude/include bot visits based on config

test/servers/Overview.test.tsx

@@ -1,13 +1,15 @@
-import { render, screen } from '@testing-library/react';
+import { screen, waitFor } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
 import { Mock } from 'ts-mockery';
 import type { MercureInfo } from '../../src/mercure/reducers/mercureInfo';
 import type { ReachableServer } from '../../src/servers/data';
 import { Overview as overviewCreator } from '../../src/servers/Overview';
+import type { Settings } from '../../src/settings/reducers/settings';
 import type { ShortUrlsList as ShortUrlsListState } from '../../src/short-urls/reducers/shortUrlsList';
 import type { TagsList } from '../../src/tags/reducers/tagsList';
 import { prettify } from '../../src/utils/helpers/numbers';
 import type { VisitsOverview } from '../../src/visits/reducers/visitsOverview';
+import { renderWithEvents } from '../__helpers__/setUpTest';
 
 describe('<Overview />', () => {
   const ShortUrlsTable = () => <>ShortUrlsTable</>;
@@ -20,7 +22,7 @@ describe('<Overview />', () => {
     pagination: { totalItems: 83710 },
   };
   const serverId = '123';
-  const setUp = (loading = false) => render(
+  const setUp = (loading = false, excludeBots = false) => renderWithEvents(
     <MemoryRouter>
       <Overview
         listShortUrls={listShortUrls}
@@ -28,11 +30,16 @@ describe('<Overview />', () => {
         loadVisitsOverview={loadVisitsOverview}
         shortUrlsList={Mock.of<ShortUrlsListState>({ loading, shortUrls })}
         tagsList={Mock.of<TagsList>({ loading, tags: ['foo', 'bar', 'baz'] })}
-        visitsOverview={Mock.of<VisitsOverview>({ loading, visitsCount: 3456, orphanVisitsCount: 28 })}
+        visitsOverview={Mock.of<VisitsOverview>({
+          loading,
+          nonOrphanVisits: { total: 3456, bots: 1000, nonBots: 2456 },
+          orphanVisits: { total: 28, bots: 15, nonBots: 13 },
+        })}
         selectedServer={Mock.of<ReachableServer>({ id: serverId })}
         createNewVisits={jest.fn()}
         loadMercureInfo={jest.fn()}
         mercureInfo={Mock.all<MercureInfo>()}
+        settings={Mock.of<Settings>({ visits: { excludeBots } })}
       />
     </MemoryRouter>,
   );
@@ -42,16 +49,19 @@ describe('<Overview />', () => {
     expect(screen.getAllByText('Loading...')).toHaveLength(4);
   });
 
-  it('displays amounts in cards after finishing loading', () => {
-    setUp();
+  it.each([
+    [false, 3456, 28],
+    [true, 2456, 13],
+  ])('displays amounts in cards after finishing loading', (excludeBots, expectedVisits, expectedOrphanVisits) => {
+    setUp(false, excludeBots);
 
     const headingElements = screen.getAllByRole('heading');
 
     expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
     expect(headingElements[0]).toHaveTextContent('Visits');
-    expect(headingElements[1]).toHaveTextContent(prettify(3456));
+    expect(headingElements[1]).toHaveTextContent(prettify(expectedVisits));
     expect(headingElements[2]).toHaveTextContent('Orphan visits');
-    expect(headingElements[3]).toHaveTextContent(prettify(28));
+    expect(headingElements[3]).toHaveTextContent(prettify(expectedOrphanVisits));
     expect(headingElements[4]).toHaveTextContent('Short URLs');
     expect(headingElements[5]).toHaveTextContent(prettify(83710));
     expect(headingElements[6]).toHaveTextContent('Tags');
@@ -77,4 +87,20 @@ describe('<Overview />', () => {
     expect(links[3]).toHaveAttribute('href', `/server/${serverId}/create-short-url`);
     expect(links[4]).toHaveAttribute('href', `/server/${serverId}/list-short-urls/1`);
   });
+
+  it.each([
+    [true],
+    [false],
+  ])('displays amounts of bots when hovering visits cards', async (excludeBots) => {
+    const { user } = setUp(false, excludeBots);
+    const expectTooltipToBeInTheDocument = async (tooltip: string) => waitFor(
+      () => expect(screen.getByText(/potential bot visits$/)).toHaveTextContent(tooltip),
+    );
+
+    await user.hover(screen.getByText(/^Visits/));
+    await expectTooltipToBeInTheDocument(`${excludeBots ? 'Plus' : 'Including'} 1,000 potential bot visits`);
+
+    await user.hover(screen.getByText(/^Orphan visits/));
+    await expectTooltipToBeInTheDocument(`${excludeBots ? 'Plus' : 'Including'} 15 potential bot visits`);
+  });
 });

test/short-urls/helpers/ShortUrlStatus.test.tsx

@@ -1,7 +1,8 @@
 import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { Mock } from 'ts-mockery';
-import type { ShortUrl, ShortUrlMeta, ShortUrlVisitsSummary } from '../../../src/short-urls/data';
+import type { ShlinkVisitsSummary } from '../../../src/api/types';
+import type { ShortUrl, ShortUrlMeta } from '../../../src/short-urls/data';
 import { ShortUrlStatus } from '../../../src/short-urls/helpers/ShortUrlStatus';
 
 describe('<ShortUrlStatus />', () => {
@@ -23,12 +24,12 @@ describe('<ShortUrlStatus />', () => {
     ],
     [
       Mock.of<ShortUrlMeta>({ maxVisits: 10 }),
-      Mock.of<ShortUrlVisitsSummary>({ total: 10 }),
+      Mock.of<ShlinkVisitsSummary>({ total: 10 }),
       'This short URL cannot be currently visited because it has reached the maximum amount of 10 visits.',
     ],
     [
       Mock.of<ShortUrlMeta>({ maxVisits: 1 }),
-      Mock.of<ShortUrlVisitsSummary>({ total: 1 }),
+      Mock.of<ShlinkVisitsSummary>({ total: 1 }),
       'This short URL cannot be currently visited because it has reached the maximum amount of 1 visit.',
     ],
     [{}, {}, 'This short URL can be visited normally.'],
@@ -36,7 +37,7 @@ describe('<ShortUrlStatus />', () => {
     [Mock.of<ShortUrlMeta>({ validSince: '2020-01-01T10:30:15' }), {}, 'This short URL can be visited normally.'],
     [
       Mock.of<ShortUrlMeta>({ maxVisits: 10 }),
-      Mock.of<ShortUrlVisitsSummary>({ total: 1 }),
+      Mock.of<ShlinkVisitsSummary>({ total: 1 }),
       'This short URL can be visited normally.',
     ],
   ])('shows expected tooltip', async (meta, visitsSummary, expectedTooltip) => {