cypress-test for å teste at de to systemene vi har for språkversjonering funker og gir riktig språk basert på språk i url

Author: winsvold

cypress/integration/språkhåndtering.ts

@@ -0,0 +1,30 @@
+const url = "http://localhost:3000/arbeid";
+
+/* Tekster er oversatt i to forskjellige systemer:
+ *
+ *  * Mikrotekster på knapper etc er stortsett hardkodet og språkversjonert vha i18next-biblioteket
+ *  * Innhold kommer fra Sanity og er språkversjonert der og oversettes vha en utility-funksjon (localizeSanityContent)
+ *
+ *  Vi tester at begge systemene funker og kan styres vha språk i url
+ *
+ * */
+describe("Spårkversjonering", () => {
+  it("funker på norsk", () => {
+    cy.visit(`${url}/testdata`);
+    cy.findByRole("button", { name: /Cypress - språktest/ }).click();
+
+    cy.findByLabelText(/Kort fortalt/i).within(() => {
+      // "Kort fortalt" er en mikrotekst som er hardkodet og oversatt ved hjelp av i18next
+      cy.findByText(/Norsk innhold/i); // "Norsk innhold" er simulert Sanity-innhold
+    });
+  });
+
+  it("funker på engelsk", () => {
+    cy.visit(`${url}/en/testdata`);
+    cy.findByRole("button", { name: /Cypress - språktest/ }).click();
+
+    cy.findByLabelText(/Summary/i).within(() => {
+      cy.findByText(/English content/i);
+    });
+  });
+});

cypress/integration/infoside.ts cypress/integration/wordcount.ts

@@ -19,6 +19,7 @@ import { sistOppdatertTestdata } from "../components/faktaside/content/SistOppda
 import { wordCountTestData } from "../../cypress/testData/wordcount.testdata";
 import { GtilNOKAnnotationTestdata } from "../components/BlockContent/GtilNOKAnnotation/GtilNOKAnnotation.testdata";
 import { Button, Title } from "@navikt/ds-react";
+import { språktestData } from "../testUtils/språk.testdata";
 
 type FaktasideData = FaktasideQueryData["faktaside"];
 
@@ -109,6 +110,10 @@ const testData: Testdata[] = [
     name: "Cypress - word count",
     data: { innhold: translated(wordCountTestData.innhold), kortFortalt: translated(wordCountTestData.kortFortalt) },
   },
+  {
+    name: "Cypress - språktest",
+    data: { kortFortalt: språktestData, visSprakversjon: { no: true, en: true } },
+  },
   {
     name: "GtilNOK",
     data: { innhold: translated(GtilNOKAnnotationTestdata) },

src/pages/testdata.tsx

@@ -8,6 +8,7 @@ import { mockMenuData } from "../sanity/groq/menu/mockMenuData";
 import { parseMenuData } from "../sanity/groq/menu/parseMenuData";
 import { parseFaktasideData } from "../sanity/groq/faktaside/parseFaktasideData";
 import { MenuQueryData } from "../sanity/groq/menu/menuQuery";
+import { useLocale } from "../i18n/useLocale";
 
 type Props = {
   partialFaktaside?: Partial<FaktasideQueryData["faktaside"]>;
@@ -17,6 +18,8 @@ type Props = {
 };
 
 function TestFaktaside(props: Props) {
+  const locale = useLocale();
+
   const faktaSide = { ...faktaSideMockQueryData.faktaside, ...props.partialFaktaside };
   const oppsett = { ...faktaSideMockQueryData.oppsett, ...props.partialOppsett };
 
@@ -43,8 +46,8 @@ function TestFaktaside(props: Props) {
     lenker: props.partialMeny?.lenker || mockMenuData.lenker,
   };
 
-  const parsedMenudata = parseMenuData(menuData, "no");
-  const parsedFaktasidedata = parseFaktasideData(context, "no");
+  const parsedMenudata = parseMenuData(menuData, locale);
+  const parsedFaktasidedata = parseFaktasideData(context, locale);
 
   return <FaktaSide menuData={parsedMenudata} {...parsedFaktasidedata} />;
 }

src/testUtils/TestFaktaside.tsx

@@ -11,7 +11,7 @@ export const faktaSideMockQueryData: FaktasideQueryData = {
     title: translated("Faktasidemock"),
     id: "id",
     slug: "test",
-    beskrivelse: translated("Dette er testdata"),
+    beskrivelse: translated("Dette er testbeskrivelse for søkemotor"),
     visSprakversjon: {
       no: true,
       en: false,

src/testUtils/faktaSideMockQueryData.ts

@@ -0,0 +1,9 @@
+import { Block } from "../utils/richTextUtils/richTextTypes";
+import { Translations } from "../types/translations";
+import { createSanityBlock } from "./createSanityBlock";
+
+export const språktestData: Translations<Block[]> = {
+  _type: "localeRichText",
+  no: [createSanityBlock("Norsk innhold")],
+  en: [createSanityBlock("English content")],
+};