Slår av skrivetilgang

.github/workflows/dev.yml

@@ -68,7 +68,7 @@ jobs:
     steps:
       - uses: actions/checkout@v4
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2
+        uses: docker/setup-buildx-action@v3
       # - uses: actions/setup-node@v3
       #   with:
       #     node-version: '20.x'
@@ -81,13 +81,13 @@ jobs:
       #     path: build
       #
       - name: Login to GitHub Container Registry
-        uses: docker/login-action@v2
+        uses: docker/login-action@v3
         with:
           registry: ghcr.io
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
       - name: Build and push
-        uses: docker/build-push-action@v4
+        uses: docker/build-push-action@v5
         with:
           context: .
           push: true

.github/workflows/main.yml

@@ -68,7 +68,7 @@ jobs:
     steps:
       - uses: actions/checkout@v4
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2
+        uses: docker/setup-buildx-action@v3
       # - uses: actions/setup-node@v3
       #   with:
       #     node-version: '20.x'
@@ -81,13 +81,13 @@ jobs:
       #     path: build
       #
       - name: Login to GitHub Container Registry
-        uses: docker/login-action@v2
+        uses: docker/login-action@v3
         with:
           registry: ghcr.io
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
       - name: Build and push
-        uses: docker/build-push-action@v4
+        uses: docker/build-push-action@v5
         with:
           context: .
           push: true

.github/workflows/prod.yml

@@ -48,16 +48,16 @@ jobs:
     steps:
       - uses: actions/checkout@v4
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2
+        uses: docker/setup-buildx-action@v3
 
       - name: Login to GitHub Container Registry
-        uses: docker/login-action@v2
+        uses: docker/login-action@v3
         with:
           registry: ghcr.io
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
       - name: Build and push
-        uses: docker/build-push-action@v4
+        uses: docker/build-push-action@v5
         with:
           context: .
           push: true

Dockerfile

@@ -11,8 +11,6 @@ COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* .npmrc ./
 RUN --mount=type=secret,id=NODE_AUTH_TOKEN \
     echo '//npm.pkg.github.com/:_authToken='$(cat /run/secrets/NODE_AUTH_TOKEN) >> .npmrc
 
-# RUN npm config set always-auth true   # Er ikke støttet lengre, men kan den bare slettes?
-
 RUN yarn --frozen-lockfile --ignore-scripts
 
 
@@ -58,8 +56,10 @@ COPY --from=builder /app/public ./public
 
 # Automatically leverage output traces to reduce image size
 # https://nextjs.org/docs/advanced-features/output-file-tracing
-COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
-COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+COPY --from=builder --chown=nextjs:nodejs --chmod=444 /app/.next/standalone ./
+
+COPY --from=builder --chown=nextjs:nodejs --chmod=444 /app/.next/static ./.next/static
+
 
 USER nextjs
 

__tests__/components/Aarsaksvelger.test.tsx

@@ -0,0 +1,259 @@
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import Aarsaksvelger from '../../components/Bruttoinntekt/Aarsaksvelger';
+import { vi } from 'vitest';
+import parseIsoDate from '../../utils/parseIsoDate';
+
+// Mock the ResizeObserver
+const ResizeObserverMock = vi.fn(() => ({
+  observe: vi.fn(),
+  unobserve: vi.fn(),
+  disconnect: vi.fn()
+}));
+
+// Stub the global ResizeObserver
+vi.stubGlobal('ResizeObserver', ResizeObserverMock);
+
+const IntersectionObserverMock = vi.fn(() => ({
+  disconnect: vi.fn(),
+  observe: vi.fn(),
+  takeRecords: vi.fn(),
+  unobserve: vi.fn()
+}));
+
+vi.stubGlobal('IntersectionObserver', IntersectionObserverMock);
+vi.stubGlobal('ResizeObserver', IntersectionObserverMock);
+
+describe('Aarsaksvelger', () => {
+  const changeMaanedsintektHandler = vi.fn();
+  const changeBegrunnelseHandler = vi.fn();
+  const clickTilbakestillMaanedsinntekt = vi.fn();
+  const setTariffEndringsdato = vi.fn();
+  const setTariffKjentdato = vi.fn();
+  const visFeilmeldingsTekst = vi.fn();
+
+  it('renders the component', () => {
+    render(
+      <Aarsaksvelger
+        bruttoinntekt={undefined}
+        changeMaanedsintektHandler={changeMaanedsintektHandler}
+        changeBegrunnelseHandler={changeBegrunnelseHandler}
+        clickTilbakestillMaanedsinntekt={clickTilbakestillMaanedsinntekt}
+        tariffendringsdato={new Date()}
+        tariffkjentdato={new Date()}
+        setTariffEndringsdato={setTariffEndringsdato}
+        setTariffKjentdato={setTariffKjentdato}
+        visFeilmeldingsTekst={visFeilmeldingsTekst}
+        setFeriePeriode={vi.fn}
+        setPermisjonPeriode={vi.fn}
+        setPermitteringPeriode={vi.fn}
+        setNyStillingDato={vi.fn}
+        setNyStillingsprosentDato={vi.fn}
+        setLonnsendringDato={vi.fn}
+        setSykefravaerPeriode={vi.fn}
+        nyInnsending={false}
+      />
+    );
+    expect(screen.getByLabelText('Månedsinntekt')).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', {
+        name: /Tilbakestill/i
+      })
+    ).toBeInTheDocument();
+  });
+
+  it('calls the changeMaanedsintektHandler function when the input value changes', async () => {
+    render(
+      <Aarsaksvelger
+        bruttoinntekt={undefined}
+        changeMaanedsintektHandler={changeMaanedsintektHandler}
+        changeBegrunnelseHandler={changeBegrunnelseHandler}
+        clickTilbakestillMaanedsinntekt={clickTilbakestillMaanedsinntekt}
+        tariffendringsdato={new Date()}
+        tariffkjentdato={new Date()}
+        setTariffEndringsdato={setTariffEndringsdato}
+        setTariffKjentdato={setTariffKjentdato}
+        visFeilmeldingsTekst={visFeilmeldingsTekst}
+        setFeriePeriode={vi.fn}
+        setPermisjonPeriode={vi.fn}
+        setPermitteringPeriode={vi.fn}
+        setNyStillingDato={vi.fn}
+        setNyStillingsprosentDato={vi.fn}
+        setLonnsendringDato={vi.fn}
+        setSykefravaerPeriode={vi.fn}
+        nyInnsending={false}
+      />
+    );
+    const user = userEvent.setup();
+    const input = screen.getByLabelText(/edsinntekt/);
+    await user.type(input, '20000');
+    expect(changeMaanedsintektHandler).toHaveBeenCalledTimes(5);
+  });
+
+  it('calls the changeBegrunnelseHandler function when the select value changes', async () => {
+    render(
+      <Aarsaksvelger
+        bruttoinntekt={undefined}
+        changeMaanedsintektHandler={changeMaanedsintektHandler}
+        changeBegrunnelseHandler={changeBegrunnelseHandler}
+        clickTilbakestillMaanedsinntekt={clickTilbakestillMaanedsinntekt}
+        tariffendringsdato={new Date()}
+        tariffkjentdato={new Date()}
+        setTariffEndringsdato={setTariffEndringsdato}
+        setTariffKjentdato={setTariffKjentdato}
+        visFeilmeldingsTekst={visFeilmeldingsTekst}
+        setFeriePeriode={vi.fn}
+        setPermisjonPeriode={vi.fn}
+        setPermitteringPeriode={vi.fn}
+        setNyStillingDato={vi.fn}
+        setNyStillingsprosentDato={vi.fn}
+        setLonnsendringDato={vi.fn}
+        setSykefravaerPeriode={vi.fn}
+        nyInnsending={false}
+      />
+    );
+    const user = userEvent.setup();
+
+    const select = screen.getByLabelText('Velg endringsårsak');
+    await user.selectOptions(select, 'Bonus');
+    expect(changeBegrunnelseHandler).toHaveBeenCalledTimes(1);
+    expect(changeBegrunnelseHandler).toHaveBeenCalledWith('Bonus');
+  });
+
+  it('calls the clickTilbakestillMaanedsinntekt function when the button is clicked', () => {
+    render(
+      <Aarsaksvelger
+        bruttoinntekt={undefined}
+        changeMaanedsintektHandler={changeMaanedsintektHandler}
+        changeBegrunnelseHandler={changeBegrunnelseHandler}
+        clickTilbakestillMaanedsinntekt={clickTilbakestillMaanedsinntekt}
+        tariffendringsdato={new Date()}
+        tariffkjentdato={new Date()}
+        setTariffEndringsdato={setTariffEndringsdato}
+        setTariffKjentdato={setTariffKjentdato}
+        visFeilmeldingsTekst={visFeilmeldingsTekst}
+        setFeriePeriode={vi.fn}
+        setPermisjonPeriode={vi.fn}
+        setPermitteringPeriode={vi.fn}
+        setNyStillingDato={vi.fn}
+        setNyStillingsprosentDato={vi.fn}
+        setLonnsendringDato={vi.fn}
+        setSykefravaerPeriode={vi.fn}
+        nyInnsending={false}
+      />
+    );
+    const button = screen.getByRole('button', {
+      name: /Tilbakestill/i
+    });
+    button.click();
+    expect(clickTilbakestillMaanedsinntekt).toHaveBeenCalledTimes(1);
+  });
+
+  it('calls the changeBegrunnelseHandler function when the Varig lønnsendring is selected', async () => {
+    render(
+      <Aarsaksvelger
+        bruttoinntekt={undefined}
+        changeMaanedsintektHandler={changeMaanedsintektHandler}
+        changeBegrunnelseHandler={changeBegrunnelseHandler}
+        clickTilbakestillMaanedsinntekt={clickTilbakestillMaanedsinntekt}
+        tariffendringsdato={new Date()}
+        tariffkjentdato={new Date()}
+        setTariffEndringsdato={setTariffEndringsdato}
+        setTariffKjentdato={setTariffKjentdato}
+        visFeilmeldingsTekst={visFeilmeldingsTekst}
+        setFeriePeriode={vi.fn}
+        setPermisjonPeriode={vi.fn}
+        setPermitteringPeriode={vi.fn}
+        setNyStillingDato={vi.fn}
+        setNyStillingsprosentDato={vi.fn}
+        setLonnsendringDato={vi.fn}
+        setSykefravaerPeriode={vi.fn}
+        nyInnsending={false}
+      />
+    );
+
+    const user = userEvent.setup();
+    const select = screen.getByLabelText('Velg endringsårsak');
+
+    await user.selectOptions(select, 'Varig lønnsendring');
+
+    expect(changeBegrunnelseHandler).toHaveBeenCalledWith('VarigLonnsendring');
+  });
+
+  it('calls the setTariffKjentdato function when the TariffendringDato component is used', async () => {
+    render(
+      <Aarsaksvelger
+        bruttoinntekt={{ bruttoInntekt: 1000, endringsaarsak: 'Tariffendring', manueltKorrigert: false }}
+        changeMaanedsintektHandler={changeMaanedsintektHandler}
+        changeBegrunnelseHandler={changeBegrunnelseHandler}
+        clickTilbakestillMaanedsinntekt={clickTilbakestillMaanedsinntekt}
+        tariffendringsdato={new Date()}
+        tariffkjentdato={new Date()}
+        setTariffEndringsdato={setTariffEndringsdato}
+        setTariffKjentdato={setTariffKjentdato}
+        visFeilmeldingsTekst={visFeilmeldingsTekst}
+        setFeriePeriode={vi.fn}
+        setPermisjonPeriode={vi.fn}
+        setPermitteringPeriode={vi.fn}
+        setNyStillingDato={vi.fn}
+        setNyStillingsprosentDato={vi.fn}
+        setLonnsendringDato={vi.fn}
+        setSykefravaerPeriode={vi.fn}
+        nyInnsending={false}
+      />
+    );
+
+    const user = userEvent.setup();
+
+    await waitFor(() => screen.getByLabelText('Dato tariffendring ble kjent'));
+    const input = screen.getByLabelText('Dato tariffendring ble kjent');
+    userEvent.clear(input);
+    userEvent.type(input, '2022-01-01');
+    expect(setTariffKjentdato).toHaveBeenCalledTimes(1);
+
+    const inputGjelderFra = screen.getByLabelText('Tariffendring gjelder fra');
+    userEvent.clear(inputGjelderFra);
+    userEvent.type(inputGjelderFra, '2022-01-01');
+    expect(setTariffEndringsdato).toHaveBeenCalledTimes(1);
+  });
+
+  it.skip('calls the setFeriePeriode function when the endringsaarsak is ferie', async () => {
+    const setFeriePeriode = vi.fn();
+
+    render(
+      <Aarsaksvelger
+        bruttoinntekt={{ bruttoInntekt: 1000, endringsaarsak: 'Ferie', manueltKorrigert: false }}
+        changeMaanedsintektHandler={changeMaanedsintektHandler}
+        changeBegrunnelseHandler={changeBegrunnelseHandler}
+        clickTilbakestillMaanedsinntekt={clickTilbakestillMaanedsinntekt}
+        tariffendringsdato={new Date()}
+        tariffkjentdato={new Date()}
+        setTariffEndringsdato={setTariffEndringsdato}
+        setTariffKjentdato={setTariffKjentdato}
+        visFeilmeldingsTekst={visFeilmeldingsTekst}
+        setFeriePeriode={setFeriePeriode}
+        setPermisjonPeriode={vi.fn}
+        setPermitteringPeriode={vi.fn}
+        setNyStillingDato={vi.fn}
+        setNyStillingsprosentDato={vi.fn}
+        setLonnsendringDato={vi.fn}
+        setSykefravaerPeriode={vi.fn}
+        nyInnsending={false}
+        ferie={[{ fom: undefined, tom: undefined, id: '1' }]}
+      />
+    );
+
+    const user = userEvent.setup();
+
+    const input = screen.getByLabelText('Fra');
+    await user.clear(input);
+    await user.type(input, '02.02.2022');
+    expect(setFeriePeriode).toHaveBeenCalledWith([
+      {
+        fom: parseIsoDate('2022-02-02'),
+        id: '1',
+        tom: undefined
+      }
+    ]);
+  });
+});

__tests__/components/KvitteringAnnetSystem.test.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import KvitteringAnnetSystem from '../../components/KvitteringAnnetSystem/KvitteringAnnetSystem';
+
+describe('KvitteringAnnetSystem', () => {
+  it('should render the component with the correct props', () => {
+    const props = {
+      arkivreferanse: '123456',
+      lenkeTilKvittering: 'Kvittering',
+      lenkeTilKvitteringHref: 'https://example.com/kvittering',
+      eksterntSystem: 'Eksternt system',
+      mottattDato: '2022-01-01'
+    };
+
+    const { getByText } = render(<KvitteringAnnetSystem {...props} />);
+
+    expect(getByText('Mottatt inntektsmelding')).toBeInTheDocument();
+    expect(getByText('Denne inntektsmeldingen er mottatt fra et eksternt system')).toBeInTheDocument();
+    expect(getByText(/Vi har mottatt denne inntektsmeldingen fra Eksternt system/)).toBeInTheDocument();
+    expect(getByText(`Arkivreferanse: [${props.arkivreferanse}]`)).toBeInTheDocument();
+    expect(getByText(props.lenkeTilKvittering)).toHaveAttribute('href', props.lenkeTilKvitteringHref);
+  });
+
+  it('should render the component without optional props', () => {
+    const props = {
+      eksterntSystem: 'Eksternt system'
+    };
+
+    const { getByText, queryByText } = render(<KvitteringAnnetSystem {...props} />);
+
+    expect(getByText('Mottatt inntektsmelding')).toBeInTheDocument();
+    expect(getByText('Denne inntektsmeldingen er mottatt fra et eksternt system')).toBeInTheDocument();
+    expect(getByText(/Vi har mottatt denne inntektsmeldingen fra Eksternt system/)).toBeInTheDocument();
+    expect(queryByText('Arkivreferanse:')).toBeNull();
+    expect(queryByText('Eventuell lenke til kvittering')).toBeNull();
+  });
+});