La til test for metrikkutsendelse ved print-klikk.

Flyttet testen for autoutsendelse til samme fil.

src/Forside/Forside.tsx

@@ -20,6 +20,7 @@ import { PubliseringsdatoOppdateringsinfo } from './PubliseringsdatoOppdaterings
 export const Forside: FunctionComponent<SykefraværAppData> = (appData) => {
     const orgnr = useOrgnr() || '';
     const harFeil = appData.aggregertStatistikk.restStatus === RestStatus.Feil;
+    const { skalSendeMetrikkerAutomatisk = true } = appData; // Vi må kunne disable autoutsending for å teste utsending ved print-klikk (src/Metrikker.test.tsx)
 
     const brukerHarIaRettighetTilValgtBedrift =
         appData.altinnOrganisasjonerMedStatistikktilgang.status === RestStatus.Suksess &&
@@ -170,6 +171,7 @@ export const Forside: FunctionComponent<SykefraværAppData> = (appData) => {
                     />
                     <SlikHarViKommetFramTilDittResultat />
                     <Sammenligningspaneler
+                        skalSendeMetrikkerAutomatisk={skalSendeMetrikkerAutomatisk}
                         aggregertStatistikk={appData.aggregertStatistikk}
                         orgnr={orgnr}
                     />

src/Forside/Sammenligningspaneler/Sammenligningspaneler.tsx

@@ -11,11 +11,20 @@ import { sendIaTjenesteMetrikkMottatt } from '../../metrikker/iatjenester';
 interface Props {
     aggregertStatistikk: RestAggregertStatistikk;
     orgnr: string;
+    skalSendeMetrikkerAutomatisk?: boolean;
 }
 
-export const Sammenligningspaneler: FunctionComponent<Props> = ({ aggregertStatistikk, orgnr }) => {
+export const Sammenligningspaneler: FunctionComponent<Props> = ({
+    aggregertStatistikk,
+    orgnr,
+    skalSendeMetrikkerAutomatisk = true,
+}) => {
     useEffect(() => {
-        const timer = setTimeout(() => sendIaTjenesteMetrikkMottatt(orgnr), 5000);
+        const timer = setTimeout(() => {
+            if (skalSendeMetrikkerAutomatisk) {
+                sendIaTjenesteMetrikkMottatt(orgnr);
+            }
+        }, 5000);
         return () => clearTimeout(timer);
     }, [orgnr]);
 

src/Metrikker.test.tsx

@@ -0,0 +1,88 @@
+import { MockResizeObserver } from '../jest/MockResizeObserver';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import React from 'react';
+import { mockAllDatahentingStatusOk } from './api/mockedApiResponses/use-analytics-test-mocks';
+import { BrowserRouter } from 'react-router-dom';
+import { Forside } from './Forside/Forside';
+import { RestRessurs, RestStatus } from './api/api-utils';
+import { AltinnOrganisasjon } from './api/altinnorganisasjon-api';
+import { fleskOgFisk, heiOgHåBarnehage } from './api/mockedApiResponses/altinn-mock';
+import * as hooks from './hooks/useOrgnr';
+import * as metrikker from './metrikker/iatjenester';
+import { act } from 'react-dom/test-utils';
+
+describe('Metrikkutsendelser', () => {
+    const MockObserver = new MockResizeObserver();
+    let spy: jest.SpyInstance;
+
+    beforeEach(() => {
+        MockObserver.startmock();
+        const valgtBedriftMedSykefraværsstatistikkRettigheter =
+            heiOgHåBarnehage[0].OrganizationNumber;
+        jest.spyOn(hooks, 'useOrgnr').mockReturnValue(
+            valgtBedriftMedSykefraværsstatistikkRettigheter
+        );
+        spy = jest.spyOn(metrikker, 'sendIaTjenesteMetrikkMottatt');
+    });
+
+    afterEach(() => {
+        MockObserver.stopmock();
+        jest.resetAllMocks();
+    });
+
+    const altinnOrganisasjoner: RestRessurs<AltinnOrganisasjon[]> = {
+        status: RestStatus.Suksess,
+        data: [...fleskOgFisk, ...heiOgHåBarnehage],
+    };
+
+    const altinnOrganisasjonerMedStatistikktilgang: RestRessurs<AltinnOrganisasjon[]> = {
+        status: RestStatus.Suksess,
+        data: heiOgHåBarnehage,
+    };
+
+    const mockAppData = {
+        ...mockAllDatahentingStatusOk,
+        altinnOrganisasjonerMedStatistikktilgang,
+        altinnOrganisasjoner,
+    };
+
+    function renderForside(skalSendeMetrikkerAutomatisk = true) {
+        return render(
+            <BrowserRouter>
+                <Forside
+                    {...mockAppData}
+                    skalSendeMetrikkerAutomatisk={skalSendeMetrikkerAutomatisk}
+                />
+            </BrowserRouter>
+        );
+    }
+    it('Sender ia-tjenestermetrikk etter ca. 5 sekunder', async () => {
+        jest.useFakeTimers();
+
+        renderForside();
+
+        expect(spy).not.toHaveBeenCalled();
+
+        act(() => {
+            jest.advanceTimersByTime(7000);
+        });
+
+        expect(spy).toHaveBeenCalled();
+        jest.useRealTimers();
+    });
+
+    it('Sender ia-tjenestermetrikk ved print-klikk', async () => {
+        renderForside(false);
+
+        const knapp = screen.getByText('Last ned');
+
+        expect(knapp).toBeDefined();
+
+        expect(spy).not.toHaveBeenCalled();
+
+        fireEvent.click(knapp);
+        await waitFor(() => {
+            expect(spy).toHaveBeenCalled();
+        });
+    });
+});

src/hooks/useSykefraværAppData.ts

@@ -20,6 +20,7 @@ export interface SykefraværAppData {
     sykefraværshistorikk: RestSykefraværshistorikk;
     aggregertStatistikk: RestAggregertStatistikk;
     publiseringsdatoer: RestPubliseringsdatoer<Publiseringsdatoer>;
+    skalSendeMetrikkerAutomatisk?: boolean;
 }
 
 export function useSykefraværAppData(): SykefraværAppData {