Skip to content

Commit

Permalink
IS-2698: Add støttetekst manglende medvirkning
Browse files Browse the repository at this point in the history
  • Loading branch information
@ingring
ingring committed Sep 30, 2024
1 parent d52f9dd commit 1a4acd4
Show file tree
Hide file tree
Showing 3 changed files with 93 additions and 25 deletions.
45 changes: 36 additions & 9 deletions src/sider/manglendemedvirkning/forhandsvarsel/ForhandsvarselAfterDeadline.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,29 @@
import React from "react";
import { BodyShort, Box, Heading, HStack } from "@navikt/ds-react";
import { BodyShort, Box, Heading, HStack, List } from "@navikt/ds-react";
import { tilLesbarDatoMedArUtenManedNavn } from "@/utils/datoUtils";
import { BellIcon } from "@navikt/aksel-icons";
import { ManglendeMedvirkningButtons } from "@/sider/manglendemedvirkning/ManglendeMedvirkningButtons";
import { VurderingResponseDTO } from "@/data/manglendemedvirkning/manglendeMedvirkningTypes";

const texts = {
title: "Fristen er gått ut",
passertAlert: (sentDate: Date) =>
`Fristen for forhåndsvarselet som ble sendt ut ${tilLesbarDatoMedArUtenManedNavn(
sentDate
)} er gått ut. Trykk på Innstilling om stans-knappen hvis vilkårene i § 8-8 ikke er oppfylt og rett til videre sykepenger skal stanses.`,
ikkeAktuell:
"Velg Ikke aktuell-knappen dersom personen har blitt friskmeldt etter at forhåndsvarselet ble sendt ut, eller av andre årsaker ikke er aktuell.",
listTitle: "Følgende alternativer er tilgjengelig:",
stans: {
bold: "Stans",
text: " dersom vilkårene i § 8-8 ikke er oppfylt og rett til videre sykepenger skal stanses.",
},
oppfylt: {
bold: "Oppfylt",
text: " dersom bruker har startet å medvirke, og oppfyller medvirkningsplikten.",
},
unntak: {
bold: "Unntak",
text: " dersom bruker har rimelig grunn til ikke å medvirke, og dermed er unntatt medvirkningsplikten.",
},
ikkeAktuell: {
bold: "Ikke aktuell",
text: " dersom det ikke lenger er aktuelt å vurdere medvirkningsplikten, for eksempel ved friskmelding.",
},
frist: "Fristen var: ",
seSendtVarsel: "Se sendt varsel",
};
Expand Down Expand Up @@ -40,8 +51,24 @@ export default function ForhandsvarselAfterDeadline({ forhandsvarsel }: Props) {
</Box>
<BellIcon title="bjelleikon" fontSize="2em" />
</HStack>
<BodyShort>{texts.passertAlert(forhandsvarsel.createdAt)}</BodyShort>
<BodyShort>{texts.ikkeAktuell}</BodyShort>
<List as="ul" title={texts.listTitle}>
<List.Item>
<span className="font-semibold">{texts.stans.bold}</span>
{texts.stans.text}
</List.Item>
<List.Item>
<span className="font-semibold">{texts.oppfylt.bold}</span>
{texts.oppfylt.text}
</List.Item>
<List.Item>
<span className="font-semibold">{texts.unntak.bold}</span>
{texts.unntak.text}
</List.Item>
<List.Item>
<span className="font-semibold">{texts.ikkeAktuell.bold}</span>
{texts.ikkeAktuell.text}
</List.Item>
</List>
<ManglendeMedvirkningButtons isBeforeForhandsvarselDeadline={false} />
</Box>
);
Expand Down
37 changes: 29 additions & 8 deletions src/sider/manglendemedvirkning/forhandsvarsel/ForhandsvarselBeforeDeadline.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import React from "react";
import { Alert, BodyShort, Box, Heading, HStack } from "@navikt/ds-react";
import { Alert, BodyShort, Box, Heading, HStack, List } from "@navikt/ds-react";
import { tilLesbarDatoMedArUtenManedNavn } from "@/utils/datoUtils";
import { ClockIcon } from "@navikt/aksel-icons";
import { ManglendeMedvirkningButtons } from "@/sider/manglendemedvirkning/ManglendeMedvirkningButtons";
Expand All @@ -13,11 +13,20 @@ const texts = {
oversikten:
"Personen ligger nå i oversikten og kan finnes under filteret for § 8-8 manglende medvirkning.",
},
sendtInfo:
"Dersom du har mottatt nye opplysninger og vurdert at bruker likevel oppfyller § 8-8, klikker du på Oppfylt-knappen.",
ikkeAktuell:
"Velg Ikke aktuell-knappen dersom personen har blitt friskmeldt etter at forhåndsvarselet ble sendt ut, eller av andre årsaker ikke er aktuell.",
ikkeStans: "Du kan ikke stanse før fristen er gått ut.",
ikkeStans: "Du kan ikke stanse før fristen i forhåndsvarselet er gått ut.",
listTitle: "Følgende alternativer er tilgjengelig:",
oppfylt: {
bold: "Oppfylt",
text: " dersom bruker har startet å medvirke, og oppfyller medvirkningsplikten.",
},
unntak: {
bold: "Unntak",
text: " dersom bruker har rimelig grunn til ikke å medvirke, og dermed er unntatt medvirkningsplikten.",
},
ikkeAktuell: {
bold: "Ikke aktuell",
text: " dersom det ikke lenger er aktuelt å vurdere medvirkningsplikten, for eksempel ved friskmelding.",
},
frist: "Fristen går ut: ",
seSendtVarsel: "Se sendt varsel",
};
Expand Down Expand Up @@ -54,9 +63,21 @@ export default function ForhandsvarselBeforeDeadline({
</Box>
<ClockIcon title="klokkeikon" fontSize="2em" />
</HStack>
<BodyShort>{texts.sendtInfo}</BodyShort>
<BodyShort>{texts.ikkeAktuell}</BodyShort>
<BodyShort>{texts.ikkeStans}</BodyShort>
<List as="ul" title={texts.listTitle}>
<List.Item>
<span className="font-semibold">{texts.oppfylt.bold}</span>
{texts.oppfylt.text}
</List.Item>
<List.Item>
<span className="font-semibold">{texts.unntak.bold}</span>
{texts.unntak.text}
</List.Item>
<List.Item>
<span className="font-semibold">{texts.ikkeAktuell.bold}</span>
{texts.ikkeAktuell.text}
</List.Item>
</List>
<ManglendeMedvirkningButtons isBeforeForhandsvarselDeadline={true} />
</Box>
</Box>
Expand Down
36 changes: 28 additions & 8 deletions test/manglendemedvirkning/ForhandsvarselTest.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -122,16 +122,26 @@ describe("Manglendemedvirkning Forhandsvarsel", () => {
expect(screen.getByText("Fristen går ut:")).to.exist;
expect(
screen.getByText(
"Dersom du har mottatt nye opplysninger og vurdert at bruker likevel oppfyller § 8-8, klikker du på Oppfylt-knappen."
"Du kan ikke stanse før fristen i forhåndsvarselet er gått ut."
)
).to.exist;
expect(screen.getByText("Følgende alternativer er tilgjengelig:")).to
.exist;
expect(
screen.getByText(
"Velg Ikke aktuell-knappen dersom personen har blitt friskmeldt etter at forhåndsvarselet ble sendt ut, eller av andre årsaker ikke er aktuell."
"dersom bruker har startet å medvirke, og oppfyller medvirkningsplikten."
)
).to.exist;
expect(
screen.getByText(
"dersom bruker har rimelig grunn til ikke å medvirke, og dermed er unntatt medvirkningsplikten."
)
).to.exist;
expect(
screen.getByText(
"dersom det ikke lenger er aktuelt å vurdere medvirkningsplikten, for eksempel ved friskmelding."
)
).to.exist;
expect(screen.getByText("Du kan ikke stanse før fristen er gått ut.")).to
.exist;
expect(screen.getByRole("img", { name: "klokkeikon" })).to.exist;
expect(
screen.getByRole("button", { name: "Innstilling om stans" })
Expand Down Expand Up @@ -159,16 +169,26 @@ describe("Manglendemedvirkning Forhandsvarsel", () => {
expect(screen.getByText(tilLesbarDatoMedArUtenManedNavn(svarfrist))).to
.exist;
expect(screen.getByRole("img", { name: "bjelleikon" })).to.exist;
expect(screen.getByText("Følgende alternativer er tilgjengelig:")).to
.exist;
expect(
screen.getByText(

Check failure on line 175 in test/manglendemedvirkning/ForhandsvarselTest.tsx

View workflow job for this annotation

GitHub Actions / build-and-deploy / Bygg, test og publiser docker image

test/manglendemedvirkning/ForhandsvarselTest.tsx > Manglendemedvirkning Forhandsvarsel > ForhandsvarselSendt > viser ForhandsvarselAfterDeadline når svarfrist er utgått 

TestingLibraryElementError: Unable to find an element with the text: hvis vilkårene i § 8-8 ikke er oppfylt og rett til videre sykepenger skal stanses.. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="navds-r-p navds-box flex flex-col gap-4 navds-box-bg"
      style="--__ac-r-p-xs: var(--a-spacing-6); --__ac-box-background: var(--a-surface-default);"
    >
      <div
        class="navds-stack navds-hstack navds-stack-align navds-stack-direction navds-stack-wrap"
        style="--__ac-stack-direction-xs: row; --__ac-stack-align-xs: center;"
      >
        <h2
          class="navds-heading navds-heading--medium"
        >
          Fristen er gått ut
        </h2>
        <div
          class="navds-box flex ml-auto mr-2 gap-1"
        >
          <p
            class="navds-body-short navds-body-short--medium navds-typo--semibold"
          >
            Fristen var: 
          </p>
          <p
            class="navds-body-short navds-body-short--medium"
          >
            29.09.2024
          </p>
        </div>
        <svg
          aria-labelledby="title-rg"
          fill="none"
          focusable="false"
          font-size="2em"
          height="1em"
          role="img"
          viewBox="0 0 24 24"
          width="1em"
          xmlns="http://www.w3.org/2000/svg"
        >
          <title
            id="title-rg"
          >
            bjelleikon
          </title>
          <path
            clip-rule="evenodd"
            d="M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zM12 5.25c-2.345 0-3.436.694-4.001 1.541-.613.92-.749 2.21-.749 3.709v3c0 1.191-.576 2.58-1.08 3.585q-.178.358-.349.665H18.18a19 19 0 0 1-.35-.665c-.503-1.006-1.079-2.394-1.079-3.585v-3c0-1.499-.136-2.79-.749-3.709C15.436 5.944 14.345 5.25 12 5.25m-1.237 14.487a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513"
            fill="currentColor"
            fill-rule="evenodd"
          />
        </svg>
      </div>
      <div
        class="navds-list navds-list--medium"
      >
        <h3
          class="navds-heading navds-heading--small"
          id="tittel-rh"
        >
          Følgende alternativer er tilgjengelig:
        </h3>
        <ul
          aria-labelledby="tittel-rh"
        >
          <li
            class="navds-list__item"
          >
            <div
              class="navds-list__item-marker--bullet"
            >
              <svg
                aria-hidden="true"
                fill="none"
                focusable="false"
                height="6"
                role="img"
                viewBox="0 0 6 6"
                width="6"
                xmlns="http://www.w3.org/2000/svg"
              >
                <rect
                  fill="currentColor"
                  height="6"
                  rx="3"
                  width="6"
                />
              </svg>
            </div>
            <div
              class="navds-list__item-content navds-body-long navds-body-long--medium"
            >
              <span
                class="font-semibold"
              >
                Stans
              </span>
               dersom vilkårene i § 8-8 ikke er oppfylt og rett til videre sykepenger skal stanses.
            </div>
          </li>
          <li
            class="navds-list__item"
          >
            <div
              class="navds-list__item-marker--bullet"
            >
              <svg
                aria-hidden="true"
                fill="none"
"hvis vilkårene i § 8-8 ikke er oppfylt og rett til videre sykepenger skal stanses."
)
).to.exist;
expect(
screen.getByText(
"dersom bruker har startet å medvirke, og oppfyller medvirkningsplikten."
)
).to.exist;
expect(
screen.getByText(
`Fristen for forhåndsvarselet som ble sendt ut ${tilLesbarDatoMedArUtenManedNavn(
createdAt
)} er gått ut. Trykk på Innstilling om stans-knappen hvis vilkårene i § 8-8 ikke er oppfylt og rett til videre sykepenger skal stanses.`
"dersom bruker har rimelig grunn til ikke å medvirke, og dermed er unntatt medvirkningsplikten."
)
).to.exist;
expect(
screen.getByText(
"Velg Ikke aktuell-knappen dersom personen har blitt friskmeldt etter at forhåndsvarselet ble sendt ut, eller av andre årsaker ikke er aktuell."
"dersom det ikke lenger er aktuelt å vurdere medvirkningsplikten, for eksempel ved friskmelding."
)
).to.exist;
expect(screen.getByRole("button", { name: "Innstilling om stans" })).to
Expand Down

0 comments on commit 1a4acd4

Please sign in to comment.