Lag tester i cypress for å verifisere at det fungerer

navikt · Sep 6, 2024 · de1ed43 · de1ed43
1 parent f6d40bb
commit de1ed43
Show file tree

Hide file tree

Showing 5 changed files with 90 additions and 14 deletions.
diff --git a/apps/omstillingsstoenad-ui/cypress/e2e/enkel_soeknadsflyt.cy.js b/apps/omstillingsstoenad-ui/cypress/e2e/enkel_soeknadsflyt.cy.js
@@ -130,33 +130,74 @@ describe('Skal gå igjennom hele søknaden uten feil', () => {
         selectValue(merOmSituasjonenDin.jobbStatus)
 
         merOmSituasjonenDin.arbeidsforhold.map((arbeid, idx) => {
+            const midlertidigAnsatt = idx === 0
+
+            if (!midlertidigAnsatt) cy.get('[data-testid=legg-til-arbeidsforhold-knapp]').click()
+
             const baseId = `arbeidsforhold\[${idx}\].`
 
             getById(baseId + 'arbeidsgiver').type(arbeid.arbeidsgiver)
 
             selectValueForId(baseId + 'ansettelsesforhold', arbeid.ansettelsesforhold)
 
-            getById(baseId + 'arbeidsmengde.svar').type(arbeid.arbeidsmengde.svar)
-            getById(baseId + 'arbeidsmengde.type')
-                .find('select')
-                .select(arbeid.arbeidsmengde.type)
+            if (midlertidigAnsatt) {
+                getById(baseId + 'arbeidsmengde.svar')
+                    .last()
+                    .type(arbeid.arbeidsmengde.svar)
+            } else {
+                getById(baseId + 'arbeidsmengde.svar')
+                    .first()
+                    .type(arbeid.arbeidsmengde.svar)
+            }
 
-            selectValueForId(baseId + 'midlertidig.svar', arbeid.midlertidig.svar)
-            getById(baseId + 'midlertidig.sluttdatoVelger').type(
-                format(arbeid.midlertidig.sluttdatoVelger, 'dd.MM.yyyy')
-            )
+            if (midlertidigAnsatt)
+                getById(baseId + 'arbeidsmengde.type')
+                    .find('select')
+                    .select(arbeid.arbeidsmengde.type)
+
+            if (midlertidigAnsatt) selectValueForId(baseId + 'midlertidig.svar', arbeid.midlertidig.svar)
+
+            if (midlertidigAnsatt)
+                getById(baseId + 'midlertidig.sluttdatoVelger').type(
+                    format(arbeid.midlertidig.sluttdatoVelger, 'dd.MM.yyyy')
+                )
 
             selectValueForId(
                 baseId + 'forventerEndretArbeidssituasjon.svar',
                 arbeid.forventerEndretArbeidssituasjon.svar
             )
-            getById(baseId + 'forventerEndretArbeidssituasjon.beskrivelse').type(
-                arbeid.forventerEndretArbeidssituasjon.beskrivelse
-            )
+
+            if (midlertidigAnsatt)
+                getById(baseId + 'forventerEndretArbeidssituasjon.beskrivelse').type(
+                    arbeid.forventerEndretArbeidssituasjon.beskrivelse
+                )
 
             // selectValueForId(baseId + 'sagtOppEllerRedusert.svar', arbeid.sagtOppEllerRedusert.svar)
         })
 
+        // --------------------------------------------------------------
+        // Sjekk at arbeidsforhold 2 beholdes hvis man sletter den første
+        cy.get('[data-testid=fjern-arbeidsforhold-knapp]').first().click()
+
+        getById('arbeidsforhold[0].arbeidsgiver').should(
+            'have.value',
+            merOmSituasjonenDin.arbeidsforhold[1].arbeidsgiver
+        )
+
+        getById('arbeidsforhold[0].ansettelsesforhold')
+            .find(`[value="${merOmSituasjonenDin.arbeidsforhold[1].ansettelsesforhold}"]`)
+            .should('be.checked')
+
+        getById('arbeidsforhold[0].arbeidsmengde.svar').should(
+            'have.value',
+            merOmSituasjonenDin.arbeidsforhold[1].arbeidsmengde.svar
+        )
+
+        getById('arbeidsforhold[0].forventerEndretArbeidssituasjon.svar')
+            .find(`[value="${merOmSituasjonenDin.arbeidsforhold[1].forventerEndretArbeidssituasjon.svar}"]`)
+            .should('be.checked')
+        // --------------------------------------------------------------
+
         selectValue(merOmSituasjonenDin.utdanning.hoyesteFullfoerteUtdanning)
 
         a11yCheck()

diff --git a/apps/omstillingsstoenad-ui/src/assets/dummy-soeknad.json b/apps/omstillingsstoenad-ui/src/assets/dummy-soeknad.json
@@ -110,6 +110,16 @@
         "sagtOppEllerRedusert": {
           "svar": "sagtOppEllerRedusert.oppsagt"
         }
+      },
+      {
+        "arbeidsgiver": "Bananskreller AS",
+        "ansettelsesforhold": "stillingType.fast",
+        "arbeidsmengde" : {
+          "svar": "50"
+        },
+        "forventerEndretArbeidssituasjon": {
+          "svar": "radiobuttons.nei"
+        }
       }
     ]
   },

diff --git a/...omponents/soknad/5-mer-om-situasjonen-din/__snapshots__/MerOmSituasjonenDin.test.jsx.snap b/...omponents/soknad/5-mer-om-situasjonen-din/__snapshots__/MerOmSituasjonenDin.test.jsx.snap
@@ -650,6 +650,7 @@ exports[`Mer om situasjonen din > Skal rendre selvstendig 1`] = `
                   merOmSituasjonenDin.arbeidsforhold.arbeidsmengde.svar.fast
                 </label>
                 <input
+                  aria-hidden="true"
                   class="navds-text-field__input navds-body-short navds-body-short--medium"
                   id="arbeidsforhold[0].arbeidsmengde.svar"
                   size="10"
@@ -698,6 +699,7 @@ exports[`Mer om situasjonen din > Skal rendre selvstendig 1`] = `
                     merOmSituasjonenDin.arbeidsforhold.arbeidsmengde.svar
                   </label>
                   <input
+                    aria-hidden="false"
                     class="navds-text-field__input navds-body-short navds-body-short--medium"
                     id="arbeidsforhold[0].arbeidsmengde.svar"
                     size="25"
@@ -728,6 +730,7 @@ exports[`Mer om situasjonen din > Skal rendre selvstendig 1`] = `
                       class="navds-select__container"
                     >
                       <select
+                        aria-hidden="false"
                         class="navds-select__input navds-body-short navds-body-short--medium"
                         id="select-r44"
                       >
@@ -2128,6 +2131,7 @@ exports[`Mer om situasjonen din > Skal rendre selvstendig 1`] = `
         </fieldset>
         <button
           class="navds-button navds-button--secondary navds-button--medium"
+          data-testid="legg-til-arbeidsforhold-knapp"
           type="button"
         >
           <span
@@ -3665,6 +3669,7 @@ exports[`Mer om situasjonen din > Snapshot 1`] = `
                   merOmSituasjonenDin.arbeidsforhold.arbeidsmengde.svar.fast
                 </label>
                 <input
+                  aria-hidden="true"
                   class="navds-text-field__input navds-body-short navds-body-short--medium"
                   id="arbeidsforhold[0].arbeidsmengde.svar"
                   size="10"
@@ -3713,6 +3718,7 @@ exports[`Mer om situasjonen din > Snapshot 1`] = `
                     merOmSituasjonenDin.arbeidsforhold.arbeidsmengde.svar
                   </label>
                   <input
+                    aria-hidden="false"
                     class="navds-text-field__input navds-body-short navds-body-short--medium"
                     id="arbeidsforhold[0].arbeidsmengde.svar"
                     size="25"
@@ -3743,6 +3749,7 @@ exports[`Mer om situasjonen din > Snapshot 1`] = `
                       class="navds-select__container"
                     >
                       <select
+                        aria-hidden="false"
                         class="navds-select__input navds-body-short navds-body-short--medium"
                         id="select-r15"
                       >
@@ -5143,6 +5150,7 @@ exports[`Mer om situasjonen din > Snapshot 1`] = `
         </fieldset>
         <button
           class="navds-button navds-button--secondary navds-button--medium"
+          data-testid="legg-til-arbeidsforhold-knapp"
           type="button"
         >
           <span

diff --git a/...ingsstoenad-ui/src/components/soknad/5-mer-om-situasjonen-din/fragmenter/Arbeidstaker.tsx b/...ingsstoenad-ui/src/components/soknad/5-mer-om-situasjonen-din/fragmenter/Arbeidstaker.tsx
@@ -44,7 +44,13 @@ const Arbeidstaker = () => {
                 <ArbeidstakerInfokort key={field.id} lengde={fields.length} index={index} fjern={fjern} />
             ))}
 
-            <Button variant={'secondary'} type={'button'} onClick={nyttArbeidsforhold} disabled={fields.length >= 10}>
+            <Button
+                variant={'secondary'}
+                type={'button'}
+                onClick={nyttArbeidsforhold}
+                disabled={fields.length >= 10}
+                data-testid={'legg-til-arbeidsforhold-knapp'}
+            >
                 + {t('knapp.leggTilArbeidsforhold')}
             </Button>
         </SkjemaGruppe>

diff --git a/...nad-ui/src/components/soknad/5-mer-om-situasjonen-din/fragmenter/ArbeidstakerInfokort.tsx b/...nad-ui/src/components/soknad/5-mer-om-situasjonen-din/fragmenter/ArbeidstakerInfokort.tsx
@@ -113,6 +113,7 @@ const ArbeidstakerInfokort = memo(({ lengde, index, fjern }: Props) => {
                             label={t('merOmSituasjonenDin.arbeidsforhold.arbeidsmengde.svar.fast')}
                             htmlSize={Bredde.XS}
                             valgfri={!visFastArbeidsmengde}
+                            aria-hidden={!visFastArbeidsmengde}
                         />
                     </SkjemaElement>
                 </div>
@@ -133,6 +134,7 @@ const ArbeidstakerInfokort = memo(({ lengde, index, fjern }: Props) => {
                                 label={t('merOmSituasjonenDin.arbeidsforhold.arbeidsmengde.svar')}
                                 htmlSize={Bredde.S}
                                 valgfri={!visMidlertidigArbeidsmengde}
+                                aria-hidden={!visMidlertidigArbeidsmengde}
                             />
                             <RHFSelect
                                 name={`arbeidsforhold[${index}].arbeidsmengde.type` as const}
@@ -144,13 +146,15 @@ const ArbeidstakerInfokort = memo(({ lengde, index, fjern }: Props) => {
                                 ].concat(arbeidsmengdeValg)}
                                 label={t('felles.velg.tittel')}
                                 valgfri={!visMidlertidigArbeidsmengde}
+                                aria-hidden={!visMidlertidigArbeidsmengde}
                             />
                         </NumberSelectRad>
                         <SkjemaElement>
                             <RHFSpoersmaalRadio
                                 name={`arbeidsforhold[${index}].midlertidig.svar` as const}
                                 legend={t('merOmSituasjonenDin.arbeidsforhold.midlertidig.svar')}
                                 valgfri={!visMidlertidigArbeidsmengde}
+                                aria-hidden={!visMidlertidigArbeidsmengde}
                             />
                         </SkjemaElement>
                         <div style={{ display: visSluttdato ? 'block' : 'none' }}>
@@ -159,6 +163,7 @@ const ArbeidstakerInfokort = memo(({ lengde, index, fjern }: Props) => {
                                 label={t('merOmSituasjonenDin.arbeidsforhold.midlertidig.sluttdatoVelger')}
                                 minDate={new Date()}
                                 valgfri={!visSluttdato}
+                                aria-hidden={!visSluttdato}
                             />
                         </div>
                     </SkjemaElement>
@@ -208,8 +213,14 @@ const ArbeidstakerInfokort = memo(({ lengde, index, fjern }: Props) => {
                         marginBottom: '1rem',
                     }}
                 >
-                    <Button variant={'secondary'} type={'button'} onClick={() => fjern(index)}>
-                        <DeleteFilled /> &nbsp;{t('knapp.fjern')}
+                    <Button
+                        variant={'secondary'}
+                        type={'button'}
+                        onClick={() => fjern(index)}
+                        icon={<DeleteFilled />}
+                        data-testid={'fjern-arbeidsforhold-knapp'}
+                    >
+                        {t('knapp.fjern')}
                     </Button>
                 </div>
             )}