diff --git a/package.json b/package.json index 6004546b..fa70f290 100644 --- a/package.json +++ b/package.json @@ -41,14 +41,6 @@ "@navikt/landvelger": "^3.1.5", "@sentry/browser": "^7.104.0", "@sentry/webpack-plugin": "^2.14.2", - "@types/classnames": "^2.3.1", - "@types/deep-equal": "^1.0.1", - "@types/express": "^4.17.14", - "@types/react": "^18.2.39", - "@types/react-dom": "^18.0.9", - "@types/react-modal": "^3.13.1", - "@types/react-router-dom": "^5.3.3", - "@types/uuid": "^8.3.4", "axios": "^1.6.2", "babel-loader": "^9.1.2", "classnames": "^2.3.2", @@ -59,11 +51,9 @@ "dotenv": "^16.4.5", "express": "^4.18.2", "http-proxy-middleware": "^2.0.6", - "prop-types": "^15.8.1", "react": "^18.2.0", "react-collapse": "^5.1.1", "react-dom": "^18.2.0", - "react-modal": "3.16.x", "react-router-dom": "^6.14.1", "styled-components": "^6.1.1", "stylis": "^4.3.0", @@ -78,18 +68,25 @@ "@jest/types": "^29.6.0", "@peculiar/webcrypto": "^1.4.3", "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10", - "@testing-library/jest-dom": "^6.1.5", - "@testing-library/react": "^14.1.0", - "@testing-library/react-hooks": "^8.0.1", + "@testing-library/dom": "^9.3.4", + "@testing-library/jest-dom": "^6.4.2", + "@testing-library/react": "^14.2.1", "@testing-library/user-event": "^14.5.1", "@types/case-sensitive-paths-webpack-plugin": "^2.1.6", + "@types/classnames": "^2.3.1", + "@types/deep-equal": "^1.0.1", + "@types/express": "^4.17.14", "@types/jest": "^29.5.2", + "@types/node": "^20.11.24", + "@types/react": "^18.2.39", + "@types/react-dom": "^18.0.9", + "@types/react-router-dom": "^5.3.3", + "@types/uuid": "^8.3.4", "@types/webpack-env": "^1.18.1", "@types/webpack-hot-middleware": "^2.25.6", "@typescript-eslint/eslint-plugin": "^7.1.0", "@typescript-eslint/parser": "^7.1.0", "babel-jest": "^29.6.0", - "babel-polyfill": "^6.26.0", "case-sensitive-paths-webpack-plugin": "^2.4.0", "compression-webpack-plugin": "^11.1.0", "css-loader": "^6.8.1", @@ -116,9 +113,7 @@ "style-loader": "^3.3.3", "terser-webpack-plugin": "^5.3.9", "ts-jest": "^29.1.1", - "ts-loader": "^9.4.4", "ts-node": "^10.9.1", - "tsconfig-paths-webpack-plugin": "^4.0.1", "typescript": "^5.3.3", "webpack": "^5.88.1", "webpack-cli": "^5.1.4", diff --git a/src/frontend/komponenter/Fagsak/Fakta/FaktaContainer.test.tsx b/src/frontend/komponenter/Fagsak/Fakta/FaktaContainer.test.tsx index 6372d318..b0fda6ef 100644 --- a/src/frontend/komponenter/Fagsak/Fakta/FaktaContainer.test.tsx +++ b/src/frontend/komponenter/Fagsak/Fakta/FaktaContainer.test.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render, waitFor } from '@testing-library/react'; +import { act, render, waitFor } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -141,44 +141,54 @@ describe('Tester: FaktaContainer', () => { expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); expect(getAllByRole('combobox')).toHaveLength(3); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(4); - await user.selectOptions(getByTestId('perioder.0.årsak'), HendelseType.BOSATT_I_RIKET); - await user.selectOptions(getByTestId('perioder.1.årsak'), HendelseType.BOR_MED_SØKER); - await user.selectOptions(getByTestId('perioder.2.årsak'), HendelseType.BOSATT_I_RIKET); - await user.type(getByRole('textbox'), 'Begrunnelse'); + act(() => { + user.selectOptions(getByTestId('perioder.0.årsak'), HendelseType.BOSATT_I_RIKET); + user.selectOptions(getByTestId('perioder.1.årsak'), HendelseType.BOR_MED_SØKER); + user.selectOptions(getByTestId('perioder.2.årsak'), HendelseType.BOSATT_I_RIKET); + }); + await act(() => user.type(getByRole('textbox'), 'Begrunnelse')); expect(getAllByRole('combobox')).toHaveLength(6); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(3); - await user.selectOptions( - getByTestId('perioder.0.underårsak'), - HendelseUndertype.BRUKER_BOR_IKKE_I_NORGE - ); - await user.selectOptions( - getByTestId('perioder.1.underårsak'), - HendelseUndertype.BOR_IKKE_MED_BARN - ); - await user.selectOptions( - getByTestId('perioder.2.underårsak'), - HendelseUndertype.BRUKER_FLYTTET_FRA_NORGE - ); + act(() => { + user.selectOptions( + getByTestId('perioder.0.underårsak'), + HendelseUndertype.BRUKER_BOR_IKKE_I_NORGE + ); + user.selectOptions( + getByTestId('perioder.1.underårsak'), + HendelseUndertype.BOR_IKKE_MED_BARN + ); + user.selectOptions( + getByTestId('perioder.2.underårsak'), + HendelseUndertype.BRUKER_FLYTTET_FRA_NORGE + ); + }); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -209,40 +219,54 @@ describe('Tester: FaktaContainer', () => { expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); expect(getAllByRole('combobox')).toHaveLength(3); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(4); - await user.click( - getByRole('checkbox', { - name: 'Behandle alle perioder samlet', - }) + await act(() => + user.click( + getByRole('checkbox', { + name: 'Behandle alle perioder samlet', + }) + ) ); - await user.selectOptions(getByTestId('perioder.0.årsak'), HendelseType.BOSATT_I_RIKET); - await user.type(getByLabelText('Forklar årsaken(e) til feilutbetalingen'), 'Begrunnelse'); + await act(() => + user.selectOptions(getByTestId('perioder.0.årsak'), HendelseType.BOSATT_I_RIKET) + ); + await act(() => + user.type(getByLabelText('Forklar årsaken(e) til feilutbetalingen'), 'Begrunnelse') + ); expect(getAllByRole('combobox')).toHaveLength(6); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(3); - await user.selectOptions( - getByTestId('perioder.0.underårsak'), - HendelseUndertype.BRUKER_BOR_IKKE_I_NORGE + await act(() => + user.selectOptions( + getByTestId('perioder.0.underårsak'), + HendelseUndertype.BRUKER_BOR_IKKE_I_NORGE + ) ); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); diff --git a/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelseContainer.test.tsx b/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelseContainer.test.tsx index 56af63d4..89f90b61 100644 --- a/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelseContainer.test.tsx +++ b/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelseContainer.test.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render, waitFor } from '@testing-library/react'; +import { act, render, waitFor } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -125,20 +125,24 @@ describe('Tester: ForeldelseContainer', () => { }) ).toBeDisabled(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.type(getByLabelText('Vurdering'), 'Begrunnelse 1'); - await user.click(getByLabelText('Perioden er ikke foreldet')); + await act(() => user.type(getByLabelText('Vurdering'), 'Begrunnelse 1')); + await act(() => user.click(getByLabelText('Perioden er ikke foreldet'))); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); @@ -152,20 +156,24 @@ describe('Tester: ForeldelseContainer', () => { expect(getByText('2 måneder')).toBeTruthy(); expect(getByText('1 333')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.type(getByLabelText('Vurdering'), 'Begrunnelse 2'); - await user.click(getByLabelText('Perioden er ikke foreldet')); + await act(() => user.type(getByLabelText('Vurdering'), 'Begrunnelse 2')); + await act(() => user.click(getByLabelText('Perioden er ikke foreldet'))); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); @@ -177,10 +185,12 @@ describe('Tester: ForeldelseContainer', () => { }) ).toBeEnabled(); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); }); @@ -223,10 +233,12 @@ describe('Tester: ForeldelseContainer', () => { ).toBeEnabled(); }); - await user.click( - getByRole('button', { - name: 'suksess fra 01.01.2020 til og med 31.03.2020', - }) + await act(() => + user.click( + getByRole('button', { + name: 'suksess fra 01.01.2020 til og med 31.03.2020', + }) + ) ); expect( @@ -247,10 +259,12 @@ describe('Tester: ForeldelseContainer', () => { }) ).toHaveValue('01.01.2021'); - await user.click( - getByRole('button', { - name: 'suksess fra 01.05.2020 til og med 30.06.2020', - }) + await act(() => + user.click( + getByRole('button', { + name: 'suksess fra 01.05.2020 til og med 30.06.2020', + }) + ) ); expect(getByText('01.05.2020 - 30.06.2020')).toBeTruthy(); @@ -269,10 +283,12 @@ describe('Tester: ForeldelseContainer', () => { '24.12.2020' ); - await user.click( - getByRole('button', { - name: 'Lukk', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Lukk', + }) + ) ); expect( @@ -321,10 +337,12 @@ describe('Tester: ForeldelseContainer', () => { ).toBeEnabled(); }); - await user.click( - getByRole('button', { - name: 'suksess fra 01.01.2020 til og med 31.03.2020', - }) + await act(() => + user.click( + getByRole('button', { + name: 'suksess fra 01.01.2020 til og med 31.03.2020', + }) + ) ); expect( @@ -346,10 +364,12 @@ describe('Tester: ForeldelseContainer', () => { expect(getByText('Perioden er foreldet')).toBeTruthy(); expect(getByLabelText('Foreldelsesfrist')).toHaveValue('01.01.2021'); - await user.click( - getByRole('button', { - name: 'suksess fra 01.05.2020 til og med 30.06.2020', - }) + await act(() => + user.click( + getByRole('button', { + name: 'suksess fra 01.05.2020 til og med 30.06.2020', + }) + ) ); expect(getByText('01.05.2020 - 30.06.2020')).toBeTruthy(); diff --git a/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.test.tsx b/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.test.tsx index d3f0d3cf..0d77cba0 100644 --- a/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.test.tsx +++ b/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.test.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render } from '@testing-library/react'; +import { act, render } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -50,30 +50,36 @@ describe('Tester: FeilutbetalingForeldelsePeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByLabelText('Foreldelsesfrist')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.click(getByLabelText('Perioden er ikke foreldet')); + await act(() => user.click(getByLabelText('Perioden er ikke foreldet'))); expect(queryByLabelText('Foreldelsesfrist')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); - await user.type(getByLabelText('Vurdering'), 'begrunnelse'); + await act(() => user.type(getByLabelText('Vurdering'), 'begrunnelse')); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -91,7 +97,7 @@ describe('Tester: FeilutbetalingForeldelsePeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByLabelText('Foreldelsesfrist')).toBeFalsy(); - await user.click(getByLabelText('Perioden er foreldet')); + await act(() => user.click(getByLabelText('Perioden er foreldet'))); expect( queryByLabelText('Foreldelsesfrist', { @@ -100,27 +106,33 @@ describe('Tester: FeilutbetalingForeldelsePeriodeSkjema', () => { }) ).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); expect(queryAllByText('Du må velge en gyldig dato')).toHaveLength(1); - await user.type(getByLabelText('Vurdering'), 'begrunnelse'); - await user.type( - getByLabelText('Foreldelsesfrist', { - selector: 'input', - exact: false, - }), - '14.09.2020' + await act(() => user.type(getByLabelText('Vurdering'), 'begrunnelse')); + await act(() => + user.type( + getByLabelText('Foreldelsesfrist', { + selector: 'input', + exact: false, + }), + '14.09.2020' + ) ); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Du må velge en gyldig dato')).toHaveLength(0); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); @@ -140,8 +152,10 @@ describe('Tester: FeilutbetalingForeldelsePeriodeSkjema', () => { expect(queryByLabelText('Foreldelsesfrist')).toBeFalsy(); expect(queryByLabelText('Dato for når feilutbetaling ble oppdaget')).toBeFalsy(); - await user.click( - getByLabelText('Perioden er ikke foreldet, regel om tilleggsfrist (10 år) benyttes') + await act(() => + user.click( + getByLabelText('Perioden er ikke foreldet, regel om tilleggsfrist (10 år) benyttes') + ) ); expect( @@ -152,28 +166,36 @@ describe('Tester: FeilutbetalingForeldelsePeriodeSkjema', () => { ).toBeTruthy(); expect(queryByLabelText('Dato for når feilutbetaling ble oppdaget')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); expect(queryAllByText('Du må velge en gyldig dato')).toHaveLength(2); - await user.type(getByLabelText('Vurdering'), 'begrunnelse'); - await user.type( - getByLabelText('Foreldelsesfrist', { - selector: 'input', - exact: false, - }), - '14.09.2020' + await act(() => user.type(getByLabelText('Vurdering'), 'begrunnelse')); + await act(() => + user.type( + getByLabelText('Foreldelsesfrist', { + selector: 'input', + exact: false, + }), + '14.09.2020' + ) + ); + await act(() => + user.type(getByLabelText('Dato for når feilutbetaling ble oppdaget'), '14.06.2020') ); - await user.type(getByLabelText('Dato for når feilutbetaling ble oppdaget'), '14.06.2020'); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); expect(queryAllByText('Du må velge en gyldig dato')).toHaveLength(0); diff --git a/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/SplittPeriode/SplittPeriode.test.tsx b/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/SplittPeriode/SplittPeriode.test.tsx index 50ae4936..62a98a6e 100644 --- a/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/SplittPeriode/SplittPeriode.test.tsx +++ b/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/SplittPeriode/SplittPeriode.test.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render } from '@testing-library/react'; +import { act, render } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -40,7 +40,7 @@ describe('Tester: SplittPeriode - Foreldelse', () => { expect(queryAllByText('Del opp perioden')).toHaveLength(1); expect(queryByText('01.01.2021 - 30.04.2021')).toBeFalsy(); - await user.click(getByAltText('Del opp perioden')); + await act(() => user.click(getByAltText('Del opp perioden'))); expect(queryAllByText('Del opp perioden')).toHaveLength(2); expect(queryByText('01.01.2021 - 30.04.2021')).toBeTruthy(); diff --git "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/SendMelding/SendMelding.test.tsx" "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/SendMelding/SendMelding.test.tsx" index 595fc92e..4267c6f3 100644 --- "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/SendMelding/SendMelding.test.tsx" +++ "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/SendMelding/SendMelding.test.tsx" @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render, waitFor } from '@testing-library/react'; +import { act, render, waitFor } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -80,7 +80,7 @@ describe('Tester: SendMelding', () => { }) ).toBeFalsy(); - await user.selectOptions(getByLabelText('Mal'), DokumentMal.VARSEL); + await act(() => user.selectOptions(getByLabelText('Mal'), DokumentMal.VARSEL)); expect( getByRole('button', { @@ -89,7 +89,9 @@ describe('Tester: SendMelding', () => { ).toBeDisabled(); expect(getByText('Bokmål')).toBeTruthy(); - await user.type(getByRole('textbox', { name: 'Fritekst' }), 'Fritekst i varselbrev'); + await act(() => + user.type(getByRole('textbox', { name: 'Fritekst' }), 'Fritekst i varselbrev') + ); expect( getByRole('button', { @@ -103,10 +105,12 @@ describe('Tester: SendMelding', () => { }) ).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Send brev', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Send brev', + }) + ) ); }); @@ -153,10 +157,12 @@ describe('Tester: SendMelding', () => { }) ).toBeDisabled(); - await user.selectOptions(getByLabelText('Mal'), DokumentMal.KORRIGERT_VARSEL); + await act(() => user.selectOptions(getByLabelText('Mal'), DokumentMal.KORRIGERT_VARSEL)); expect(getByText('Nynorsk')).toBeTruthy(); - await user.type(getByRole('textbox', { name: 'Fritekst' }), 'Fritekst i varselbrev'); + await act(() => + user.type(getByRole('textbox', { name: 'Fritekst' }), 'Fritekst i varselbrev') + ); expect( getByRole('button', { @@ -164,10 +170,12 @@ describe('Tester: SendMelding', () => { }) ).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Send brev', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Send brev', + }) + ) ); }); @@ -211,10 +219,16 @@ describe('Tester: SendMelding', () => { }) ).toBeDisabled(); - await user.selectOptions(getByLabelText('Mal'), DokumentMal.INNHENT_DOKUMENTASJON); - await user.type( - getByRole('textbox', { name: 'Liste over dokumenter (skriv ett dokument pr. linje)' }), - 'Liste over dokument' + await act(() => + user.selectOptions(getByLabelText('Mal'), DokumentMal.INNHENT_DOKUMENTASJON) + ); + await act(() => + user.type( + getByRole('textbox', { + name: 'Liste over dokumenter (skriv ett dokument pr. linje)', + }), + 'Liste over dokument' + ) ); expect( @@ -223,10 +237,12 @@ describe('Tester: SendMelding', () => { }) ).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Send brev', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Send brev', + }) + ) ); }); diff --git "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.test.tsx" "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.test.tsx" index bd714195..5a25ea09 100644 --- "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.test.tsx" +++ "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.test.tsx" @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render, waitFor } from '@testing-library/react'; +import { act, render, waitFor } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -104,9 +104,9 @@ describe('Tester: Totrinnskontroll', () => { ).toBeDisabled(); }); - await user.click(getByTestId('stegetGodkjent_idx_steg_0-true')); - await user.click(getByTestId('stegetGodkjent_idx_steg_1-true')); - await user.click(getByTestId('stegetGodkjent_idx_steg_2-true')); + await act(() => user.click(getByTestId('stegetGodkjent_idx_steg_0-true'))); + await act(() => user.click(getByTestId('stegetGodkjent_idx_steg_1-true'))); + await act(() => user.click(getByTestId('stegetGodkjent_idx_steg_2-true'))); await waitFor(async () => { expect( @@ -116,10 +116,12 @@ describe('Tester: Totrinnskontroll', () => { ).toBeEnabled(); }); - await user.click( - getByRole('button', { - name: 'Godkjenn vedtaket', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Godkjenn vedtaket', + }) + ) ); }); @@ -183,10 +185,10 @@ describe('Tester: Totrinnskontroll', () => { ).toBeDisabled(); }); - await user.click(getByTestId('stegetGodkjent_idx_steg_0-true')); - await user.click(getByTestId('stegetGodkjent_idx_steg_1-true')); - await user.click(getByTestId('stegetGodkjent_idx_steg_2-true')); - await user.click(getByTestId('stegetGodkjent_idx_steg_3-false')); + await act(() => user.click(getByTestId('stegetGodkjent_idx_steg_0-true'))); + await act(() => user.click(getByTestId('stegetGodkjent_idx_steg_1-true'))); + await act(() => user.click(getByTestId('stegetGodkjent_idx_steg_2-true'))); + await act(() => user.click(getByTestId('stegetGodkjent_idx_steg_3-false'))); expect( getByRole('button', { @@ -194,11 +196,13 @@ describe('Tester: Totrinnskontroll', () => { }) ).toBeDisabled(); - await user.type( - getByRole('textbox', { - name: 'Begrunnelse', - }), - 'Vurder på nytt!!!!' + await act(() => + user.type( + getByRole('textbox', { + name: 'Begrunnelse', + }), + 'Vurder på nytt!!!!' + ) ); await waitFor(async () => { @@ -209,10 +213,12 @@ describe('Tester: Totrinnskontroll', () => { ).toBeEnabled(); }); - await user.click( - getByRole('button', { - name: 'Send til saksbehandler', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Send til saksbehandler', + }) + ) ); }); diff --git a/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/HenleggBehandling/HenleggBehandlingModal/HenleggBehandlingModal.test.tsx b/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/HenleggBehandling/HenleggBehandlingModal/HenleggBehandlingModal.test.tsx index afac28d4..c74b9558 100644 --- a/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/HenleggBehandling/HenleggBehandlingModal/HenleggBehandlingModal.test.tsx +++ b/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/HenleggBehandling/HenleggBehandlingModal/HenleggBehandlingModal.test.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render, waitFor } from '@testing-library/react'; +import { act, render, waitFor } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -75,26 +75,32 @@ describe('Tester: HenleggBehandlingModal', () => { expect(queryByText('Informer søker:')).toBeFalsy(); expect(queryByText('Forhåndsvis brev')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Henlegg behandling', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Henlegg behandling', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.selectOptions( - getByLabelText('Velg årsak'), - Behandlingresultat.HENLAGT_FEILOPPRETTET + await act(() => + user.selectOptions( + getByLabelText('Velg årsak'), + Behandlingresultat.HENLAGT_FEILOPPRETTET + ) ); - await user.type(getByLabelText('Begrunnelse'), 'Feilutbetalingen er mottregnet'); + await act(() => user.type(getByLabelText('Begrunnelse'), 'Feilutbetalingen er mottregnet')); expect(getByText('Informer søker:')).toBeTruthy(); expect(getByText('Forhåndsvis brev')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Henlegg behandling', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Henlegg behandling', + }) + ) ); }); @@ -123,26 +129,32 @@ describe('Tester: HenleggBehandlingModal', () => { expect(queryByText('Informer søker:')).toBeFalsy(); expect(queryByText('Forhåndsvis brev')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Henlegg behandling', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Henlegg behandling', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.selectOptions( - getByLabelText('Velg årsak'), - Behandlingresultat.HENLAGT_FEILOPPRETTET + await act(() => + user.selectOptions( + getByLabelText('Velg årsak'), + Behandlingresultat.HENLAGT_FEILOPPRETTET + ) ); - await user.type(getByLabelText('Begrunnelse'), 'Feilutbetalingen er mottregnet'); + await act(() => user.type(getByLabelText('Begrunnelse'), 'Feilutbetalingen er mottregnet')); expect(queryByText('Informer søker:')).toBeFalsy(); expect(queryByText('Forhåndsvis brev')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Henlegg behandling', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Henlegg behandling', + }) + ) ); }); @@ -175,41 +187,51 @@ describe('Tester: HenleggBehandlingModal', () => { expect(queryByText('Informer søker:')).toBeFalsy(); expect(queryByText('Forhåndsvis brev')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Henlegg behandling', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Henlegg behandling', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.selectOptions( - getByLabelText('Velg årsak'), - Behandlingresultat.HENLAGT_FEILOPPRETTET_MED_BREV + await act(() => + user.selectOptions( + getByLabelText('Velg årsak'), + Behandlingresultat.HENLAGT_FEILOPPRETTET_MED_BREV + ) ); - await user.type(getByLabelText('Begrunnelse'), 'Revurdering er feilopprettet'); - - await user.click( - getByRole('button', { - name: 'Henlegg behandling', - }) + await act(() => user.type(getByLabelText('Begrunnelse'), 'Revurdering er feilopprettet')); + + await act(() => + user.click( + getByRole('button', { + name: 'Henlegg behandling', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); expect(queryByText('Informer søker:')).toBeFalsy(); expect(queryByText('Forhåndsvis brev')).toBeFalsy(); - await user.type( - getByRole('textbox', { name: 'Fritekst til brev' }), - 'Revurdering er feilopprettet' + await act(() => + user.type( + getByRole('textbox', { name: 'Fritekst til brev' }), + 'Revurdering er feilopprettet' + ) ); expect(getByText('Informer søker:')).toBeTruthy(); expect(getByText('Forhåndsvis brev')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Henlegg behandling', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Henlegg behandling', + }) + ) ); }); @@ -243,27 +265,33 @@ describe('Tester: HenleggBehandlingModal', () => { expect(queryByText('Informer søker:')).toBeFalsy(); expect(queryByText('Forhåndsvis brev')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Henlegg behandling', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Henlegg behandling', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.selectOptions( - getByLabelText('Velg årsak'), - Behandlingresultat.HENLAGT_FEILOPPRETTET_UTEN_BREV + await act(() => + user.selectOptions( + getByLabelText('Velg årsak'), + Behandlingresultat.HENLAGT_FEILOPPRETTET_UTEN_BREV + ) ); - await user.type(getByLabelText('Begrunnelse'), 'Revurdering er feilopprettet'); + await act(() => user.type(getByLabelText('Begrunnelse'), 'Revurdering er feilopprettet')); expect(queryByText('Informer søker:')).toBeFalsy(); expect(queryByText('Forhåndsvis brev')).toBeFalsy(); expect(queryByRole('textbox', { name: 'Fritekst til brev' })).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Henlegg behandling', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Henlegg behandling', + }) + ) ); }); }); diff --git a/src/frontend/komponenter/Fagsak/Vedtak/VedtakContainer.test.tsx b/src/frontend/komponenter/Fagsak/Vedtak/VedtakContainer.test.tsx index b0f8b2cc..289f342d 100644 --- a/src/frontend/komponenter/Fagsak/Vedtak/VedtakContainer.test.tsx +++ b/src/frontend/komponenter/Fagsak/Vedtak/VedtakContainer.test.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render, waitFor, within } from '@testing-library/react'; +import { act, render, waitFor, within } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -226,11 +226,13 @@ describe('Tester: VedtakContainer', () => { }) ).toBeTruthy(); - await user.type( - getByRole('textbox', { - name: `Utdypende tekst`, - }), - 'Fritekst påkrevet' + await act(() => + user.type( + getByRole('textbox', { + name: `Utdypende tekst`, + }), + 'Fritekst påkrevet' + ) ); expect( @@ -247,10 +249,12 @@ describe('Tester: VedtakContainer', () => { ).toBeEnabled(); }); - await user.click( - getByRole('button', { - name: 'Til godkjenning', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Til godkjenning', + }) + ) ); }); @@ -353,13 +357,11 @@ describe('Tester: VedtakContainer', () => { }) ).toHaveLength(2); - await user.type( - getByTestId('fritekst-idx_avsnitt_1-idx_underavsnitt_0'), - 'Fritekst påkrevet' + await act(() => + user.type(getByTestId('fritekst-idx_avsnitt_1-idx_underavsnitt_0'), 'Fritekst påkrevet') ); - await user.type( - getByTestId('fritekst-idx_avsnitt_2-idx_underavsnitt_0'), - 'Fritekst påkrevet' + await act(() => + user.type(getByTestId('fritekst-idx_avsnitt_2-idx_underavsnitt_0'), 'Fritekst påkrevet') ); expect( @@ -376,10 +378,12 @@ describe('Tester: VedtakContainer', () => { ).toBeEnabled(); }); - await user.click( - getByRole('button', { - name: 'Til godkjenning', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Til godkjenning', + }) + ) ); }); @@ -477,13 +481,11 @@ describe('Tester: VedtakContainer', () => { }) ).toHaveLength(2); - await user.type( - getByTestId('fritekst-idx_avsnitt_1-idx_underavsnitt_0'), - 'Fritekst påkrevet' + await act(() => + user.type(getByTestId('fritekst-idx_avsnitt_1-idx_underavsnitt_0'), 'Fritekst påkrevet') ); - await user.type( - getByTestId('fritekst-idx_avsnitt_2-idx_underavsnitt_0'), - 'Fritekst påkrevet' + await act(() => + user.type(getByTestId('fritekst-idx_avsnitt_2-idx_underavsnitt_0'), 'Fritekst påkrevet') ); expect( @@ -500,10 +502,12 @@ describe('Tester: VedtakContainer', () => { ).toBeEnabled(); }); - await user.click( - getByRole('button', { - name: 'Til godkjenning', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Til godkjenning', + }) + ) ); }); @@ -611,12 +615,14 @@ describe('Tester: VedtakContainer', () => { }) ).toBeFalsy(); - await user.click( - within( - getByRole('region', { - name: `Gjelder perioden fra og med 1. mai 2020 til og med 30. juni 2020`, - }) - ).getByRole('button') + await act(() => + user.click( + within( + getByRole('region', { + name: `Gjelder perioden fra og med 1. mai 2020 til og med 30. juni 2020`, + }) + ).getByRole('button') + ) ); expect( @@ -630,15 +636,15 @@ describe('Tester: VedtakContainer', () => { name: 'Legg til utdypende tekst Legg til utdypende tekst', }) ).toHaveLength(2); - await user.click(getByTestId('legg-til-fritekst-idx_avsnitt_2-idx_underavsnitt_0')); + await act(() => + user.click(getByTestId('legg-til-fritekst-idx_avsnitt_2-idx_underavsnitt_0')) + ); - await user.type( - getByTestId('fritekst-idx_avsnitt_1-idx_underavsnitt_0'), - 'Fritekst påkrevet' + await act(() => + user.type(getByTestId('fritekst-idx_avsnitt_1-idx_underavsnitt_0'), 'Fritekst påkrevet') ); - await user.type( - getByTestId('fritekst-idx_avsnitt_2-idx_underavsnitt_0'), - 'Fritekst ekstra' + await act(() => + user.type(getByTestId('fritekst-idx_avsnitt_2-idx_underavsnitt_0'), 'Fritekst ekstra') ); expect( @@ -655,10 +661,12 @@ describe('Tester: VedtakContainer', () => { ).toBeEnabled(); }); - await user.click( - getByRole('button', { - name: 'Til godkjenning', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Til godkjenning', + }) + ) ); }); @@ -753,19 +761,23 @@ describe('Tester: VedtakContainer', () => { }) ).not.toHaveClass('navds-expansioncard--open'); - await user.click( - within( - getByRole('region', { - name: `Gjelder perioden fra og med 1. januar 2020 til og med 31. mars 2020`, - }) - ).getByRole('button') + await act(() => + user.click( + within( + getByRole('region', { + name: `Gjelder perioden fra og med 1. januar 2020 til og med 31. mars 2020`, + }) + ).getByRole('button') + ) ); - await user.click( - within( - getByRole('region', { - name: `Gjelder perioden fra og med 1. mai 2020 til og med 30. juni 2020`, - }) - ).getByRole('button') + await act(() => + user.click( + within( + getByRole('region', { + name: `Gjelder perioden fra og med 1. mai 2020 til og med 30. juni 2020`, + }) + ).getByRole('button') + ) ); expect( @@ -879,12 +891,14 @@ describe('Tester: VedtakContainer', () => { }) ).not.toHaveClass('navds-expansioncard--open'); - await user.click( - within( - getByRole('region', { - name: `Gjelder perioden fra og med 1. januar 2020 til og med 31. mars 2020`, - }) - ).getByRole('button') + await act(() => + user.click( + within( + getByRole('region', { + name: `Gjelder perioden fra og med 1. januar 2020 til og med 31. mars 2020`, + }) + ).getByRole('button') + ) ); expect( @@ -899,12 +913,14 @@ describe('Tester: VedtakContainer', () => { }) ).not.toHaveClass('navds-expansioncard--open'); - await user.click( - within( - getByRole('region', { - name: `Gjelder perioden fra og med 1. mai 2020 til og med 30. juni 2020`, - }) - ).getByRole('button') + await act(() => + user.click( + within( + getByRole('region', { + name: `Gjelder perioden fra og med 1. mai 2020 til og med 30. juni 2020`, + }) + ).getByRole('button') + ) ); expect( diff --git a/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx b/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx index 360c6340..8a0705d7 100644 --- a/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx +++ b/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render, waitFor } from '@testing-library/react'; +import { act, render, waitFor } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -82,32 +82,38 @@ describe('Tester: VergeContainer', () => { expect(getByText('Verge')).toBeTruthy(); }); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.selectOptions(getByLabelText('Vergetype'), Vergetype.ADVOKAT); + await act(() => user.selectOptions(getByLabelText('Vergetype'), Vergetype.ADVOKAT)); - await user.type(getByLabelText('Begrunn endringene'), 'Verge er advokat'); + await act(() => user.type(getByLabelText('Begrunn endringene'), 'Verge er advokat')); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.type(getByLabelText('Navn'), 'Advokat Advokatesen'); - await user.type(getByLabelText('Organisasjonsnummer'), 'DummyOrg'); + await act(() => user.type(getByLabelText('Navn'), 'Advokat Advokatesen')); + await act(() => user.type(getByLabelText('Organisasjonsnummer'), 'DummyOrg')); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -130,41 +136,49 @@ describe('Tester: VergeContainer', () => { expect(getByText('Verge')).toBeTruthy(); }); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.selectOptions(getByLabelText('Vergetype'), Vergetype.VERGE_FOR_BARN); - await user.type(getByLabelText('Begrunn endringene'), 'Verge er advokat'); + await act(() => user.selectOptions(getByLabelText('Vergetype'), Vergetype.VERGE_FOR_BARN)); + await act(() => user.type(getByLabelText('Begrunn endringene'), 'Verge er advokat')); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.type(getByLabelText('Navn'), 'Verge Vergesen'); - await user.type(getByLabelText('Fødselsnummer'), '12sdf678901'); + await act(() => user.type(getByLabelText('Navn'), 'Verge Vergesen')); + await act(() => user.type(getByLabelText('Fødselsnummer'), '12sdf678901')); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryByText('Du må skrive minst 3 tegn')).toBeFalsy(); expect(queryByText('Ugyldig fødselsnummer')).toBeTruthy(); - await user.clear(getByLabelText('Fødselsnummer')); - await user.type(getByLabelText('Fødselsnummer'), '27106903129'); + await act(() => user.clear(getByLabelText('Fødselsnummer'))); + await act(() => user.type(getByLabelText('Fødselsnummer'), '27106903129')); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); expect(queryByText('Ugyldig fødselsnummer')).toBeFalsy(); diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingContainer.test.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingContainer.test.tsx" index 962df1f1..265c0ed4 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingContainer.test.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingContainer.test.tsx" @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render, waitFor } from '@testing-library/react'; +import { act, render, waitFor } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -134,66 +134,82 @@ describe('Tester: VilkårsvurderingContainer', () => { }) ).toBeDisabled(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'Begrunnelse vilkårene 1'); - await user.click( - getByLabelText( - 'Ja, mottaker forsto eller burde forstått at utbetalingen skyldtes en feil', - { - selector: 'input', - exact: false, - } + await act(() => + user.type(getByLabelText('Vilkårene for tilbakekreving'), 'Begrunnelse vilkårene 1') + ); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker forsto eller burde forstått at utbetalingen skyldtes en feil', + { + selector: 'input', + exact: false, + } + ) ) ); expect(getByText('Aktsomhet')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.type( - getByLabelText( - 'Vurder hvorfor mottaker burde forstått, må ha forstått eller forsto at utbetalingen skyldtes en feil' - ), - 'Begrunnelse aktsomhet 1' + await act(() => + user.type( + getByLabelText( + 'Vurder hvorfor mottaker burde forstått, må ha forstått eller forsto at utbetalingen skyldtes en feil' + ), + 'Begrunnelse aktsomhet 1' + ) ); - await user.click(getByLabelText('Burde ha forstått')); + await act(() => user.click(getByLabelText('Burde ha forstått'))); expect( getByText('Totalbeløpet er under 4 rettsgebyr (6. ledd). Skal det tilbakekreves?') ).toBeTruthy(); expect(queryByText('Når 6. ledd anvendes må alle perioder behandles likt')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); - await user.click( - getByRole('radio', { - name: 'Nei', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Nei', + }) + ) ); expect(queryByText('Når 6. ledd anvendes må alle perioder behandles likt')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); expect(getByText('01.05.2020 - 30.06.2020')).toBeTruthy(); @@ -202,54 +218,68 @@ describe('Tester: VilkårsvurderingContainer', () => { expect(getByText('1 333')).toBeTruthy(); expect(getByText('Bor med søker')).toBeTruthy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'Begrunnelse vilkårene 2'); - await user.click( - getByLabelText( - 'Ja, mottaker forsto eller burde forstått at utbetalingen skyldtes en feil', - { - selector: 'input', - exact: false, - } + await act(() => + user.type(getByLabelText('Vilkårene for tilbakekreving'), 'Begrunnelse vilkårene 2') + ); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker forsto eller burde forstått at utbetalingen skyldtes en feil', + { + selector: 'input', + exact: false, + } + ) ) ); - await user.type( - getByLabelText( - 'Vurder hvorfor mottaker burde forstått, må ha forstått eller forsto at utbetalingen skyldtes en feil' - ), - 'Begrunnelse aktsomhet 2' + await act(() => + user.type( + getByLabelText( + 'Vurder hvorfor mottaker burde forstått, må ha forstått eller forsto at utbetalingen skyldtes en feil' + ), + 'Begrunnelse aktsomhet 2' + ) ); - await user.click(getByLabelText('Burde ha forstått')); + await act(() => user.click(getByLabelText('Burde ha forstått'))); expect( getByText('Totalbeløpet er under 4 rettsgebyr (6. ledd). Skal det tilbakekreves?') ).toBeTruthy(); - await user.click( - getByRole('radio', { - name: 'Ja', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Ja', + }) + ) ); expect(getByText('Vurder særlige grunner du har vektlagt for resultatet')).toBeTruthy(); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'Begrunnelse særlige grunner 2' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'Begrunnelse særlige grunner 2' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click(getByTestId('harGrunnerTilReduksjon_Nei')); + await act(() => user.click(getByTestId('harGrunnerTilReduksjon_Nei'))); expect(getByText('100 %')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); expect(queryByText('Detaljer for valgt periode')).toBeFalsy; @@ -260,10 +290,12 @@ describe('Tester: VilkårsvurderingContainer', () => { }) ).toBeEnabled(); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); expect( queryByText( @@ -291,34 +323,42 @@ describe('Tester: VilkårsvurderingContainer', () => { expect(getByText('01.01.2020 - 31.03.2020')).toBeTruthy(); }); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'Begrunnelse1'); - await user.click( - getByLabelText('Nei, mottaker har mottatt beløpet i god tro', { - selector: 'input', - exact: false, - }) + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'Begrunnelse1')); + await act(() => + user.click( + getByLabelText('Nei, mottaker har mottatt beløpet i god tro', { + selector: 'input', + exact: false, + }) + ) ); - await user.type(getByLabelText('Vurder om beløpet er i behold'), 'Begrunnelse2'); - await user.click( - getByRole('radio', { - name: 'Nei', - }) + await act(() => user.type(getByLabelText('Vurder om beløpet er i behold'), 'Begrunnelse2')); + await act(() => + user.click( + getByRole('radio', { + name: 'Nei', + }) + ) ); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); expect(getByText('01.05.2020 - 30.06.2020')).toBeTruthy(); - await user.selectOptions( - getByRole('combobox', { - name: 'Kopier vilkårsvurdering fra', - }), - '01.01.2020 - 31.03.2020' + await act(() => + user.selectOptions( + getByRole('combobox', { + name: 'Kopier vilkårsvurdering fra', + }), + '01.01.2020 - 31.03.2020' + ) ); expect(getByText('Er beløpet i behold?')).toBeTruthy(); @@ -339,10 +379,12 @@ describe('Tester: VilkårsvurderingContainer', () => { expect(getByText('Ingen tilbakekreving')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect( @@ -351,10 +393,12 @@ describe('Tester: VilkårsvurderingContainer', () => { }) ).toBeEnabled(); - await user.click( - getByRole('button', { - name: 'Bekreft og fortsett', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft og fortsett', + }) + ) ); }); @@ -411,10 +455,12 @@ describe('Tester: VilkårsvurderingContainer', () => { ).toBeTruthy(); }); - await user.click( - getByRole('button', { - name: 'suksess fra 01.01.2020 til og med 31.03.2020', - }) + await act(() => + user.click( + getByRole('button', { + name: 'suksess fra 01.01.2020 til og med 31.03.2020', + }) + ) ); expect(getByText('Detaljer for valgt periode')).toBeTruthy(); @@ -451,10 +497,12 @@ describe('Tester: VilkårsvurderingContainer', () => { expect(queryByLabelText('Nei')).toBeFalsy(); expect(getByText('Nei')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'suksess fra 01.05.2020 til og med 30.06.2020', - }) + await act(() => + user.click( + getByRole('button', { + name: 'suksess fra 01.05.2020 til og med 30.06.2020', + }) + ) ); expect( @@ -476,10 +524,12 @@ describe('Tester: VilkårsvurderingContainer', () => { expect(getByLabelText('Nei')).toBeChecked(); expect(getByText('Ingen tilbakekreving')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Lukk', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Lukk', + }) + ) ); expect( @@ -542,10 +592,12 @@ describe('Tester: VilkårsvurderingContainer', () => { ).toBeTruthy(); }); - await user.click( - getByRole('button', { - name: 'suksess fra 01.01.2020 til og med 31.03.2020', - }) + await act(() => + user.click( + getByRole('button', { + name: 'suksess fra 01.01.2020 til og med 31.03.2020', + }) + ) ); expect(getByText('Detaljer for valgt periode')).toBeTruthy(); @@ -570,10 +622,12 @@ describe('Tester: VilkårsvurderingContainer', () => { expect(getByText('Forsto')).toBeTruthy(); expect(getByText('Nei')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'suksess fra 01.05.2020 til og med 30.06.2020', - }) + await act(() => + user.click( + getByRole('button', { + name: 'suksess fra 01.05.2020 til og med 30.06.2020', + }) + ) ); expect( diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/SplittPeriode/SplittPeriode.test.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/SplittPeriode/SplittPeriode.test.tsx" index 8e69463b..029e85e7 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/SplittPeriode/SplittPeriode.test.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/SplittPeriode/SplittPeriode.test.tsx" @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render } from '@testing-library/react'; +import { act, render } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -43,7 +43,7 @@ describe('Tester: SplittPeriode - Vilkårsvurdering', () => { expect(queryAllByText('Del opp perioden')).toHaveLength(1); expect(queryByText('01.01.2021 - 30.04.2021')).toBeFalsy(); - await user.click(getByAltText('Del opp perioden')); + await act(() => user.click(getByAltText('Del opp perioden'))); expect(queryAllByText('Del opp perioden')).toHaveLength(2); expect(queryByText('01.01.2021 - 30.04.2021')).toBeTruthy(); diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjemaBA.test.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjemaBA.test.tsx" index bb4db349..4e9b49b3 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjemaBA.test.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjemaBA.test.tsx" @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render, waitFor } from '@testing-library/react'; +import { render, act } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -110,47 +110,57 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { ).toHaveLength(2); expect(getByText('Barnetrygdloven § 13 og folketrygdloven § 22-15, 1. ledd')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText('Nei, mottaker har mottatt beløpet i god tro', { - selector: 'input', - exact: false, - }) + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText('Nei, mottaker har mottatt beløpet i god tro', { + selector: 'input', + exact: false, + }) + ) ); expect(queryByText('Beløpet mottatt i god tro')).toBeTruthy(); expect(queryByLabelText('Vurder om beløpet er i behold')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); expect(queryByText('Ingen tilbakekreving')).toBeFalsy(); - await user.type(getByLabelText('Vurder om beløpet er i behold'), 'begrunnelse'); - await user.click( - getByLabelText('Nei', { - selector: 'input', - }) + await act(() => user.type(getByLabelText('Vurder om beløpet er i behold'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText('Nei', { + selector: 'input', + }) + ) ); expect(queryByText('Ingen tilbakekreving')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -180,37 +190,45 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Beløpet mottatt i god tro')).toBeFalsy(); expect(queryByLabelText('Vurder om beløpet er i behold')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText('Nei, mottaker har mottatt beløpet i god tro', { - selector: 'input', - exact: false, - }) + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText('Nei, mottaker har mottatt beløpet i god tro', { + selector: 'input', + exact: false, + }) + ) ); - await user.type(getByLabelText('Vurder om beløpet er i behold'), 'begrunnelse'); - await user.click( - getByLabelText('Ja', { - selector: 'input', - }) + await act(() => user.type(getByLabelText('Vurder om beløpet er i behold'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText('Ja', { + selector: 'input', + }) + ) ); expect(queryByText('Ingen tilbakekreving')).toBeFalsy(); expect(queryByLabelText('Angi beløp som skal tilbakekreves')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); - await user.type(getByLabelText('Angi beløp som skal tilbakekreves'), '2000'); + await act(() => user.type(getByLabelText('Angi beløp som skal tilbakekreves'), '2000')); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -246,14 +264,16 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { queryByText('I hvilken grad burde mottaker forstått at utbetalingen skyldtes en feil?') ).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker forsto eller burde forstått at utbetalingen skyldtes en feil', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker forsto eller burde forstått at utbetalingen skyldtes en feil', + { + selector: 'input', + exact: false, + } + ) ) ); @@ -267,23 +287,29 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { queryByText('I hvilken grad burde mottaker forstått at utbetalingen skyldtes en feil?') ).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.type( - getByLabelText( - 'Vurder hvorfor mottaker burde forstått, må ha forstått eller forsto at utbetalingen skyldtes en feil' - ), - 'begrunnelse' + await act(() => + user.type( + getByLabelText( + 'Vurder hvorfor mottaker burde forstått, må ha forstått eller forsto at utbetalingen skyldtes en feil' + ), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Forsto', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Forsto', { + selector: 'input', + }) + ) ); expect(getByText('Andel som skal tilbakekreves')).toBeTruthy(); @@ -291,10 +317,12 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Skal det tillegges renter?')).toBeTruthy(); expect(getByText('Nei')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -331,14 +359,16 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { queryByText('I hvilken grad burde mottaker forstått at utbetalingen skyldtes en feil?') ).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker forsto eller burde forstått at utbetalingen skyldtes en feil', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker forsto eller burde forstått at utbetalingen skyldtes en feil', + { + selector: 'input', + exact: false, + } + ) ) ); @@ -350,16 +380,20 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Særlige grunner som er vektlagt (4.ledd)')).toBeFalsy(); expect(queryByText('Skal særlige grunner gi reduksjon av beløpet?')).toBeFalsy(); - await user.type( - getByLabelText( - 'Vurder hvorfor mottaker burde forstått, må ha forstått eller forsto at utbetalingen skyldtes en feil' - ), - 'begrunnelse' + await act(() => + user.type( + getByLabelText( + 'Vurder hvorfor mottaker burde forstått, må ha forstått eller forsto at utbetalingen skyldtes en feil' + ), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Må ha forstått', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Må ha forstått', { + selector: 'input', + }) + ) ); expect(queryByText('Særlige grunner 4. ledd')).toBeTruthy(); @@ -369,10 +403,12 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Særlige grunner som er vektlagt (4.ledd)')).toBeTruthy(); expect(queryByText('Skal særlige grunner gi reduksjon av beløpet?')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(1); @@ -384,24 +420,32 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { }) ).toBeFalsy(); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click( - getByLabelText('Annet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Annet', { + selector: 'input', + }) + ) ); - await user.click( - getByRole('radio', { - name: 'Nei', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Nei', + }) + ) ); expect(getByText('Andel som skal tilbakekreves')).toBeTruthy(); @@ -409,26 +453,32 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Skal det tillegges renter?')).toBeTruthy(); expect(getByLabelText('Nei')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(0); - await user.type( - getByRole('textbox', { - name: 'Begrunnelse: Annet', - }), - 'begrunnelse' + await act(() => + user.type( + getByRole('textbox', { + name: 'Begrunnelse: Annet', + }), + 'begrunnelse' + ) ); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -449,34 +499,42 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByText('Aktsomhet')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); expect(queryByText('Aktsomhet')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Forsett', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Forsett', { + selector: 'input', + }) + ) ); expect(getByText('Andel som skal tilbakekreves')).toBeTruthy(); @@ -484,10 +542,12 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Skal det tillegges renter?')).toBeTruthy(); expect(queryByText('Det legges til 10 % renter')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -509,63 +569,79 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByText('Aktsomhet')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); expect(queryByText('Aktsomhet')).toBeTruthy(); expect(queryByText('Særlige grunner 4. ledd')).toBeFalsy(); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Grov uaktsomhet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Grov uaktsomhet', { + selector: 'input', + }) + ) ); expect(queryByText('Særlige grunner 4. ledd')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(1); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click( - getByRole('radio', { - name: 'Nei', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Nei', + }) + ) ); expect(getByText('Andel som skal tilbakekreves')).toBeTruthy(); expect(getByText('Skal det tillegges renter?')).toBeTruthy(); expect(queryByTestId('skalDetTilleggesRenter_Nei')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(0); @@ -598,14 +674,16 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { queryByText('I hvilken grad burde mottaker forstått at utbetalingen skyldtes en feil?') ).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); @@ -618,14 +696,18 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Særlige grunner som er vektlagt (4.ledd)')).toBeFalsy(); expect(queryByText('Skal særlige grunner gi reduksjon av beløpet?')).toBeFalsy(); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Grov uaktsomhet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Grov uaktsomhet', { + selector: 'input', + }) + ) ); expect(queryByText('Særlige grunner 4. ledd')).toBeTruthy(); @@ -635,27 +717,35 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Særlige grunner som er vektlagt (4.ledd)')).toBeTruthy(); expect(queryByText('Skal særlige grunner gi reduksjon av beløpet?')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(1); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click( - getByRole('radio', { - name: 'Ja', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Ja', + }) + ) ); expect(getByText('Angi andel som skal tilbakekreves')).toBeTruthy(); @@ -667,25 +757,31 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { }) ).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(0); - await user.selectOptions( - getByRole('combobox', { - name: 'Angi andel som skal tilbakekreves', - }), - '30' + await act(() => + user.selectOptions( + getByRole('combobox', { + name: 'Angi andel som skal tilbakekreves', + }), + '30' + ) ); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -707,42 +803,54 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByText('Aktsomhet')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); expect(queryByText('Aktsomhet')).toBeTruthy(); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Grov uaktsomhet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Grov uaktsomhet', { + selector: 'input', + }) + ) ); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click( - getByRole('radio', { - name: 'Ja', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Ja', + }) + ) ); expect( @@ -751,10 +859,12 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { }) ).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(0); @@ -764,31 +874,39 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { }) ).toBeFalsy(); - await user.selectOptions( - getByRole('combobox', { - name: 'Angi andel som skal tilbakekreves', - }), - 'Egendefinert' + await act(() => + user.selectOptions( + getByRole('combobox', { + name: 'Angi andel som skal tilbakekreves', + }), + 'Egendefinert' + ) ); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); - await user.type( - getByRole('textbox', { - name: 'Angi andel som skal tilbakekreves - fritekst', - }), - '22' + await act(() => + user.type( + getByRole('textbox', { + name: 'Angi andel som skal tilbakekreves - fritekst', + }), + '22' + ) ); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -817,14 +935,16 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByText('Aktsomhet')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt mangelfulle opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt mangelfulle opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); @@ -834,14 +954,18 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { ).toBeFalsy(); expect(queryByText('Særlige grunner 4. ledd')).toBeFalsy(); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Simpel uaktsomhet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Simpel uaktsomhet', { + selector: 'input', + }) + ) ); expect( @@ -849,17 +973,21 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { ).toBeTruthy(); expect(queryByText('Særlige grunner 4. ledd')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); - await user.click( - getByRole('radio', { - name: 'Ja', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Ja', + }) + ) ); expect(queryByText('Særlige grunner 4. ledd')).toBeTruthy(); expect( @@ -868,24 +996,30 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Særlige grunner som er vektlagt (4.ledd)')).toBeTruthy(); expect(queryByText('Skal særlige grunner gi reduksjon av beløpet?')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(1); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click(getByTestId('harGrunnerTilReduksjon_Ja')); + await act(() => user.click(getByTestId('harGrunnerTilReduksjon_Ja'))); expect(queryByText('Skal det tillegges renter?')).toBeFalsy(); expect( @@ -894,25 +1028,31 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { }) ).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(0); - await user.selectOptions( - getByRole('combobox', { - name: 'Angi andel som skal tilbakekreves', - }), - '30' + await act(() => + user.selectOptions( + getByRole('combobox', { + name: 'Angi andel som skal tilbakekreves', + }), + '30' + ) ); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -934,25 +1074,31 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByText('Aktsomhet')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt mangelfulle opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt mangelfulle opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Simpel uaktsomhet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Simpel uaktsomhet', { + selector: 'input', + }) + ) ); expect( @@ -960,49 +1106,61 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { ).toBeTruthy(); expect(queryByText('Når 6. ledd anvendes må alle perioder behandles likt')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); - await user.click( - getByRole('radio', { - name: 'Ja', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Ja', + }) + ) ); expect(queryByText('Når 6. ledd anvendes må alle perioder behandles likt')).toBeFalsy(); expect(queryByText('Særlige grunner 4. ledd')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(1); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click(getByTestId('harGrunnerTilReduksjon_Nei')); + await act(() => user.click(getByTestId('harGrunnerTilReduksjon_Nei'))); expect(getByText('Andel som skal tilbakekreves')).toBeTruthy(); expect(getByText('100 %')).toBeTruthy(); expect(queryByText('Skal det tillegges renter?')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -1023,25 +1181,31 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByText('Aktsomhet')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt mangelfulle opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt mangelfulle opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Simpel uaktsomhet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Simpel uaktsomhet', { + selector: 'input', + }) + ) ); expect( @@ -1049,25 +1213,31 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { ).toBeTruthy(); expect(queryByText('Når 6. ledd anvendes må alle perioder behandles likt')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); - await user.click( - getByRole('radio', { - name: 'Nei', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Nei', + }) + ) ); expect(queryByText('Når 6. ledd anvendes må alle perioder behandles likt')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -1094,7 +1264,7 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { erLesevisning={false} /> ); - await waitFor(async () => { + await act(async () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); }); expect(getByLabelText('Vilkårene for tilbakekreving')).toHaveValue('Gitt i god tro'); @@ -1142,7 +1312,7 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { erLesevisning={false} /> ); - await waitFor(async () => { + await act(async () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); }); expect(getByLabelText('Vilkårene for tilbakekreving')).toHaveValue( diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjemaOS.test.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjemaOS.test.tsx" index c9f0c7f3..adf31827 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjemaOS.test.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjemaOS.test.tsx" @@ -1,6 +1,6 @@ import * as React from 'react'; -import { render, waitFor } from '@testing-library/react'; +import { act, render, waitFor } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { mock } from 'jest-mock-extended'; @@ -106,47 +106,57 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getAllByText('Folketrygdloven § 22-15, 1. ledd, 2. punkt')).toHaveLength(2); expect(getByText('Folketrygdloven § 22-15, 1. ledd')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText('Nei, mottaker har mottatt beløpet i god tro', { - selector: 'input', - exact: false, - }) + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText('Nei, mottaker har mottatt beløpet i god tro', { + selector: 'input', + exact: false, + }) + ) ); expect(queryByText('Beløpet mottatt i god tro')).toBeTruthy(); expect(queryByLabelText('Vurder om beløpet er i behold')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); expect(queryByText('Ingen tilbakekreving')).toBeFalsy(); - await user.type(getByLabelText('Vurder om beløpet er i behold'), 'begrunnelse'); - await user.click( - getByLabelText('Nei', { - selector: 'input', - }) + await act(() => user.type(getByLabelText('Vurder om beløpet er i behold'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText('Nei', { + selector: 'input', + }) + ) ); expect(queryByText('Ingen tilbakekreving')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -176,37 +186,45 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Beløpet mottatt i god tro')).toBeFalsy(); expect(queryByLabelText('Vurder om beløpet er i behold')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText('Nei, mottaker har mottatt beløpet i god tro', { - selector: 'input', - exact: false, - }) + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText('Nei, mottaker har mottatt beløpet i god tro', { + selector: 'input', + exact: false, + }) + ) ); - await user.type(getByLabelText('Vurder om beløpet er i behold'), 'begrunnelse'); - await user.click( - getByLabelText('Ja', { - selector: 'input', - }) + await act(() => user.type(getByLabelText('Vurder om beløpet er i behold'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText('Ja', { + selector: 'input', + }) + ) ); expect(queryByText('Ingen tilbakekreving')).toBeFalsy(); expect(queryByLabelText('Angi beløp som skal tilbakekreves')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); - await user.type(getByLabelText('Angi beløp som skal tilbakekreves'), '2000'); + await act(() => user.type(getByLabelText('Angi beløp som skal tilbakekreves'), '2000')); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -242,14 +260,16 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { queryByText('I hvilken grad burde mottaker forstått at utbetalingen skyldtes en feil?') ).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker forsto eller burde forstått at utbetalingen skyldtes en feil', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker forsto eller burde forstått at utbetalingen skyldtes en feil', + { + selector: 'input', + exact: false, + } + ) ) ); @@ -263,23 +283,29 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { queryByText('I hvilken grad burde mottaker forstått at utbetalingen skyldtes en feil?') ).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.type( - getByLabelText( - 'Vurder hvorfor mottaker burde forstått, må ha forstått eller forsto at utbetalingen skyldtes en feil' - ), - 'begrunnelse' + await act(() => + user.type( + getByLabelText( + 'Vurder hvorfor mottaker burde forstått, må ha forstått eller forsto at utbetalingen skyldtes en feil' + ), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Forsto', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Forsto', { + selector: 'input', + }) + ) ); expect(getByText('Andel som skal tilbakekreves')).toBeTruthy(); @@ -290,10 +316,12 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByLabelText('Nei')).toBeChecked(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); @@ -332,14 +360,16 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { queryByText('I hvilken grad burde mottaker forstått at utbetalingen skyldtes en feil?') ).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker forsto eller burde forstått at utbetalingen skyldtes en feil', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker forsto eller burde forstått at utbetalingen skyldtes en feil', + { + selector: 'input', + exact: false, + } + ) ) ); @@ -351,16 +381,20 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Særlige grunner som er vektlagt (4.ledd)')).toBeFalsy(); expect(queryByText('Skal særlige grunner gi reduksjon av beløpet?')).toBeFalsy(); - await user.type( - getByLabelText( - 'Vurder hvorfor mottaker burde forstått, må ha forstått eller forsto at utbetalingen skyldtes en feil' - ), - 'begrunnelse' + await act(() => + user.type( + getByLabelText( + 'Vurder hvorfor mottaker burde forstått, må ha forstått eller forsto at utbetalingen skyldtes en feil' + ), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Må ha forstått', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Må ha forstått', { + selector: 'input', + }) + ) ); expect(queryByText('Særlige grunner 4. ledd')).toBeTruthy(); @@ -370,10 +404,12 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Særlige grunner som er vektlagt (4.ledd)')).toBeTruthy(); expect(queryByText('Skal særlige grunner gi reduksjon av beløpet?')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(1); @@ -385,24 +421,32 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { }) ).toBeFalsy(); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click( - getByLabelText('Annet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Annet', { + selector: 'input', + }) + ) ); - await user.click( - getByRole('radio', { - name: 'Nei', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Nei', + }) + ) ); expect(getByText('Andel som skal tilbakekreves')).toBeTruthy(); @@ -412,28 +456,34 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByTestId('skalDetTilleggesRenter_Nei')).toBeTruthy(); expect(getByTestId('skalDetTilleggesRenter_Nei')).toBeChecked(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(0); - await user.type( - getByRole('textbox', { - name: 'Begrunnelse: Annet', - }), - 'begrunnelse' + await act(() => + user.type( + getByRole('textbox', { + name: 'Begrunnelse: Annet', + }), + 'begrunnelse' + ) ); - await user.click(getByTestId('skalDetTilleggesRenter_Ja')); + await act(() => user.click(getByTestId('skalDetTilleggesRenter_Ja'))); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -454,34 +504,42 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByText('Aktsomhet')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); expect(queryByText('Aktsomhet')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Forsett', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Forsett', { + selector: 'input', + }) + ) ); expect(getByText('Andel som skal tilbakekreves')).toBeTruthy(); @@ -489,10 +547,12 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Skal det tillegges renter?')).toBeFalsy(); expect(getByText('Det legges til 10 % renter')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -514,73 +574,91 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByText('Aktsomhet')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); expect(queryByText('Aktsomhet')).toBeTruthy(); expect(queryByText('Særlige grunner 4. ledd')).toBeFalsy(); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Grov uaktsomhet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Grov uaktsomhet', { + selector: 'input', + }) + ) ); expect(queryByText('Særlige grunner 4. ledd')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(1); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click( - getByRole('radio', { - name: 'Nei', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Nei', + }) + ) ); expect(getByText('Andel som skal tilbakekreves')).toBeTruthy(); expect(getByText('Skal det tillegges renter?')).toBeTruthy(); expect(getByTestId('skalDetTilleggesRenter_Nei')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(0); - await user.click(getByTestId('skalDetTilleggesRenter_Nei')); + await act(() => user.click(getByTestId('skalDetTilleggesRenter_Nei'))); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -610,14 +688,16 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt')).toBeFalsy(); expect(queryByText('I hvilken grad har mottaker handlet uaktsomt?')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); @@ -630,14 +710,18 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Særlige grunner som er vektlagt (4.ledd)')).toBeFalsy(); expect(queryByText('Skal særlige grunner gi reduksjon av beløpet?')).toBeFalsy(); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Grov uaktsomhet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Grov uaktsomhet', { + selector: 'input', + }) + ) ); expect(queryByText('Særlige grunner 4. ledd')).toBeTruthy(); @@ -647,27 +731,35 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Særlige grunner som er vektlagt (4.ledd)')).toBeTruthy(); expect(queryByText('Skal særlige grunner gi reduksjon av beløpet?')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(1); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click( - getByRole('radio', { - name: 'Ja', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Ja', + }) + ) ); expect(getByText('Angi andel som skal tilbakekreves')).toBeTruthy(); @@ -679,25 +771,31 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { }) ).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(0); - await user.selectOptions( - getByRole('combobox', { - name: 'Angi andel som skal tilbakekreves', - }), - '30' + await act(() => + user.selectOptions( + getByRole('combobox', { + name: 'Angi andel som skal tilbakekreves', + }), + '30' + ) ); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -719,42 +817,54 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByText('Aktsomhet')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt feilaktige opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); expect(queryByText('Aktsomhet')).toBeTruthy(); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Grov uaktsomhet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Grov uaktsomhet', { + selector: 'input', + }) + ) ); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click( - getByRole('radio', { - name: 'Ja', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Ja', + }) + ) ); expect( @@ -763,10 +873,12 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { }) ).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(0); @@ -776,31 +888,39 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { }) ).toBeFalsy(); - await user.selectOptions( - getByRole('combobox', { - name: 'Angi andel som skal tilbakekreves', - }), - 'Egendefinert' + await act(() => + user.selectOptions( + getByRole('combobox', { + name: 'Angi andel som skal tilbakekreves', + }), + 'Egendefinert' + ) ); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); - await user.type( - getByRole('textbox', { - name: 'Angi andel som skal tilbakekreves - fritekst', - }), - '22' + await act(() => + user.type( + getByRole('textbox', { + name: 'Angi andel som skal tilbakekreves - fritekst', + }), + '22' + ) ); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -829,14 +949,16 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByText('Aktsomhet')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt mangelfulle opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt mangelfulle opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); @@ -846,14 +968,18 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { ).toBeFalsy(); expect(queryByText('Særlige grunner 4. ledd')).toBeFalsy(); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Simpel uaktsomhet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Simpel uaktsomhet', { + selector: 'input', + }) + ) ); expect( @@ -861,17 +987,21 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { ).toBeTruthy(); expect(queryByText('Særlige grunner 4. ledd')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); - await user.click( - getByRole('radio', { - name: 'Ja', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Ja', + }) + ) ); expect(queryByText('Særlige grunner 4. ledd')).toBeTruthy(); expect( @@ -880,24 +1010,30 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(queryByText('Særlige grunner som er vektlagt (4.ledd)')).toBeTruthy(); expect(queryByText('Skal særlige grunner gi reduksjon av beløpet?')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(1); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click(getByTestId('harGrunnerTilReduksjon_Ja')); + await act(() => user.click(getByTestId('harGrunnerTilReduksjon_Ja'))); expect(queryByText('Skal det tillegges renter?')).toBeFalsy(); expect( @@ -906,25 +1042,31 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { }) ).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(0); - await user.selectOptions( - getByRole('combobox', { - name: 'Angi andel som skal tilbakekreves', - }), - '30' + await act(() => + user.selectOptions( + getByRole('combobox', { + name: 'Angi andel som skal tilbakekreves', + }), + '30' + ) ); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -946,25 +1088,31 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByText('Aktsomhet')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt mangelfulle opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt mangelfulle opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Simpel uaktsomhet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Simpel uaktsomhet', { + selector: 'input', + }) + ) ); expect( @@ -972,49 +1120,61 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { ).toBeTruthy(); expect(queryByText('Når 6. ledd anvendes må alle perioder behandles likt')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); - await user.click( - getByRole('radio', { - name: 'Ja', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Ja', + }) + ) ); expect(queryByText('Når 6. ledd anvendes må alle perioder behandles likt')).toBeFalsy(); expect(queryByText('Særlige grunner 4. ledd')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(2); expect(queryAllByText('Du må velge minst en særlig grunn')).toHaveLength(1); - await user.type( - getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder særlige grunner du har vektlagt for resultatet'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Graden av uaktsomhet hos den kravet retter seg mot', { + selector: 'input', + }) + ) ); - await user.click(getByTestId('harGrunnerTilReduksjon_Nei')); + await act(() => user.click(getByTestId('harGrunnerTilReduksjon_Nei'))); expect(getByText('Andel som skal tilbakekreves')).toBeTruthy(); expect(getByText('100 %')).toBeTruthy(); expect(queryByText('Skal det tillegges renter?')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); @@ -1035,25 +1195,31 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { expect(getByText('Detaljer for valgt periode')).toBeTruthy(); expect(queryByText('Aktsomhet')).toBeFalsy(); - await user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse'); - await user.click( - getByLabelText( - 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt mangelfulle opplysninger', - { - selector: 'input', - exact: false, - } + await act(() => user.type(getByLabelText('Vilkårene for tilbakekreving'), 'begrunnelse')); + await act(() => + user.click( + getByLabelText( + 'Ja, mottaker har forårsaket feilutbetalingen ved forsett eller uaktsomt gitt mangelfulle opplysninger', + { + selector: 'input', + exact: false, + } + ) ) ); - await user.type( - getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), - 'begrunnelse' + await act(() => + user.type( + getByLabelText('Vurder i hvilken grad mottaker har handlet uaktsomt'), + 'begrunnelse' + ) ); - await user.click( - getByLabelText('Simpel uaktsomhet', { - selector: 'input', - }) + await act(() => + user.click( + getByLabelText('Simpel uaktsomhet', { + selector: 'input', + }) + ) ); expect( @@ -1061,25 +1227,31 @@ describe('Tester: VilkårsvurderingPeriodeSkjema', () => { ).toBeTruthy(); expect(queryByText('Når 6. ledd anvendes må alle perioder behandles likt')).toBeFalsy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(1); - await user.click( - getByRole('radio', { - name: 'Nei', - }) + await act(() => + user.click( + getByRole('radio', { + name: 'Nei', + }) + ) ); expect(queryByText('Når 6. ledd anvendes må alle perioder behandles likt')).toBeTruthy(); - await user.click( - getByRole('button', { - name: 'Bekreft', - }) + await act(() => + user.click( + getByRole('button', { + name: 'Bekreft', + }) + ) ); expect(queryAllByText('Feltet må fylles ut')).toHaveLength(0); }); diff --git a/yarn.lock b/yarn.lock index a7064070..5f050388 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7,10 +7,10 @@ resolved "https://registry.yarnpkg.com/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz#bd9154aec9983f77b3a034ecaa015c2e4201f6cf" integrity sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA== -"@adobe/css-tools@^4.3.1": - version "4.3.2" - resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.3.2.tgz#a6abc715fb6884851fca9dad37fc34739a04fd11" - integrity sha512-DA5a1C0gD/pLOvhv33YMrbf2FK3oUzwNl9oOJqE4XVjuEtt6XIakRcsd7eLiOSPkp1kTRQGICTA8cKra/vFbjw== +"@adobe/css-tools@^4.3.2": + version "4.3.3" + resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.3.3.tgz#90749bde8b89cd41764224f5aac29cd4138f75ff" + integrity sha512-rE0Pygv0sEZ4vBWHlAgJLGDU7Pm8xoO6p3wsEceb7GYAjScrOHpEo8KK/eVkAcnSM+slAEtXjA2JpdjLp4fJQQ== "@ampproject/remapping@^2.1.0", "@ampproject/remapping@^2.2.0": version "2.2.1" @@ -2202,32 +2202,38 @@ lz-string "^1.5.0" pretty-format "^27.0.2" -"@testing-library/jest-dom@^6.1.5": - version "6.1.5" - resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-6.1.5.tgz#0a635d0ad4a1a880089d967299d94e9cfc81fbe1" - integrity sha512-3y04JLW+EceVPy2Em3VwNr95dOKqA8DhR0RJHhHKDZNYXcVXnEK7WIrpj4eYU8SVt/qYZ2aRWt/WgQ+grNES8g== +"@testing-library/dom@^9.3.4": + version "9.3.4" + resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-9.3.4.tgz#50696ec28376926fec0a1bf87d9dbac5e27f60ce" + integrity sha512-FlS4ZWlp97iiNWig0Muq8p+3rVDjRiYE+YKGbAqXOu9nwJFFOdL00kFpz42M+4huzYi86vAK1sOOfyOG45muIQ== dependencies: - "@adobe/css-tools" "^4.3.1" + "@babel/code-frame" "^7.10.4" + "@babel/runtime" "^7.12.5" + "@types/aria-query" "^5.0.1" + aria-query "5.1.3" + chalk "^4.1.0" + dom-accessibility-api "^0.5.9" + lz-string "^1.5.0" + pretty-format "^27.0.2" + +"@testing-library/jest-dom@^6.4.2": + version "6.4.2" + resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-6.4.2.tgz#38949f6b63722900e2d75ba3c6d9bf8cffb3300e" + integrity sha512-CzqH0AFymEMG48CpzXFriYYkOjk6ZGPCLMhW9e9jg3KMCn5OfJecF8GtGW7yGfR/IgCe3SX8BSwjdzI6BBbZLw== + dependencies: + "@adobe/css-tools" "^4.3.2" "@babel/runtime" "^7.9.2" aria-query "^5.0.0" chalk "^3.0.0" css.escape "^1.5.1" - dom-accessibility-api "^0.5.6" + dom-accessibility-api "^0.6.3" lodash "^4.17.15" redent "^3.0.0" -"@testing-library/react-hooks@^8.0.1": - version "8.0.1" - resolved "https://registry.yarnpkg.com/@testing-library/react-hooks/-/react-hooks-8.0.1.tgz#0924bbd5b55e0c0c0502d1754657ada66947ca12" - integrity sha512-Aqhl2IVmLt8IovEVarNDFuJDVWVvhnr9/GCU6UUnrYXwgDFF9h2L2o2P9KBni1AST5sT6riAyoukFLyjQUgD/g== - dependencies: - "@babel/runtime" "^7.12.5" - react-error-boundary "^3.1.0" - -"@testing-library/react@^14.1.0": - version "14.1.0" - resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-14.1.0.tgz#01d64915111db99b50f8361d51d7217606805989" - integrity sha512-hcvfZEEyO0xQoZeHmUbuMs7APJCGELpilL7bY+BaJaMP57aWc6q1etFwScnoZDheYjk4ESdlzPdQ33IbsKAK/A== +"@testing-library/react@^14.2.1": + version "14.2.1" + resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-14.2.1.tgz#bf69aa3f71c36133349976a4a2da3687561d8310" + integrity sha512-sGdjws32ai5TLerhvzThYFbpnF9XtL65Cjf+gB0Dhr29BGqK+mAeN7SURSdu+eqgET4ANcWoC7FQpkaiGvBr+A== dependencies: "@babel/runtime" "^7.12.5" "@testing-library/dom" "^9.0.0" @@ -2315,9 +2321,9 @@ "@types/node" "*" "@types/case-sensitive-paths-webpack-plugin@^2.1.6": - version "2.1.6" - resolved "https://registry.yarnpkg.com/@types/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.1.6.tgz#dece04d6c9ac2209f12b357b8290c8a294e31ef3" - integrity sha512-1bk/krfgJ2bVPUusnmvWHg8Xwr/4I29yFxvZBFi5FZOshQzfcZ7XdutFHpYMs1w5RD319pjJbDk7J2ibWSW6QQ== + version "2.1.9" + resolved "https://registry.yarnpkg.com/@types/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.1.9.tgz#fdde9c2e9ef3fe3fa42721199711fc1c7dff7192" + integrity sha512-PgzPEjX7lmqJh4m717reml5Lkabnxxu4k7EQc78h0zmgoZINbFtM3lPyR6HKr8j+bbWbhZ29ZezH2ICLSHPVzw== dependencies: "@types/webpack" "^4" @@ -2500,6 +2506,13 @@ resolved "https://registry.yarnpkg.com/@types/node/-/node-20.4.9.tgz#c7164e0f8d3f12dfae336af0b1f7fdec8c6b204f" integrity sha512-8e2HYcg7ohnTUbHk8focoklEQYvemQmu9M/f43DZVx43kHn0tE3BY/6gSDxS7k0SprtS0NHvj+L80cGLnoOUcQ== +"@types/node@^20.11.24": + version "20.11.24" + resolved "https://registry.yarnpkg.com/@types/node/-/node-20.11.24.tgz#cc207511104694e84e9fb17f9a0c4c42d4517792" + integrity sha512-Kza43ewS3xoLgCEpQrsT+xRo/EJej1y0kVYGiLFE1NEODXGzTfwiC6tXTLMQskn1X4/Rjlh0MQUvx9W+L9long== + dependencies: + undici-types "~5.26.4" + "@types/passport@^1.0.16": version "1.0.16" resolved "https://registry.yarnpkg.com/@types/passport/-/passport-1.0.16.tgz#5a2918b180a16924c4d75c31254c31cdca5ce6cf" @@ -2529,13 +2542,6 @@ dependencies: "@types/react" "*" -"@types/react-modal@^3.13.1": - version "3.16.0" - resolved "https://registry.yarnpkg.com/@types/react-modal/-/react-modal-3.16.0.tgz#b8d6be10de894139a2ea9f4a2505b1b5d02023df" - integrity sha512-iphdqXAyUfByLbxJn5j6d+yh93dbMgshqGP0IuBeaKbZXx0aO+OXsvEkt6QctRdxjeM9/bR+Gp3h9F9djVWTQQ== - dependencies: - "@types/react" "*" - "@types/react-router-dom@^5.3.3": version "5.3.3" resolved "https://registry.yarnpkg.com/@types/react-router-dom/-/react-router-dom-5.3.3.tgz#e9d6b4a66fcdbd651a5f106c2656a30088cc1e83" @@ -2590,9 +2596,9 @@ "@types/node" "*" "@types/source-list-map@*": - version "0.1.2" - resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9" - integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA== + version "0.1.6" + resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.6.tgz#164e169dd061795b50b83c19e4d3be09f8d3a454" + integrity sha512-5JcVt1u5HDmlXkwOD2nslZVllBBc7HDuOICfiZah2Z0is8M8g+ddAEawbmd3VjedfDHBzxCaXLs07QEmb7y54g== "@types/stack-utils@^2.0.0": version "2.0.1" @@ -2605,9 +2611,9 @@ integrity sha512-36ZrGJ8fgtBr6nwNnuJ9jXIj+bn/pF6UoqmrQT7+Y99+tFFeHHsoR54+194dHdyhPjgbeoNz3Qru0oRt0l6ASQ== "@types/tapable@^1": - version "1.0.8" - resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.8.tgz#b94a4391c85666c7b73299fd3ad79d4faa435310" - integrity sha512-ipixuVrh2OdNmauvtT51o3d8z12p6LtFW9in7U79der/kwejjdNchQC5UMn5u/KxNoM7VHHOs/l8KS8uHxhODQ== + version "1.0.12" + resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.12.tgz#bc2cab12e87978eee89fb21576b670350d6d86ab" + integrity sha512-bTHG8fcxEqv1M9+TD14P8ok8hjxoOCkfKc8XXLaaD05kI7ohpeI956jtDOD3XHKBQrlyPughUtzm1jtVhHpA5Q== "@types/tough-cookie@*": version "4.0.2" @@ -2620,9 +2626,9 @@ integrity sha512-txGIh+0eDFzKGC25zORnswy+br1Ha7hj5cMVwKIU7+s0U2AxxJru/jZSMU6OC9MJWP6+pc/hc6ZjyZShpsyY2g== "@types/uglify-js@*": - version "3.17.1" - resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.17.1.tgz#e0ffcef756476410e5bce2cb01384ed878a195b5" - integrity sha512-GkewRA4i5oXacU/n4MA9+bLgt5/L3F1mKrYvFGm7r2ouLXhRKjuWwo9XHNnbx6WF3vlGW21S3fCvgqxvxXXc5g== + version "3.17.5" + resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.17.5.tgz#905ce03a3cbbf2e31cbefcbc68d15497ee2e17df" + integrity sha512-TU+fZFBTBcXj/GpDpDaBmgWk/gn96kMZ+uocaFUlV2f8a6WdMzzI44QBCmGcCiYR0Y6ZlNRiyUyKKt5nl/lbzQ== dependencies: source-map "^0.6.1" @@ -2646,18 +2652,18 @@ webpack "^5" "@types/webpack-sources@*": - version "3.2.0" - resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-3.2.0.tgz#16d759ba096c289034b26553d2df1bf45248d38b" - integrity sha512-Ft7YH3lEVRQ6ls8k4Ff1oB4jN6oy/XmU6tQISKdhfh+1mR+viZFphS6WL0IrtDOzvefmJg5a0s7ZQoRXwqTEFg== + version "3.2.3" + resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-3.2.3.tgz#b667bd13e9fa15a9c26603dce502c7985418c3d8" + integrity sha512-4nZOdMwSPHZ4pTEZzSp0AsTM4K7Qmu40UKW4tJDiOVs20UzYF9l+qUe4s0ftfN0pin06n+5cWWDJXH+sbhAiDw== dependencies: "@types/node" "*" "@types/source-list-map" "*" source-map "^0.7.3" "@types/webpack@^4": - version "4.41.33" - resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.33.tgz#16164845a5be6a306bcbe554a8e67f9cac215ffc" - integrity sha512-PPajH64Ft2vWevkerISMtnZ8rTs4YmRbs+23c402J0INmxDKCrhZNvwZYtzx96gY2wAtXdrK1BS2fiC8MlLr3g== + version "4.41.38" + resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.38.tgz#5a40ac81bdd052bf405e8bdcf3e1236f6db6dc26" + integrity sha512-oOW7E931XJU1mVfCnxCVgv8GLFL768pDO5u2Gzk82i8yTIgX6i7cntyZOkZYb/JtYM8252SN9bQp9tgkVDSsRw== dependencies: "@types/node" "*" "@types/tapable" "^1" @@ -3331,15 +3337,6 @@ babel-plugin-polyfill-regenerator@^0.5.5: dependencies: "@babel/helper-define-polyfill-provider" "^0.5.0" -babel-polyfill@^6.26.0: - version "6.26.0" - resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153" - integrity sha512-F2rZGQnAdaHWQ8YAoeRbukc7HS9QgdgeyJ0rQDd485v9opwuPvjpPFcOOT/WmkKTdgy9ESgSPXDcTNpzrGr6iQ== - dependencies: - babel-runtime "^6.26.0" - core-js "^2.5.0" - regenerator-runtime "^0.10.5" - babel-preset-current-node-syntax@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b" @@ -3366,14 +3363,6 @@ babel-preset-jest@^29.5.0: babel-plugin-jest-hoist "^29.5.0" babel-preset-current-node-syntax "^1.0.0" -babel-runtime@^6.26.0: - version "6.26.0" - resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe" - integrity sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g== - dependencies: - core-js "^2.4.0" - regenerator-runtime "^0.11.0" - balanced-match@^1.0.0: version "1.0.2" resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee" @@ -3883,11 +3872,6 @@ core-js-pure@^3.23.3: resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.32.0.tgz#5d79f85da7a4373e9a06494ccbef995a4c639f8b" integrity sha512-qsev1H+dTNYpDUEURRuOXMvpdtAnNEvQWS/FMJ2Vb5AY8ZP4rAPQldkE27joykZPJTe0+IVgHZYh1P5Xu1/i1g== -core-js@^2.4.0, core-js@^2.5.0: - version "2.6.12" - resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec" - integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ== - country-data-list@^1.2.2: version "1.3.0" resolved "https://registry.yarnpkg.com/country-data-list/-/country-data-list-1.3.0.tgz#e95d52c01bf6ee0475cc48d4c13fc112626c8d01" @@ -4310,11 +4294,16 @@ doctrine@^3.0.0: dependencies: esutils "^2.0.2" -dom-accessibility-api@^0.5.6, dom-accessibility-api@^0.5.9: +dom-accessibility-api@^0.5.9: version "0.5.16" resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz#5a7429e6066eb3664d911e33fb0e45de8eb08453" integrity sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg== +dom-accessibility-api@^0.6.3: + version "0.6.3" + resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz#993e925cc1d73f2c662e7d75dd5a5445259a8fd8" + integrity sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w== + dom-converter@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768" @@ -4447,7 +4436,7 @@ encodeurl@~1.0.2: resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59" integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w== -enhanced-resolve@^5.0.0, enhanced-resolve@^5.15.0, enhanced-resolve@^5.7.0: +enhanced-resolve@^5.15.0: version "5.15.0" resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz#1af946c7d93603eb88e9896cee4904dc012e9c35" integrity sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg== @@ -4959,11 +4948,6 @@ execa@^5.0.0: signal-exit "^3.0.3" strip-final-newline "^2.0.0" -exenv@^1.2.0: - version "1.2.2" - resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d" - integrity sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw== - exit@^0.1.2: version "0.1.2" resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c" @@ -6570,7 +6554,7 @@ json5@^1.0.2: dependencies: minimist "^1.2.0" -json5@^2.1.2, json5@^2.2.1, json5@^2.2.2, json5@^2.2.3: +json5@^2.1.2, json5@^2.2.1, json5@^2.2.3: version "2.2.3" resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283" integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg== @@ -6773,7 +6757,7 @@ logform@^2.3.2, logform@^2.4.0: safe-stable-stringify "^2.3.1" triple-beam "^1.3.0" -loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0: +loose-envify@^1.1.0: version "1.4.0" resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf" integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q== @@ -6887,7 +6871,7 @@ methods@~1.1.2: resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee" integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w== -micromatch@4.0.5, micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5: +micromatch@4.0.5, micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5: version "4.0.5" resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6" integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA== @@ -7087,11 +7071,6 @@ nwsapi@^2.2.2: resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.7.tgz#738e0707d3128cb750dddcfe90e4610482df0f30" integrity sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ== -object-assign@^4.1.1: - version "4.1.1" - resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" - integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg== - object-hash@^2.2.0: version "2.2.0" resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.2.0.tgz#5ad518581eefc443bd763472b8ff2e9c2c0d54a5" @@ -7765,15 +7744,6 @@ prompts@^2.0.1: kleur "^3.0.3" sisteransi "^1.0.5" -prop-types@^15.7.2, prop-types@^15.8.1: - version "15.8.1" - resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5" - integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg== - dependencies: - loose-envify "^1.4.0" - object-assign "^4.1.1" - react-is "^16.13.1" - proxy-addr@~2.0.7: version "2.0.7" resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025" @@ -7891,18 +7861,6 @@ react-dom@^18.2.0: loose-envify "^1.1.0" scheduler "^0.23.0" -react-error-boundary@^3.1.0: - version "3.1.4" - resolved "https://registry.yarnpkg.com/react-error-boundary/-/react-error-boundary-3.1.4.tgz#255db92b23197108757a888b01e5b729919abde0" - integrity sha512-uM9uPzZJTF6wRQORmSrvOIgt4lJ9MC1sNgEOj2XGsDTRE4kmpWxg7ENK9EWNKJRMAOY9z0MuF4yIfl6gp4sotA== - dependencies: - "@babel/runtime" "^7.12.5" - -react-is@^16.13.1: - version "16.13.1" - resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4" - integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== - react-is@^17.0.1: version "17.0.2" resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0" @@ -7913,21 +7871,6 @@ react-is@^18.0.0: resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b" integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w== -react-lifecycles-compat@^3.0.0: - version "3.0.4" - resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362" - integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA== - -react-modal@3.16.x: - version "3.16.1" - resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-3.16.1.tgz#34018528fc206561b1a5467fc3beeaddafb39b2b" - integrity sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg== - dependencies: - exenv "^1.2.0" - prop-types "^15.7.2" - react-lifecycles-compat "^3.0.0" - warning "^4.0.3" - react-refresh@^0.14.0: version "0.14.0" resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.14.0.tgz#4e02825378a5f227079554d4284889354e5f553e" @@ -8023,16 +7966,6 @@ regenerate@^1.4.2: resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a" integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A== -regenerator-runtime@^0.10.5: - version "0.10.5" - resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658" - integrity sha512-02YopEIhAgiBHWeoTiA8aitHDt8z6w+rQqNuIftlM+ZtvSl/brTouaU7DW6GO/cHtvxJvS4Hwv2ibKdxIRi24w== - -regenerator-runtime@^0.11.0: - version "0.11.1" - resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9" - integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg== - regenerator-runtime@^0.14.0: version "0.14.0" resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz#5e19d68eb12d486f797e15a3c6a918f7cec5eb45" @@ -8283,7 +8216,7 @@ semver@^6.3.0, semver@^6.3.1: resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4" integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA== -semver@^7.3.4, semver@^7.3.8, semver@^7.5.3, semver@^7.5.4: +semver@^7.3.8, semver@^7.5.3, semver@^7.5.4: version "7.5.4" resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e" integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA== @@ -8836,16 +8769,6 @@ ts-jest@^29.1.1: semver "^7.5.3" yargs-parser "^21.0.1" -ts-loader@^9.4.4: - version "9.4.4" - resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.4.4.tgz#6ceaf4d58dcc6979f84125335904920884b7cee4" - integrity sha512-MLukxDHBl8OJ5Dk3y69IsKVFRA/6MwzEqBgh+OXMPB/OD01KQuWPFd1WAQP8a5PeSCAxfnkhiuWqfmFJzJQt9w== - dependencies: - chalk "^4.1.0" - enhanced-resolve "^5.0.0" - micromatch "^4.0.0" - semver "^7.3.4" - ts-node@^10.9.1: version "10.9.1" resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-10.9.1.tgz#e73de9102958af9e1f0b168a6ff320e25adcff4b" @@ -8865,15 +8788,6 @@ ts-node@^10.9.1: v8-compile-cache-lib "^3.0.1" yn "3.1.1" -tsconfig-paths-webpack-plugin@^4.0.1: - version "4.1.0" - resolved "https://registry.yarnpkg.com/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-4.1.0.tgz#3c6892c5e7319c146eee1e7302ed9e6f2be4f763" - integrity sha512-xWFISjviPydmtmgeUAuXp4N1fky+VCtfhOkDUFIv5ea7p4wuTomI4QTrXvFBX2S4jZsmyTSrStQl+E+4w+RzxA== - dependencies: - chalk "^4.1.0" - enhanced-resolve "^5.7.0" - tsconfig-paths "^4.1.2" - tsconfig-paths@^3.15.0: version "3.15.0" resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4" @@ -8884,15 +8798,6 @@ tsconfig-paths@^3.15.0: minimist "^1.2.6" strip-bom "^3.0.0" -tsconfig-paths@^4.1.2: - version "4.2.0" - resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz#ef78e19039133446d244beac0fd6a1632e2d107c" - integrity sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg== - dependencies: - json5 "^2.2.2" - minimist "^1.2.6" - strip-bom "^3.0.0" - tslib@^2.0.0, tslib@^2.0.3, tslib@^2.3.0, tslib@^2.4.0, tslib@^2.5.0, tslib@^2.6.1, tslib@^2.6.2: version "2.6.2" resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae" @@ -9038,6 +8943,11 @@ unbox-primitive@^1.0.2: has-symbols "^1.0.3" which-boxed-primitive "^1.0.2" +undici-types@~5.26.4: + version "5.26.5" + resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617" + integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA== + unicode-canonical-property-names-ecmascript@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc" @@ -9157,13 +9067,6 @@ walker@^1.0.8: dependencies: makeerror "1.0.12" -warning@^4.0.3: - version "4.0.3" - resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3" - integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w== - dependencies: - loose-envify "^1.0.0" - watchpack@^2.4.0: version "2.4.0" resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"