feat(contribution): passage au DSFR

packages/code-du-travail-frontend/app/contribution/[slug]/page.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import { DsfrLayout } from "../../../src/modules/layout";
+import { notFound } from "next/navigation";
+import { generateDefaultMetadata } from "../../../src/modules/common/metas";
+import { fetchRelatedItems } from "../../../src/modules/documents";
+import {
+  ContributionLayout,
+  fetchContributionBySlug,
+} from "../../../src/modules/contributions";
+
+export async function generateMetadata({ params }) {
+  const { metas } = await getContribution(params.slug);
+
+  return generateDefaultMetadata({
+    title: metas.title,
+    description: metas.description,
+    path: `/contribution/${params.slug}`,
+  });
+}
+
+async function Contribution({ params }) {
+  const contribution = await getContribution(params.slug);
+  return (
+    <DsfrLayout>
+      <ContributionLayout contribution={contribution} />
+    </DsfrLayout>
+  );
+}
+
+const getContribution = async (slug: string) => {
+  const contribution = await fetchContributionBySlug(slug);
+
+  if (!contribution) {
+    return notFound();
+  }
+  return contribution;
+};
+
+export default Contribution;

packages/code-du-travail-frontend/app/outils/convention-collective/entreprise/[slug]/page.tsx

@@ -7,7 +7,7 @@ import {
 import { notFound } from "next/navigation";
 import { generateDefaultMetadata } from "../../../../../src/modules/common/metas";
 import { ElasticTool } from "../../../../../src/modules/outils/type";
-import { EnterpriseAgreementSelection } from "../../../../../src/modules/enterprise";
+import { EnterpriseAgreementSelectionLink } from "../../../../../src/modules/enterprise";
 import { searchEnterprises } from "../../../../../src/modules/enterprise/queries";
 import { agreementRelatedItems } from "../../../../../src/modules/convention-collective/agreementRelatedItems";
 import { SITE_URL } from "../../../../../src/config";
@@ -38,7 +38,7 @@ async function AgreementSelectionPage({ params }) {
         relatedItems={agreementRelatedItems}
         description={tool.description}
       >
-        <EnterpriseAgreementSelection enterprise={enterprise} />
+        <EnterpriseAgreementSelectionLink enterprise={enterprise} />
       </FindAgreementLayout>
     </DsfrLayout>
   );

packages/code-du-travail-frontend/app/widgets/convention-collective/entreprise/[slug]/page.tsx

@@ -6,7 +6,7 @@ import {
 import { notFound } from "next/navigation";
 import { generateDefaultMetadata } from "../../../../../src/modules/common/metas";
 import { ElasticTool } from "../../../../../src/modules/outils/type";
-import { EnterpriseAgreementSelection } from "../../../../../src/modules/enterprise";
+import { EnterpriseAgreementSelectionLink } from "../../../../../src/modules/enterprise";
 import { searchEnterprises } from "../../../../../src/modules/enterprise/queries";
 import { SITE_URL } from "../../../../../src/config";
 
@@ -27,7 +27,7 @@ async function AgreementSelectionPage({ params }) {
   });
   return (
     <FindAgreementWidgetLayout>
-      <EnterpriseAgreementSelection enterprise={enterprise} widgetMode />
+      <EnterpriseAgreementSelectionLink enterprise={enterprise} widgetMode />
     </FindAgreementWidgetLayout>
   );
 }

packages/code-du-travail-frontend/cypress/integration/html-validation/validate-html.spec.ts

@@ -16,6 +16,8 @@ export const localConfig: ConfigData = {
     "no-dup-id": "off",
     "wcag/h63": "off",
     "wcag/h32": "off",
+    "no-redundant-role": "off",
+    "no-missing-references": "off",
   },
 };
 

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

@@ -28,15 +28,8 @@ describe("Contributions", () => {
       "La période d’essai peut-elle être renouvelée ?"
     );
 
-    cy.get("div > p > span")
-      .invoke("text")
-      .should("match", /Mis à jour le/);
-    cy.get("div > p > span")
-      .invoke("text")
-      .should("match", /\d\d\/\d\d\/\d\d\d\d/);
-
     cy.contains(
-      "Accéder aux informations générales sans renseigner ma convention collective"
+      "Afficher les informations sans sélectionner une convention collective"
     ).click();
     cy.get("body").should("contain", "Que dit le code du travail");
     cy.get("body").should(
@@ -45,18 +38,17 @@ describe("Contributions", () => {
     );
     cy.get("body").should("contain", "Références");
     cy.get("body").should("contain", "L1221-21");
-    cy.get("body").should("contain", "Pour aller plus loin");
   });
 
   it("je vois une page contribution pour une CC", () => {
     cy.visit("/contribution/675-la-periode-dessai-peut-elle-etre-renouvelee");
     cy.get("h1").should(
       "have.text",
-      "La période d’essai peut-elle être renouvelée ?"
+      "La période d’essai peut-elle être renouvelée ? Maisons à succursales de vente au détail d'habillement"
     );
     cy.get("h2").should(
       "contain",
-      "Votre convention collective est Maisons à succursales de vente au détail d'habillement (IDCC 0675)"
+      "Maisons à succursales de vente au détail d'habillement (IDCC 0675)"
     );
 
     cy.get("body").should(
@@ -65,16 +57,14 @@ describe("Contributions", () => {
     );
 
     cy.get("a")
-      .contains(
-        "la convention collective Maisons à succursales de vente au détail d'habillement"
-      )
+      .contains("Maisons à succursales de vente au détail d'habillement")
       .should(
         "have.attr",
         "href",
         "/convention-collective/675-maisons-a-succursales-de-vente-au-detail-dhabillement"
       );
-    cy.get("h2").should("contain", "Pour aller plus loin");
-    cy.get("h3").should(
+
+    cy.get("a").should(
       "contain",
       "Demande d’accord du salarié pour le renouvellement d’une période d’essai"
     );
@@ -86,8 +76,8 @@ describe("Contributions", () => {
     );
     cy.get("h1").should(
       "have.text",
-      "Combien de fois le contrat de travail peut-il être renouvelé ?"
+      "Combien de fois le contrat de travail peut-il être renouvelé ? Métallurgie"
     );
-    cy.get('[aria-expanded="true"]').find("h3").should("contain", "CDD");
+    cy.get('[aria-expanded="true"]').should("contain", "CDD");
   });
 });

packages/code-du-travail-frontend/cypress/integration/light/conventions-collectives.spec.ts

@@ -1,30 +1,37 @@
 describe("Conventions collectives", () => {
   it("je vois la liste de toutes les cc", () => {
     cy.visit("/");
-    cy.findByRole("heading", { level: 1 })
-      .should("have.text", "Bienvenue sur le Code du travail numérique")
-      .click();
-    cy.get("#fr-header-main-navigation")
+    cy.findByRole("heading", { level: 1 }).should(
+      "have.text",
+      "Bienvenue sur le Code du travail numérique"
+    );
+
+    cy.get("#fr-header-main-navigation a")
       .contains("Votre convention collective")
       .click();
+
     cy.urlEqual("/convention-collective");
 
-    cy.findByRole("heading", { level: 1 })
-      .should("have.text", "Votre convention collective")
-      .click();
+    cy.findByRole("heading", { level: 1 }).should(
+      "have.text",
+      "Votre convention collective"
+    );
     cy.get("body").should(
       "contain",
       "Les conventions collectives présentées sont les plus représentatives en termes de nombre de salariés"
     );
     cy.get("#content a").should("have.length", 49);
+
     cy.get("#content a").first().click();
+
     cy.urlEqual(
       "/convention-collective/2941-aide-accompagnement-soins-et-services-a-domicile-bad"
     );
     cy.get('[data-accordion-component="Accordion"]')
       .eq(0)
       .find('[data-accordion-component="AccordionItemButton"]')
       .should("have.length", 6);
+
     cy.get('[data-accordion-component="Accordion"]')
       .eq(0)
       .find('[data-accordion-component="AccordionItemButton"]')
@@ -71,9 +78,14 @@ describe("Conventions collectives", () => {
       .find('[data-accordion-component="AccordionItemButton"]')
       .first()
       .click();
-    cy.get('[data-accordion-component="AccordionItem"] a').first().click();
+    cy.get('[data-accordion-component="AccordionItem"] a')
+      .first()
+      .contains(
+        "Quelles sont les conditions d’indemnisation pendant le congé de maternité"
+      )
+      .click();
     cy.urlEqual(
-      "/convention-collective/2941-aide-accompagnement-soins-et-services-a-domicile-bad"
+      "/contribution/2941-quelles-sont-les-conditions-dindemnisation-pendant-le-conge-de-maternite"
     );
   });
 

packages/code-du-travail-frontend/cypress/integration/light/outils/trouver-sa-cc-recherche-entreprise.spec.ts

@@ -30,7 +30,7 @@ describe("Outil - Trouver sa convention collective", () => {
     cy.canonicalUrlEqual("/outils/convention-collective");
     cy.contains("BOUILLON PIGALLE").click();
 
-    cy.contains("1 convention collective trouvée pour :");
+    cy.contains("1 convention collective trouvée :");
 
     cy.contains("Précédent").click();
     cy.selectByLabel("Nom de votre entreprise ou numéro Siren/Siret")
@@ -54,7 +54,7 @@ describe("Outil - Trouver sa convention collective", () => {
     cy.selectByLabel("Code postal ou Ville (optionnel)").clear();
     cy.get('button[type="submit"]').last().click();
     cy.contains("CARREFOUR BANQUE").click();
-    cy.contains("2 conventions collectives trouvées pour :");
+    cy.contains("2 conventions collectives trouvées :");
     cy.contains("Banque")
       .should("have.prop", "href")
       .and(

packages/code-du-travail-frontend/panda.config.ts

@@ -16,6 +16,11 @@ export default defineConfig({
       },
     },
   },
+  globalCss: {
+    ".fr-table__content table, .fr-table__content table *": {
+      whiteSpace: "normal",
+    },
+  },
   outdir: "src/styled-system",
   outExtension: "js",
   importMap: "@styled-system",

packages/code-du-travail-frontend/src/contributions/__tests__/ReferencesJuridique.test.tsx

@@ -1,5 +1,4 @@
 import { render } from "@testing-library/react";
-import DisplayContentContribution from "../DisplayContentContribution";
 import { ReferencesJuridiques } from "../References";
 
 describe("ReferencesJuridiques", () => {