Fiks Playwright, men ikke UU enda

navikt · Feb 6, 2024 · 1b355c5 · 1b355c5
1 parent 3349f62
commit 1b355c5
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 14 deletions.
diff --git a/...end/mulighetsrommet-veileder-flate/src/apps/nav/views/NavArbeidsmarkedstiltakOversikt.tsx b/...end/mulighetsrommet-veileder-flate/src/apps/nav/views/NavArbeidsmarkedstiltakOversikt.tsx
@@ -46,7 +46,8 @@ export const NavArbeidsmarkedstiltakOversikt = ({ preview }: Props) => {
             <TiltakLoader />
           ) : valgteEnhetsnumre(filter).length === 0 || filter.innsatsgruppe === undefined ? (
             <Feilmelding
-              header="Du må filtrere på minst én NAV-enhet og en innsatsgruppe for å se tiltaksgjennomføringer"
+              data-testid="filter-mangler-verdier-feilmelding"
+              header="Du må filtrere på en NAV-enhet og en innsatsgruppe for å se tiltaksgjennomføringer"
               ikonvariant="info"
             />
           ) : tiltaksgjennomforinger.length === 0 ? (

diff --git a/frontend/mulighetsrommet-veileder-flate/src/components/feilmelding/Feilmelding.tsx b/frontend/mulighetsrommet-veileder-flate/src/components/feilmelding/Feilmelding.tsx
@@ -30,11 +30,18 @@ export const Feilmelding = ({
 }: FeilmeldingProps) => {
   const ikon = () => {
     if (ikonvariant === "info") {
-      return <InformationSquareFillIcon className={svgStyle.svg_info} />;
+      return (
+        <InformationSquareFillIcon aria-label="Informasjons-ikon" className={svgStyle.svg_info} />
+      );
     } else if (ikonvariant === "warning") {
-      return <ExclamationmarkTriangleFillIcon className={svgStyle.svg_warning} />;
+      return (
+        <ExclamationmarkTriangleFillIcon
+          aria-label="Varsel-ikon"
+          className={svgStyle.svg_warning}
+        />
+      );
     } else if (ikonvariant === "error") {
-      return <XMarkOctagonFillIcon className={svgStyle.svg_error} />;
+      return <XMarkOctagonFillIcon aria-label="Feilmelding-ikon" className={svgStyle.svg_error} />;
     }
   };
 

diff --git a/.../mulighetsrommet-veileder-flate/src/components/filtrering/InnsatsgruppeFilter.module.scss b/.../mulighetsrommet-veileder-flate/src/components/filtrering/InnsatsgruppeFilter.module.scss
@@ -1,6 +1,5 @@
 .accordion_header {
-  display: flex;
-  justify-content: flex-start;
+  border-top: 0;
 
   .accordion_header_text {
     display: flex;

diff --git a/frontend/mulighetsrommet-veileder-flate/tests/nav-arbeidsmarkedstiltak.spec.ts b/frontend/mulighetsrommet-veileder-flate/tests/nav-arbeidsmarkedstiltak.spec.ts
@@ -11,6 +11,12 @@ test.describe("Tiltaksoversikt", () => {
   });
 
   test("Sjekk at det er tiltaksgjennomføringer i oversikten", async ({ page }) => {
+    const feilmelding = page.getByTestId("feilmelding-container");
+    await expect(feilmelding).toContainText(
+      /Du må filtrere på en NAV-enhet og en innsatsgruppe for å se tiltaksgjennomføringer/,
+    );
+    await page.getByLabel("Varig tilpasset innsats").click();
+    await page.getByLabel("NAV Oslo").click();
     const rows = page.getByTestId("oversikt_tiltaksgjennomforinger").getByRole("link");
     await expect(page.getByTestId("oversikt_tiltaksgjennomforinger")).toContainText(
       "Avklaring - Fredrikstad",
@@ -25,6 +31,8 @@ test.describe("Tiltaksoversikt", () => {
   test.describe("Tiltaksgjennomføringsdetaljer for alle NAV-ansatte", () => {
     test.beforeEach(async ({ page }) => {
       await page.goto("/nav/oversikt");
+      await page.getByLabel("Varig tilpasset innsats").click();
+      await page.getByLabel("NAV Oslo").click();
       await page.getByTestId("tiltaksgjennomforing_sindres-mentorordning-med-yoda").click();
     });
 

diff --git a/frontend/mulighetsrommet-veileder-flate/tests/playwrightUtils.ts b/frontend/mulighetsrommet-veileder-flate/tests/playwrightUtils.ts
@@ -7,3 +7,9 @@ export const sjekkUU = async (page: Page) => {
     .analyze();
   expect(accessibilityScanResults.violations).toEqual([]);
 };
+
+export const velgFilter = async (page: Page, filternavn: string) => {
+  await page.getByTestId(`filter_radio_${filternavn}`).click();
+  await expect(page.getByTestId(`filter_radio_${filternavn}`)).toBeChecked();
+  await expect(page.getByTestId(`filtertag_${filternavn}`)).toBeVisible();
+};
diff --git a/frontend/mulighetsrommet-veileder-flate/tests/veilederflate.spec.ts b/frontend/mulighetsrommet-veileder-flate/tests/veilederflate.spec.ts
@@ -1,16 +1,10 @@
-import { expect, Page, test } from "@playwright/test";
-import { sjekkUU } from "./playwrightUtils";
+import { expect, test } from "@playwright/test";
+import { sjekkUU, velgFilter } from "./playwrightUtils";
 
 test.beforeEach(async ({ page }) => {
   await page.goto("/");
 });
 
-const velgFilter = async (page: Page, filternavn: string) => {
-  await page.getByTestId(`filter_radio_${filternavn}`).click();
-  await expect(page.getByTestId(`filter_radio_${filternavn}`)).toBeChecked();
-  await expect(page.getByTestId(`filtertag_${filternavn}`)).toBeVisible();
-};
-
 test.describe("Tiltaksoversikt", () => {
   test.beforeEach(async ({ page }) => {
     await page.goto("/arbeidsmarkedstiltak");