feat(DSFR): migration des pages fiches service public

packages/code-du-travail-frontend/app/fiche-service-public/[slug]/page.tsx

@@ -0,0 +1,58 @@
+import React from "react";
+import { notFound } from "next/navigation";
+import { DsfrLayout } from "../../../src/modules/layout";
+import { fetchFicheSP } from "../../../src/modules/fiche-service-public/queries";
+import { fetchRelatedItems } from "../../../src/modules/documents";
+import { generateDefaultMetadata } from "../../../src/modules/common/metas";
+import { getRouteBySource, SOURCES } from "@socialgouv/cdtn-utils";
+import { FicheServicePublicContainer } from "../../../src/modules/fiche-service-public/FicheServicePublicContainer";
+
+export async function generateMetadata({ params }) {
+  const { title, description } = await getFiche(params.slug);
+
+  return generateDefaultMetadata({
+    title: title,
+    description: description,
+    path: `/${getRouteBySource(SOURCES.SHEET_SP)}/${params.slug}`,
+  });
+}
+
+async function Fiche({ params }) {
+  const {
+    _id,
+    breadcrumbs,
+    date,
+    description,
+    raw,
+    referencedTexts,
+    title,
+    url,
+  } = await getFiche(params.slug);
+  const relatedItems = await fetchRelatedItems({ _id }, params.slug);
+
+  return (
+    <DsfrLayout>
+      <FicheServicePublicContainer
+        title={title}
+        relatedItems={relatedItems}
+        date={date}
+        url={url}
+        metaDescription={description}
+        raw={raw}
+        breadcrumbs={breadcrumbs}
+        referencedTexts={referencedTexts}
+      />
+    </DsfrLayout>
+  );
+}
+
+const getFiche = async (slug: string) => {
+  const fiche = await fetchFicheSP(slug);
+
+  if (!fiche) {
+    return notFound();
+  }
+  return fiche;
+};
+
+export default Fiche;

packages/code-du-travail-frontend/cypress/integration/light/fiche-service-public.spec.ts

@@ -0,0 +1,22 @@
+describe("Fiche Service public", () => {
+  it("je vois une page fiche service public", () => {
+    cy.visit("/fiche-service-public/salaire-primes-et-avantages");
+    cy.findAllByRole("heading", { level: 1 }).should(
+      "have.text",
+      "Salaire, primes et avantages"
+    );
+    cy.contains("a", "Fiche service-public.fr")
+      .should("have.attr", "href")
+      .and(
+        "contain",
+        "https://www.service-public.fr/particuliers/vosdroits/F2301"
+      );
+    cy.get("body").should("contain", "01/11/2024");
+    cy.get("h2").first().should("contain", "Salaire");
+  });
+
+  it("je vois une fiche service public avec un accordéon ouvert", () => {
+    cy.visit("/fiche-service-public/salaire-primes-et-avantages#salaire");
+    cy.get("h2").get('[aria-expanded="true"]').should("contain", "Salaire");
+  });
+});

packages/code-du-travail-frontend/cypress/integration/light/landing-pages.spec.ts

@@ -1,17 +1,4 @@
 describe("Landing pages", () => {
-  it("je vois une page fiche service public", () => {
-    cy.visit("/fiche-service-public/salaire-primes-et-avantages#salaire");
-    cy.get("h1").should("contain", "Salaire, primes et avantages");
-    cy.get("body").should("contain", "Source: Fiche service-public.fr");
-    cy.get("h2").first().should("contain", "Salaire");
-  });
-
-  it("je vois une fiche service public avec un accordéon ouvert", () => {
-    cy.visit("/fiche-service-public/salaire-primes-et-avantages#salaire");
-    cy.get("h1").should("have.text", "Salaire, primes et avantages");
-    cy.get('[aria-expanded="true"]').find("h2").should("contain", "Salaire");
-  });
-
   it("je vois une page convention collective", () => {
     cy.visit(
       "/convention-collective/1686-commerces-et-services-de-laudiovisuel-de-lelectronique-et-de-lequipemen"

packages/code-du-travail-frontend/src/fiche-service-public/__tests__/FicheServicePublic.test.js → packages/code-du-travail-frontend/src/fiche-service-public/__tests__/FicheServicePublic.test.tsx

@@ -3,11 +3,12 @@ import React from "react";
 
 import { FicheServicePublic } from "..";
 import ficheDataMock from "./ficheData.mock.json";
+import { FicheSPData } from "../type";
 
 describe("<FicheServicePublic />", () => {
   it("should render", () => {
     const { container } = render(
-      <FicheServicePublic data={ficheDataMock.children} />
+      <FicheServicePublic data={ficheDataMock.children as FicheSPData[]} />
     );
     expect(container).toMatchSnapshot();
   });