Skip to content

Commit 38bcc13

Browse files
frodehansen2frodehansen2
committed
Tekstjusteringer
1 parent 811590f commit 38bcc13

15 files changed

+119
-101
lines changed

‎apps/omsorgspengerutbetaling-soknad/api-mock/mock-server.cjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ const busboyCons = require('busboy');
77

88
require('dotenv').config();
99

10-
const barnMock = require('./mock-data/tre-barn-under-13.json');
10+
const barnMock = require('./mock-data/ett-eller-to-barn-under-13.json');
1111
const søkerMock = require('./mock-data/soker.json');
1212

1313
const server = express();

‎apps/omsorgspengerutbetaling-soknad/e2e/playwright/tests/test-dine-barn.spec.ts

+1-8
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ const startScenario = async (page: Page, barnMockData: any) => {
2929
const svarUtils = (page: Page) => ({
3030
harSøktOmEkstraDager: async (harSøkt: boolean) => {
3131
await page
32-
.getByRole('group', { name: 'kronisk sykt' })
32+
.getByRole('group', { name: 'Har du fått ekstra omsorgsdager for et barn' })
3333
.getByLabel(harSøkt ? 'Ja' : 'Nei')
3434
.click();
3535
},
@@ -56,21 +56,14 @@ test.describe('Tester varianter av Dine barn steg', () => {
5656
await utfyllingUtils.startSøknad(page);
5757

5858
await svarUtils(page).harSøktOmEkstraDager(true);
59-
60-
const melding = await page.locator('.navds-alert', { hasText: 'må du dekke de 10 første omsorgsdagene' });
61-
await expect(melding).toBeVisible();
6259
});
6360
test('Tre barn under 13 år', async ({ page }) => {
6461
await startScenario(page, playwrightApiMockData.barnMock.treBarnUnder13);
6562
await utfyllingUtils.startSøknad(page);
66-
const melding = await page.locator('.navds-alert', { hasText: 'må du dekke de 10 første omsorgsdagene' });
67-
await expect(melding).toBeVisible();
6863
});
6964
test('Tre barn under 13 år, ett over', async ({ page }) => {
7065
await startScenario(page, playwrightApiMockData.barnMock.treBarnUnder13);
7166
await utfyllingUtils.startSøknad(page);
72-
const melding = await page.locator('.navds-alert', { hasText: 'må du dekke de 10 første omsorgsdagene' });
73-
await expect(melding).toBeVisible();
7467
});
7568
test('Ett barn over og ett under 13 år - ikke søkt men har aleneomsorg', async ({ page }) => {
7669
await startScenario(page, playwrightApiMockData.barnMock.ettOverOgEttUnder13);

‎apps/omsorgspengerutbetaling-soknad/e2e/playwright/utils/utfyllingUtils.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ const startSøknad = async (page: Page) => {
4444

4545
const fyllUtOmBarnfyllUtOmBarnToUnder13år = async (page: Page) => {
4646
await page.getByRole('heading', { name: 'Om barn' });
47-
await page.getByRole('group', { name: 'Har du søkt om eller fått ekstra' }).getByLabel('Ja').click();
47+
await page.getByRole('group', { name: 'Har du fått ekstra omsorgsdager for et barn' }).getByLabel('Ja').click();
4848
await page.getByRole('group', { name: 'Har du dekket de 10 første omsorgsdagene i år?' }).getByLabel('Ja').click();
4949
await page.getByTestId('typedFormikForm-submitButton').click();
5050
};

‎apps/omsorgspengerutbetaling-soknad/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -65,6 +65,7 @@
6565
"@types/react-dom": "18.2.18",
6666
"@types/react-router-dom": "5.3.3",
6767
"babel-polyfill": "6.26.0",
68+
"chromatic": "10.7.1",
6869
"cross-env": "7.0.3",
6970
"eslint-plugin-storybook": "^0.6.15",
7071
"express-rate-limit": "7.1.5",
@@ -78,6 +79,7 @@
7879
"scripts": {
7980
"build": "vite build --base=/familie/sykdom-i-familien/soknad/omsorgspengerutbetaling",
8081
"build-storybook": "storybook build",
82+
"chromatic": "npx chromatic --project-token=chpt_8062a1949f480d1",
8183
"clean": "rm -rf node_modules .dist",
8284
"playwright-test": "playwright test",
8385
"dev-api": "PORT=8089 node ./api-mock/mock-server.cjs",

‎apps/omsorgspengerutbetaling-soknad/src/app/søknad/steps/arbeidssituasjon/form-parts/SelvstendigNæringsdrivendeFormPart.tsx

-2
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,6 @@ const SelvstendigNæringsdrivendeFormPart: React.FC<Props> = ({ values }) => {
3131
const erSelvstendigNæringsdrivende = selvstendig_erSelvstendigNæringsdrivende === YesOrNo.YES;
3232
const harFlereVirksomheter = erSelvstendigNæringsdrivende && selvstendig_harFlereVirksomheter === YesOrNo.YES;
3333

34-
//TODO useEffect(() => { (virksomhetChanged
35-
3634
return (
3735
<>
3836
<YesOrNoQuestion

‎apps/omsorgspengerutbetaling-soknad/src/app/søknad/steps/dine-barn/dineBarnMessages.ts

+24-8
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,15 @@ export const dineBarnMessages: MessageFileFormat = {
55
'step.dineBarn.nextButtonLabel': 'Fortsett',
66
'step.dineBarn.intro.1':
77
'Når du ser selvstendig næringsdrivende eller frilanser, må du som hovedregel selv dekke de 10 første omsorgsdagene du bruker hvert kalenderår. Du kan altså ha rett til utbetaling av omsorgspenger fra den 11. dagen per kalenderår. ',
8-
'step.dineBarn.intro.info.tittel': 'Hvem har rett på omsorgspenger fra 1. fraværsdag?',
9-
'step.dineBarn.intro.info.tekst': '[TODO]',
8+
'step.dineBarn.intro.info.tittel': 'Barn og rett til omsorgspenger fra NAV',
9+
'step.dineBarn.intro.info.barnUnder13.tittel': 'Barn under 13',
10+
'step.dineBarn.intro.info.barnUnder13.tekst':
11+
'Selvstendig næringsdrivende og frilansere må som hovedregel selv dekke 10 omsorgsdager hvert kalenderår. Hvis du har rett til mer enn 10 omsorgsdager, kan du søke om utbetaling fra NAV fra den 11. dagen du er hjemme med sykt barn.',
12+
'step.dineBarn.intro.info.barnOver13.tittel': 'Barn over 13',
13+
'step.dineBarn.intro.info.barnOver13.tekst.1':
14+
'Retten til omsorgsdager varer som hovedregel til og med det kalenderåret barnet fyller 12 år.',
15+
'step.dineBarn.intro.info.barnOver13.tekst.2':
16+
'I noen tilfeller kan du få omsorgspenger ut året barnet fyller 18 år. Dette gjelder når du har fått ekstra omsorgsdager, på grunn av sykdom hos barnet. Du kan da søke om utbetaling fra første dag du er hjemme med sykt barn.',
1017

1118
'step.dineBarn.seksjonsTittel': 'Dine barn',
1219
'step.dineBarn.født': 'Født {dato}',
@@ -17,12 +24,21 @@ export const dineBarnMessages: MessageFileFormat = {
1724
'step.dineBarn.annetBarnListAndDialog.modalTitle': 'Legg til barn',
1825

1926
'step.dineBarn.utvidetRettSykdom.spm':
20-
'Har du søkt om eller fått ekstra omsorgsdager fordi du har barn som er kronisk sykt, funksjonshemmet eller langvarig sykt?',
21-
'step.dineBarn.utvidetRettSykdom.spm.ettBarn':
22-
'Har du søkt om eller fått ekstra omsorgsdager fordi barnet er kronisk sykt, funksjonshemmet eller langvarig sykt?',
23-
24-
'step.dineBarn.utvidetRettAleneomsorg.spm':
25-
'Har du søkt om ekstra omsorgsdager fordi du er alene om omsorgen for ett eller flere barn?',
27+
'Har du fått ekstra omsorgsdager for et barn som har en sykdom eller funksjonshemning som gjør at du oftere må være borte fra jobb?',
28+
'step.dineBarn.utvidetRettSykdom.info.tittel': 'Hva betyr dette?',
29+
'step.dineBarn.utvidetRettSykdom.info.1':
30+
'Hvis barnet har en kronisk/langvarig sykdom eller funksjonshemning som gir høyere risiko for at du må være borte fra jobb, kan du ha rett til ekstra omsorgsdager. Du vil da ha rett til omsorgsdager ut året barnet fyller 18 år.',
31+
'step.dineBarn.utvidetRettSykdom.info.2':
32+
'Du svarer ja hvis du har fått vedtak fra NAV om ekstra omsorgsdager på grunn av sykdom. Hvis du har sendt inn søknad og venter på svar, skal du også svare ja på dette spørsmålet. ',
33+
34+
'step.dineBarn.utvidetRettAleneomsorg.spm': 'Har du fått ekstra omsorgsdager fordi du er alene om omsorgen?',
35+
'step.dineBarn.utvidetRettAleneomsorg.info.tittel': 'Hva betyr dette?',
36+
'step.dineBarn.utvidetRettAleneomsorg.info.tekst.1':
37+
'Du er alene om omsorgen hvis barnet bor fast hos deg, og du ikke bor sammen med den andre forelderen. Hvis du og den andre forelderen har en avtale om delt fast bosted, er du ikke alene om omsorgen for barnet. ',
38+
'step.dineBarn.utvidetRettAleneomsorg.info.tekst.2':
39+
'Du kan også regnes som alene om omsorgen hvis den andre forelderen ikke kan ha tilsyn med barnet i minst 6 måneder, for eksempel på grunn av egen sykdom eller fengselsopphold. ',
40+
'step.dineBarn.utvidetRettAleneomsorg.info.tekst.3':
41+
'Du kan svare ja på dette spørsmålet hvis du har fått vedtak fra NAV om ekstra omsorgsdager på grunn av aleneomsorg. Hvis du har sendt inn søknad og venter på svar, skal du også svare ja på dette spørsmålet.',
2642

2743
'step.dineBarn.utvidetRettSykdom.nei.alertStripe':
2844
'Når du kun har barn som er 13 år i år eller eldre, må du ha søkt om eller fått ekstra omsorgsdager for å kunne søke om utbetaling.',

‎apps/omsorgspengerutbetaling-soknad/src/app/søknad/steps/dine-barn/parts/DineBarnStepIntro.tsx

+16-1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@ import { FormattedMessage, useIntl } from 'react-intl';
22
import SifGuidePanel from '@navikt/sif-common-core-ds/src/components/sif-guide-panel/SifGuidePanel';
33
import ExpandableInfo from '@navikt/sif-common-core-ds/src/components/expandable-info/ExpandableInfo';
44
import intlHelper from '@navikt/sif-common-core-ds/src/utils/intlUtils';
5+
import { Heading } from '@navikt/ds-react';
6+
import Block from '@navikt/sif-common-core-ds/src/atoms/block/Block';
57

68
const DineBarnStepIntro = () => {
79
const intl = useIntl();
@@ -11,7 +13,20 @@ const DineBarnStepIntro = () => {
1113
<FormattedMessage id="step.dineBarn.intro.1" />
1214
</p>
1315
<ExpandableInfo title={intlHelper(intl, 'step.dineBarn.intro.info.tittel')}>
14-
<FormattedMessage id="step.dineBarn.intro.info.tekst" />
16+
<Block>
17+
<Heading level="4" size="xsmall" spacing={true}>
18+
<FormattedMessage id="step.dineBarn.intro.info.barnUnder13.tittel" />
19+
</Heading>
20+
<FormattedMessage id="step.dineBarn.intro.info.barnUnder13.tekst" />
21+
</Block>
22+
<Block>
23+
<Heading level="4" size="xsmall" spacing={true}>
24+
<FormattedMessage id="step.dineBarn.intro.info.barnOver13.tittel" />
25+
</Heading>
26+
<FormattedMessage id="step.dineBarn.intro.info.barnOver13.tekst.1" />
27+
<br />
28+
<FormattedMessage id="step.dineBarn.intro.info.barnOver13.tekst.2" />
29+
</Block>
1530
</ExpandableInfo>
1631
</SifGuidePanel>
1732
);

‎apps/omsorgspengerutbetaling-soknad/src/app/søknad/steps/dine-barn/scenario/DineBarnScenarioer.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,6 @@ const DineBarnScenarioer: React.FunctionComponent<Props> = ({ registrerteBarn, f
2222
case DineBarnScenario.ETT_ELLER_TO_UNDER_13:
2323
return (
2424
<EttEllerToBarnUnder13
25-
antallBarn={barnAlderInfo.under13}
2625
harAleneomsorg={harAleneomsorg}
2726
harSyktBarn={harSyktBarn}
2827
harUtvidetRett={harUtvidetRett}

‎apps/omsorgspengerutbetaling-soknad/src/app/søknad/steps/dine-barn/scenario/EttEllerToBarnUnder13.tsx

+20-30
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,43 @@
1-
import { Alert } from '@navikt/ds-react';
1+
import { Alert, Heading } from '@navikt/ds-react';
22
import React from 'react';
33
import { yesOrNoIsAnswered } from '@navikt/sif-common-core-ds/src/utils/yesOrNoUtils';
44
import { YesOrNo } from '@navikt/sif-common-formik-ds';
55
import HarAleneomsorgSpørsmål from '../spørsmål/HarAleneomsorgSpørsmål';
66
import HarSyktBarnSpørsmål from '../spørsmål/HarSyktBarnSpørsmål';
77
import HarDekketTiFørsteDagerSelvSpørsmål from '../spørsmål/HarDekketTiFørsteDagerSelvSpørsmål';
8+
import FormBlock from '@navikt/sif-common-core-ds/src/atoms/form-block/FormBlock';
89

910
interface Props {
10-
antallBarn: number;
1111
harSyktBarn?: YesOrNo;
1212
harAleneomsorg?: YesOrNo;
1313
harUtvidetRett: boolean;
1414
}
1515

16-
const EttEllerToBarnUnder13: React.FunctionComponent<Props> = ({
17-
antallBarn,
18-
harSyktBarn,
19-
harAleneomsorg,
20-
harUtvidetRett,
21-
}) => {
16+
const EttEllerToBarnUnder13: React.FunctionComponent<Props> = ({ harSyktBarn, harAleneomsorg, harUtvidetRett }) => {
2217
const harBesvartAlleSpørsmål =
2318
harSyktBarn === YesOrNo.YES || (yesOrNoIsAnswered(harSyktBarn) && yesOrNoIsAnswered(harAleneomsorg));
2419

2520
return (
2621
<>
27-
<HarSyktBarnSpørsmål antallBarn={antallBarn} />
22+
<HarSyktBarnSpørsmål />
2823
{harSyktBarn === YesOrNo.NO && <HarAleneomsorgSpørsmål />}
2924

30-
{harBesvartAlleSpørsmål && (
31-
<HarDekketTiFørsteDagerSelvSpørsmål
32-
harUtvidetRett={harUtvidetRett}
33-
info={
34-
harUtvidetRett ? (
35-
<Alert variant="info">
36-
Når du har barn som har fylt 12 år i år, eller er yngre, må du dekke de 10 første
37-
omsorgsdagene du bruker hvert kalenderår. Du kan søke om utbetaling fra NAV fra den 11.
38-
dagen.
39-
</Alert>
40-
) : (
41-
<Alert variant="warning">
42-
Basert på svarene dine har du rett på 10 omsorgsdager, som du som selvstendig
43-
næringsdrivende eller frilanser må dekke selv. For å få dekket omsorgsdager ut over 10
44-
dager, må du ha søkt om ekstra omsorgsdager fordi du er alene om omsorgen eller du har
45-
barn med en kronisk/langvarig sykdom eller en funksjonshemning.
46-
</Alert>
47-
)
48-
}
49-
/>
50-
)}
25+
{harBesvartAlleSpørsmål && harUtvidetRett === false ? (
26+
<FormBlock>
27+
<Heading level="3" size="small" spacing={true}>
28+
Du må selv dekke omsorgsdagene dine
29+
</Heading>
30+
<Alert variant="warning">
31+
Ut fra svarene dine har du ikke omsorg for mer enn to barn, og du har ikke ekstra omsorgsdager
32+
fra NAV. Du har da rett til 10 omsorgsdager.{' '}
33+
<p>
34+
Fordi du er selvstendig næringsdrivende eller frilanser, må du selv dekke disse 10
35+
omsorgsdagene.
36+
</p>
37+
</Alert>
38+
</FormBlock>
39+
) : null}
40+
{harBesvartAlleSpørsmål && harUtvidetRett === true ? <HarDekketTiFørsteDagerSelvSpørsmål /> : null}
5141
</>
5242
);
5343
};

‎apps/omsorgspengerutbetaling-soknad/src/app/søknad/steps/dine-barn/scenario/KunBarnOver13.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@ interface Props {
1111
harUtvidetRett: boolean;
1212
}
1313

14-
const KunBarnOver13: React.FunctionComponent<Props> = ({ antallBarn, harSyktBarn, harUtvidetRett }) => {
14+
const KunBarnOver13: React.FunctionComponent<Props> = ({ harSyktBarn, harUtvidetRett }) => {
1515
return (
1616
<>
17-
<HarSyktBarnSpørsmål antallBarn={antallBarn} />
17+
<HarSyktBarnSpørsmål />
1818

1919
{yesOrNoIsAnswered(harSyktBarn) && (
2020
<Block>

‎apps/omsorgspengerutbetaling-soknad/src/app/søknad/steps/dine-barn/scenario/TreEllerFlereBarnUnder13.tsx

+11-10
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,20 @@
1-
import { Alert } from '@navikt/ds-react';
1+
import { Alert, Heading } from '@navikt/ds-react';
22
import React from 'react';
3-
import HarDekketTiFørsteDagerSelvSpørsmål from '../spørsmål/HarDekketTiFørsteDagerSelvSpørsmål';
3+
import FormBlock from '@navikt/sif-common-core-ds/src/atoms/form-block/FormBlock';
44

55
interface Props {}
66

77
const TreEllerFlereBarnUnder13: React.FunctionComponent<Props> = ({}) => {
88
return (
9-
<HarDekketTiFørsteDagerSelvSpørsmål
10-
info={
11-
<Alert variant="info">
12-
Når du har barn som har fylt 12 år i år, eller er yngre, må du dekke de 10 første omsorgsdagene du
13-
bruker hvert kalenderår. Du kan søke om utbetaling fra NAV fra den 11. dagen.
14-
</Alert>
15-
}
16-
/>
9+
<FormBlock>
10+
<Heading level="3" size="small" spacing={true}>
11+
Du må selv dekke omsorgsdagene dine
12+
</Heading>
13+
<Alert variant="info">
14+
Når du har barn som har fylt 12 år i år, eller er yngre, må du dekke de 10 første omsorgsdagene du
15+
bruker hvert kalenderår. Du kan søke om utbetaling fra NAV fra den 11. dagen.
16+
</Alert>
17+
</FormBlock>
1718
);
1819
};
1920

‎apps/omsorgspengerutbetaling-soknad/src/app/søknad/steps/dine-barn/spørsmål/HarAleneomsorgSpørsmål.tsx

+14-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from 'react';
2-
import { useIntl } from 'react-intl';
2+
import { FormattedMessage, useIntl } from 'react-intl';
33
import FormBlock from '@navikt/sif-common-core-ds/src/atoms/form-block/FormBlock';
44
import intlHelper from '@navikt/sif-common-core-ds/src/utils/intlUtils';
55
import { FormikYesOrNoQuestion } from '@navikt/sif-common-formik-ds';
@@ -17,7 +17,19 @@ const HarAleneomsorgSpørsmål: React.FunctionComponent<Props> = () => {
1717
name={DineBarnFormFields.harAleneomsorg}
1818
legend={intlHelper(intl, 'step.dineBarn.utvidetRettAleneomsorg.spm')}
1919
validate={getYesOrNoValidator()}
20-
description={<ExpandableInfo title="Hva betyr dette?">TODO</ExpandableInfo>}
20+
description={
21+
<ExpandableInfo title={intlHelper(intl, 'step.dineBarn.utvidetRettAleneomsorg.info.tittel')}>
22+
<p>
23+
<FormattedMessage id="step.dineBarn.utvidetRettAleneomsorg.info.tekst.1" />
24+
</p>
25+
<p>
26+
<FormattedMessage id="step.dineBarn.utvidetRettAleneomsorg.info.tekst.2" />
27+
</p>
28+
<p>
29+
<FormattedMessage id="step.dineBarn.utvidetRettAleneomsorg.info.tekst.3" />
30+
</p>
31+
</ExpandableInfo>
32+
}
2133
/>
2234
</FormBlock>
2335
);

‎apps/omsorgspengerutbetaling-soknad/src/app/søknad/steps/dine-barn/spørsmål/HarDekketTiFørsteDagerSelvSpørsmål.tsx

+13-23
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,27 @@
1-
import { Heading } from '@navikt/ds-react';
21
import React from 'react';
32
import { useIntl } from 'react-intl';
4-
import Block from '@navikt/sif-common-core-ds/src/atoms/block/Block';
53
import FormBlock from '@navikt/sif-common-core-ds/src/atoms/form-block/FormBlock';
64
import intlHelper from '@navikt/sif-common-core-ds/src/utils/intlUtils';
75
import { FormikYesOrNoQuestion } from '@navikt/sif-common-formik-ds';
86
import { getYesOrNoValidator } from '@navikt/sif-common-formik-ds/src/validation';
97
import { DineBarnFormFields } from '../DineBarnStep';
8+
import ExpandableInfo from '@navikt/sif-common-core-ds/src/components/expandable-info/ExpandableInfo';
109

11-
interface Props {
12-
info?: React.ReactNode;
13-
harUtvidetRett?: boolean;
14-
}
15-
16-
const HarDekketTiFørsteDagerSelvSpørsmål: React.FunctionComponent<Props> = ({ info, harUtvidetRett }) => {
10+
const HarDekketTiFørsteDagerSelvSpørsmål: React.FunctionComponent = () => {
1711
const intl = useIntl();
1812
return (
1913
<FormBlock>
20-
<Heading level="3" size="small">
21-
Omsorgsdager du må dekke selv
22-
</Heading>
23-
24-
{info ? <Block>{info}</Block> : null}
25-
26-
{harUtvidetRett ? (
27-
<FormBlock>
28-
<FormikYesOrNoQuestion
29-
legend={intlHelper(intl, 'step.dineBarn.bekrefterDektTiDagerSelv.spm')}
30-
name={DineBarnFormFields.harDekketTiFørsteDagerSelv}
31-
validate={getYesOrNoValidator()}
32-
/>
33-
</FormBlock>
34-
) : null}
14+
<FormikYesOrNoQuestion
15+
legend={intlHelper(intl, 'step.dineBarn.bekrefterDektTiDagerSelv.spm')}
16+
name={DineBarnFormFields.harDekketTiFørsteDagerSelv}
17+
validate={getYesOrNoValidator()}
18+
description={
19+
<ExpandableInfo title="Hvorfor spør vi om dette?">
20+
Du skal dekke de første 10 omsorgsdagene til og med det kalenderåret det yngste barnet ditt
21+
fyller 12 år.
22+
</ExpandableInfo>
23+
}
24+
/>
3525
</FormBlock>
3626
);
3727
};

0 commit comments

Comments
 (0)