wip

Author: henriktheboss

src/BasePage.tsx

@@ -1,7 +1,10 @@
 import { Outlet } from 'react-router-dom';
+import OppfolgingStatus from './moduler/oppfolging-status/OppfolgingStatus';
 
 export const BasePage = () => {
     return (
+        <OppfolgingStatus>
             <Outlet />
+        </OppfolgingStatus>
     );
 };

src/moduler/filtrering/filter/PeriodeFilter.test.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { arenaMockAktiviteter } from '../../../mocks/data/arena';
 import { render, waitFor } from '@testing-library/react';
-import { configureStore, EntityState } from '@reduxjs/toolkit';
+import { configureStore, EntityId, EntityState } from '@reduxjs/toolkit';
 import reducer from '../../../reducer';
 import { mockTestAktiviteter } from '../../../mocks/aktivitet';
 import { Status } from '../../../createGenericSlice';
@@ -13,14 +13,13 @@ import { setupServer } from 'msw/node';
 import { aktivitestplanResponse, handlers } from '../../../mocks/handlers';
 import { datoErIPeriode } from './filter-utils';
 import { expect } from 'vitest';
-import { erHistorisk, HistoriskOppfolgingsperiode } from '../../../datatypes/oppfolgingTypes';
+import { erHistorisk, HistoriskOppfolgingsperiode, OppfolgingStatus } from '../../../datatypes/oppfolgingTypes';
 import { WrappedHovedside } from '../../../testUtils/WrappedHovedside';
-import { emptyHalfLoadedVeilederState } from '../../../testUtils/defaultInitialStore';
+import { emptyHalfLoadedVeilederState, initialLoadedAktiviteterState } from '../../../testUtils/defaultInitialStore';
 import { rest } from 'msw';
 import { failOrGrahpqlResponse, mockfnr } from '../../../mocks/utils';
-import { aktivitetAdapter, oppfolgingsdperiodeAdapter, PeriodeEntityState } from '../../aktivitet/aktivitet-slice';
+import { PeriodeEntityState } from '../../aktivitet/aktivitet-slice';
 import { compareDesc } from 'date-fns';
-import { mockLoadedStore } from '../../../testUtils/storeMockUtils';
 import { VeilarbAktivitet } from '../../../datatypes/internAktivitetTypes';
 
 const perioder = mockOppfolging.oppfolgingsPerioder.toSorted((a, b) => {
@@ -74,52 +73,22 @@ const endaGamlereAktivitet = {
     id: '4',
     oppfolgingsperiodeId: endaGamlerePeriode.uuid,
 };
+type Mockargs = [EntityState<PeriodeEntityState, EntityId> & {
+    status: Status
+}, OppfolgingStatus]
+const aktiviteterIBareLukkedePerioder = (): Mockargs => {
 
-const aktiviteterIBareLukkedePerioder = (): VeilarbAktivitet[] => {
-    return [endaGamlereAktivitet, gammelVeilarbAktivitet];
-    // const state = oppfolgingsdperiodeAdapter.getInitialState({
-    //     status: Status.OK,
-    // });
-    // const perioder = oppfolgingsdperiodeAdapter.setAll(state, [
-    //     {
-    //         id: endaGamlereAktivitet.oppfolgingsperiodeId,
-    //         aktiviteter: aktivitetAdapter.upsertOne(aktivitetAdapter.getInitialState(), endaGamlereAktivitet),
-    //         start: endaGamlerePeriode.startDato,
-    //         slutt: endaGamlerePeriode.sluttDato,
-    //     },
-    //     {
-    //         id: gammelVeilarbAktivitet.oppfolgingsperiodeId,
-    //         aktiviteter: aktivitetAdapter.upsertOne(aktivitetAdapter.getInitialState(), gammelVeilarbAktivitet),
-    //         start: gammelOppfolgingsperiode.startDato,
-    //         slutt: gammelOppfolgingsperiode.sluttDato,
-    //     },
-    // ]);
-    // return perioder;
+    return [initialLoadedAktiviteterState({aktiviteter : [endaGamlereAktivitet, gammelVeilarbAktivitet]}),
+        {...mockOppfolging,oppfolgingsPerioder : [gammelOppfolgingsperiode, endaGamlerePeriode]}];
 };
 
-const aktiviteterÅpenOgLukketPeriode = (): VeilarbAktivitet[] => {
-    return [veilarbAktivitet, gammelVeilarbAktivitet];
-    // const state = oppfolgingsdperiodeAdapter.getInitialState({
-    //     status: Status.OK,
-    // });
-    // return oppfolgingsdperiodeAdapter.setAll(state, [
-    //     {
-    //         id: veilarbAktivitet.oppfolgingsperiodeId,
-    //         aktiviteter: aktivitetAdapter.upsertOne(aktivitetAdapter.getInitialState(), veilarbAktivitet),
-    //         start: gjeldendeOppfolgingsperiode.startDato,
-    //         slutt: undefined,
-    //     },
-    //     {
-    //         id: gammelVeilarbAktivitet.oppfolgingsperiodeId,
-    //         aktiviteter: aktivitetAdapter.upsertOne(aktivitetAdapter.getInitialState(), gammelVeilarbAktivitet),
-    //         start: gammelOppfolgingsperiode.startDato,
-    //         slutt: gammelOppfolgingsperiode.sluttDato,
-    //     },
-    // ]);
+const aktiviteterÅpenOgLukketPeriode = (): Mockargs => {
+    return [initialLoadedAktiviteterState({aktiviteter : [veilarbAktivitet, gammelVeilarbAktivitet]}),
+        {...mockOppfolging,oppfolgingsPerioder : [gjeldendeOppfolgingsperiode, gammelOppfolgingsperiode]}];
 };
 
 
-const initialStore = (aktiviteter: EntityState<PeriodeEntityState>) =>
+const initialStore = (aktiviteter: EntityState<PeriodeEntityState>, oppfolgingsData : OppfolgingStatus) =>
     ({
         data: {
             ...emptyHalfLoadedVeilederState.data,
@@ -142,8 +111,8 @@ const lagStore = (initialStore: RootState) =>
     });
 
 const gitt = {
-    aktiviteterÅpenOgLukketPeriode: () => lagStore(initialStore(aktiviteterÅpenOgLukketPeriode())),
-    aktiviteterIBareLukkedePerioder: () => lagStore(initialStore(aktiviteterIBareLukkedePerioder())),
+    aktiviteterÅpenOgLukketPeriode: () => lagStore(initialStore(...aktiviteterÅpenOgLukketPeriode())),
+    aktiviteterIBareLukkedePerioder: () => lagStore(initialStore(...aktiviteterIBareLukkedePerioder())),
 };
 
 // Overstyr lesing av aktiviteter i denne testen
@@ -249,6 +218,7 @@ describe('PeriodeFilter.tsx', () => {
             await waitFor(() => getByText(veilarbAktivitet.tittel));
         });
         it('hvis bare lukkede perioder skal aktiviteter i nyeste periode vises', async () => {
+            console.log(endaGamlerePeriode);
             const store = gitt.aktiviteterIBareLukkedePerioder();
             const { getByText, queryByText } = render(<WrappedHovedside fnr={mockfnr} store={store} />);
             await waitFor(() => getByText(gammelVeilarbAktivitet.tittel));

src/moduler/oppfolging-status/OppfolgingStatus.tsx

@@ -1,11 +1,16 @@
 import React, { ReactNode } from 'react';
 import VidereSendBrukereEllerRenderChildren from './VidereSendBrukereEllerRenderChildren';
 
+interface Props {
+    children: ReactNode;
+}
 
-const OppfolgingStatus = () => {
+
+
+const OppfolgingStatus = ({children}: Props) => {
     return (
         <div className="w-full">
-            <VidereSendBrukereEllerRenderChildren></VidereSendBrukereEllerRenderChildren>
+            <VidereSendBrukereEllerRenderChildren>{children}</VidereSendBrukereEllerRenderChildren>
         </div>
     );
 };

src/testUtils/defaultInitialStore.ts

@@ -44,6 +44,23 @@ export const initialLoadedAktiviteterState = ({ aktiviteter }: { aktiviteter?: V
     return oppfolgingsdperiodeAdapter.upsertMany(state, oppfolgingsperioder);
 };
 
+export const aktiviteterState = ({ aktiviteter }: { aktiviteter?: VeilarbAktivitet[] }) => {
+    const state = oppfolgingsdperiodeAdapter.getInitialState({
+        status: Status.OK,
+    });
+    const defaultMockAktiviteter = aktivitestplanResponse(aktiviteter ? { aktiviteter } : undefined);
+    const oppfolgingsperioder = defaultMockAktiviteter.data.perioder.map((periode) => {
+        const periodeState = getOrCreatePeriode(state, periode.id);
+        return {
+            id: periode.id,
+            aktiviteter: aktivitetAdapter.upsertMany(periodeState.aktiviteter, periode.aktiviteter),
+            start: periode.start,
+            slutt: periode.slutt,
+        };
+    });
+    return oppfolgingsdperiodeAdapter.upsertMany(state, oppfolgingsperioder);
+};
+
 export const emptyHalfLoadedVeilederState: RootState = {
     data: {
         aktiviteter: oppfolgingsdperiodeAdapter.getInitialState({