fix: event matomo simu RC (#6541)

Viczei · web-flow · commit 235e8cbc17a3 · 2025-04-22T10:23:10.000+02:00
* fix: event matomo simu RC

* fix: add start to widget RC

* feat: update test
diff --git a/packages/code-du-travail-frontend/app/outils/indemnite-rupture-conventionnelle/page.tsx b/packages/code-du-travail-frontend/app/outils/indemnite-rupture-conventionnelle/page.tsx
@@ -24,8 +24,8 @@ async function IndemniteRuptureCo() {
   return (
     <DsfrLayout>
       <IndemniteRuptureCoSimulator
-        title={tool.displayTitle}
-        breadcrumbTitle={tool.title}
+        title={tool.title}
+        displayTitle={tool.displayTitle}
         relatedItems={relatedItems}
         description={tool.description}
       />
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/IndemniteRuptureCoSimulator.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/IndemniteRuptureCoSimulator.tsx
@@ -1,7 +1,7 @@
 "use client";
 import { ContainerSimulator } from "../../layout/ContainerSimulator";
 import { RelatedItem } from "../../documents";
-import React from "react";
+import React, { useEffect } from "react";
 import { StepAgreement, StepInformations } from "../indemnite-depart/steps";
 import {
   StepAnciennete,
@@ -17,6 +17,8 @@ import {
 import { Step } from "../common/components/SimulatorLayout/types";
 import { IndemniteDepartType } from "../indemnite-depart/types";
 import { EVENT_CATEGORY } from "src/outils/common/Feedback/tracking";
+import { MatomoActionEvent, MatomoBaseEvent } from "src/lib";
+import { sendEvent } from "src/modules/utils";
 import StepSalaires from "../indemnite-depart/steps/Salaires";
 
 const steps: Step<IndemniteDepartStepName>[] = [
@@ -65,26 +67,26 @@ type Props = {
     title: string;
   }[];
   title: string;
-  breadcrumbTitle: string;
+  displayTitle: string;
   description: string;
 };
 
 const IndemniteRuptureCoSimulator = ({
   relatedItems,
   description,
   title,
-  breadcrumbTitle,
+  displayTitle,
 }: Props) => {
   useRuptureCoEventEmitter();
 
   return (
     <ContainerSimulator
       relatedItems={relatedItems}
-      title={breadcrumbTitle}
+      title={title}
       description={description}
       segments={[{ label: "Simulateurs", linkProps: { href: "/outils" } }]}
     >
-      <h1 id="simulateur-indemnite-rupture-co">{title}</h1>
+      <h1 id="simulateur-indemnite-rupture-co">{displayTitle}</h1>
       <CalculateurIndemniteRuptureCo title={title} />
     </ContainerSimulator>
   );
@@ -93,6 +95,14 @@ const IndemniteRuptureCoSimulator = ({
 export const CalculateurIndemniteRuptureCo = ({
   title,
 }: Pick<Props, "title">) => {
+  useEffect(() => {
+    sendEvent({
+      category: MatomoBaseEvent.OUTIL,
+      action: MatomoActionEvent.RUPTURE_CONVENTIONNELLE,
+      name: IndemniteDepartStepName.Introduction,
+    });
+  }, []);
+
   return (
     <CalculateurIndemnite
       title={title}
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/anciennete.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/anciennete.test.tsx
@@ -11,7 +11,7 @@ describe("Rupture conventionnelle - Etape ancienneté", () => {
     let userAction: UserAction;
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/arret-travail.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/arret-travail.test.tsx
@@ -9,7 +9,7 @@ describe("Rupture co avec un arrêt de travail", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc1043.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc1043.test.tsx
@@ -26,7 +26,7 @@ describe("Indemnité licenciement - CC 1043", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc1404.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc1404.test.tsx
@@ -25,7 +25,7 @@ describe("Indemnité licenciement - CC 1404", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc1486.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc1486.test.tsx
@@ -24,7 +24,7 @@ describe("Indemnité licenciement - CC 1486", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc1501.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc1501.test.tsx
@@ -24,7 +24,7 @@ describe("Indemnité licenciement - CC 1501", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc1518.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc1518.test.tsx
@@ -26,7 +26,7 @@ describe("Indemnité licenciement - CC 1518", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc16.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc16.test.tsx
@@ -24,7 +24,7 @@ describe("Indemnité licenciement - CC 16", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc1702.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc1702.test.tsx
@@ -24,7 +24,7 @@ describe("Indemnité licenciement - CC 1702", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc2098.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc2098.test.tsx
@@ -24,7 +24,7 @@ describe("Indemnité licenciement - CC 2098", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc2120.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc2120.test.tsx
@@ -26,7 +26,7 @@ describe("Rupture Co - CC 2120", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc2216.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc2216.test.tsx
@@ -24,7 +24,7 @@ describe("Indemnité licenciement - CC 2216", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc2511.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc2511.test.tsx
@@ -26,7 +26,7 @@ describe("Indemnité licenciement - CC 2511", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc2941.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc2941.test.tsx
@@ -26,7 +26,7 @@ describe("Indemnité licenciement - CC 2941", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc3239.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc3239.test.tsx
@@ -24,7 +24,7 @@ describe("Indemnité licenciement - CC 3239", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc44.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc44.test.tsx
@@ -24,7 +24,7 @@ describe("Indemnité licenciement - CC 44", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc573.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/cc573.test.tsx
@@ -23,7 +23,7 @@ describe("Indemnité licenciement - CC 573", () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/eligibility-error-result.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/eligibility-error-result.test.tsx
@@ -8,7 +8,7 @@ describe(`Tests d'éligibilité`, () => {
   beforeEach(() => {
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
         title="Simulateur d'indemnité de rupture conventionnelle"
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/legal.test.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/__tests__/legal.test.tsx
@@ -4,32 +4,62 @@ import { UserAction } from "../../common/utils/UserAction";
 import { ui } from "../../indemnite-depart/__tests__/ui";
 import { byText } from "testing-library-selector";
 import IndemniteRuptureCoSimulator from "../IndemniteRuptureCoSimulator";
+import { push } from "@socialgouv/matomo-next";
+
+jest.mock("@socialgouv/matomo-next", () => ({
+  push: jest.fn(),
+}));
 
 describe("Rupture conventionnelle - légale", () => {
   test("parcours classique", () => {
     let userAction: UserAction;
     render(
       <IndemniteRuptureCoSimulator
-        breadcrumbTitle="Simulateur d'indemnité de rupture conventionnelle"
+        displayTitle="Simulateur d'indemnité de rupture conventionnelle"
         description="Estimez le montant de l'indemnité de rupture conventionnelle"
         relatedItems={[]}
-        title="Simulateur d'indemnité de rupture conventionnelle"
+        title="Indemnité de rupture conventionnelle"
       />
     );
+    expect(push).toHaveBeenCalledWith([
+      "trackEvent",
+      "outil",
+      "view_step_Indemnité de rupture conventionnelle",
+      "start",
+    ]);
     userAction = new UserAction();
     userAction
       .click(ui.introduction.startButton.get())
       .click(ui.contract.type.cdi.get());
+    expect(push).toHaveBeenCalledWith([
+      "trackEvent",
+      "outil",
+      "view_step_Indemnité de rupture conventionnelle",
+      "contrat_travail",
+    ]);
 
     expect(ui.contract.fauteGrave.question.query()).not.toBeInTheDocument();
     expect(ui.result.dismissalType.inaptitude.query()).not.toBeInTheDocument();
 
     userAction.click(ui.contract.arretTravail.non.get()).click(ui.next.get());
 
+    expect(push).toHaveBeenCalledWith([
+      "trackEvent",
+      "outil",
+      "view_step_Indemnité de rupture conventionnelle",
+      "info_cc",
+    ]);
+
     expect(ui.activeStep.query()).toHaveTextContent("Convention collective");
 
     userAction.click(ui.agreement.noAgreement.get()).click(ui.next.get());
 
+    expect(push).toHaveBeenCalledWith([
+      "trackEvent",
+      "outil",
+      "view_step_Indemnité de rupture conventionnelle",
+      "anciennete",
+    ]);
     expect(ui.activeStep.query()).toHaveTextContent("Ancienneté");
     expect(ui.seniority.notificationDate.query()).not.toBeInTheDocument();
 
@@ -39,6 +69,12 @@ describe("Rupture conventionnelle - légale", () => {
       .click(ui.seniority.hasAbsence.non.get())
       .click(ui.next.get());
 
+    expect(push).toHaveBeenCalledWith([
+      "trackEvent",
+      "outil",
+      "view_step_Indemnité de rupture conventionnelle",
+      "salaires",
+    ]);
     expect(ui.activeStep.query()).toHaveTextContent("Salaire");
 
     userAction
@@ -47,6 +83,12 @@ describe("Rupture conventionnelle - légale", () => {
       .setInput(ui.salary.sameSalaryValue.get(), "1000")
       .click(ui.next.get());
 
+    expect(push).toHaveBeenCalledWith([
+      "trackEvent",
+      "outil",
+      "view_step_Indemnité de rupture conventionnelle",
+      "results",
+    ]);
     expect(ui.activeStep.query()).toHaveTextContent("Indemnité");
 
     expect(ui.result.resultat.get()).toHaveTextContent("83,33 €");
diff --git a/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/events/useRuptureCoEventEmitter.tsx b/packages/code-du-travail-frontend/src/modules/outils/indemnite-rupture-conventionnelle/events/useRuptureCoEventEmitter.tsx
@@ -10,6 +10,14 @@ import { EventType, eventEmitter } from "../../indemnite-depart/events";
 import { sendEvent } from "src/modules/utils";
 
 export const useRuptureCoEventEmitter = () => {
+  useEffect(() => {
+    sendEvent({
+      category: MatomoBaseEvent.OUTIL,
+      action: MatomoActionEvent.RUPTURE_CONVENTIONNELLE,
+      name: IndemniteDepartStepName.Introduction,
+    });
+  }, []);
+
   useEffect(() => {
     eventEmitter.subscribe(EventType.SEND_RESULT_EVENT, (isEligible) => {
       sendEvent({
