From ff6095d53bc2373856979a4d9ccf65a508c185c4 Mon Sep 17 00:00:00 2001
From: Victor Zeinstra <zeinstra.victor@gmail.com>
Date: Wed, 18 Dec 2024 12:12:37 +0100
Subject: [PATCH] fix: search cc tracking (#6373)

* fix: tracking manquant recherche cc

* chore: clean

* fix: test e2e ajout useeffect

* fix: ajout tracking particulier employeur

---------

Co-authored-by: victor <victor.zeinstra@gmail.com>
---
 .../AgreementSearch/AgreementSearch.tsx       |  7 +-
 .../AgreementSearch/AgreementSearchInput.tsx  |  8 +-
 .../AgreementSearch/AgreementSearchIntro.tsx  | 13 +++
 .../__tests__/AgreementSearchByName.test.tsx  | 25 ++++--
 .../__tests__/AgreementSearchIntro.test.tsx   | 51 +++++++++++
 .../convention-collective/__tests__/ui.ts     | 11 +++
 .../modules/convention-collective/tracking.ts | 71 ++++++++++++++-
 .../EnterpriseAgreementSearch.tsx             |  7 +-
 .../EnterpriseAgreementSearchInput.tsx        | 13 ++-
 .../EnterpriseAgreementSelection.tsx          |  6 ++
 .../__tests__/AgreementSelection.test.tsx     | 28 +++++-
 .../EnterpriseAgreementSearch.test.tsx        | 90 ++++++++++++-------
 .../EnterpriseAgreementSearch/__tests__/ui.ts |  1 +
 .../EnterpriseAgreementSearch/tracking.ts     | 50 ++++++++++-
 14 files changed, 329 insertions(+), 52 deletions(-)
 create mode 100644 packages/code-du-travail-frontend/src/modules/convention-collective/__tests__/AgreementSearchIntro.test.tsx

diff --git a/packages/code-du-travail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearch.tsx b/packages/code-du-travail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearch.tsx
index b5269baa29..b7beb41a01 100644
--- a/packages/code-du-travail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearch.tsx
+++ b/packages/code-du-travail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearch.tsx
@@ -5,9 +5,11 @@ import { useState } from "react";
 import Button from "@codegouvfr/react-dsfr/Button";
 import { ButtonStyle } from "../style";
 import { AgreementSearchInput } from "./AgreementSearchInput";
+import { useAgreementSearchTracking } from "../tracking";
 
 export const AgreementSearch = () => {
   const [noResult, setNoResult] = useState(false);
+  const { emitPreviousEvent } = useAgreementSearchTracking();
   return (
     <>
       <AgreementSearchInput
@@ -17,7 +19,10 @@ export const AgreementSearch = () => {
       />
       <div className={fr.cx("fr-mt-2w")}>
         <Button
-          linkProps={{ href: "/outils/convention-collective" }}
+          linkProps={{
+            href: "/outils/convention-collective",
+            onClick: emitPreviousEvent,
+          }}
           priority="secondary"
           className={ButtonStyle}
         >
diff --git a/packages/code-du-travail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearchInput.tsx b/packages/code-du-travail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearchInput.tsx
index b2fd1ace0f..ae6637e381 100644
--- a/packages/code-du-travail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearchInput.tsx
+++ b/packages/code-du-travail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearchInput.tsx
@@ -18,7 +18,8 @@ export const AgreementSearchInput = ({ onSearch }: Props) => {
     "noSearch" | "lowSearch" | "notFoundSearch" | "errorSearch" | "fullSearch"
   >("noSearch");
   const [error, setError] = useState("");
-  const { emitAgreementSearchInputEvent } = useAgreementSearchTracking();
+  const { emitAgreementSearchInputEvent, emitSelectEvent } =
+    useAgreementSearchTracking();
   const getStateMessage = () => {
     switch (searchState) {
       case "lowSearch":
@@ -73,6 +74,11 @@ export const AgreementSearchInput = ({ onSearch }: Props) => {
           lineAsLink={(item) => {
             return `/${getRouteBySource(SOURCES.CCN)}/${item.slug}`;
           }}
+          onChange={(agreement) => {
+            if (agreement) {
+              emitSelectEvent(`idcc${agreement.id}`);
+            }
+          }}
           search={searchAgreement}
           onSearch={(query, agreements) => {
             if (query) {
diff --git a/packages/code-du-travail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearchIntro.tsx b/packages/code-du-travail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearchIntro.tsx
index e382a465f0..401b513beb 100644
--- a/packages/code-du-travail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearchIntro.tsx
+++ b/packages/code-du-travail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearchIntro.tsx
@@ -1,6 +1,9 @@
+"use client";
 import { fr } from "@codegouvfr/react-dsfr";
 import Button from "@codegouvfr/react-dsfr/Button";
 import { css } from "@styled-system/css";
+import { useAgreementSearchTracking } from "../tracking";
+import { useEffect } from "react";
 
 type Props = {
   navigationUrl?: string;
@@ -9,6 +12,14 @@ type Props = {
 export const AgreementSearchIntro = ({
   navigationUrl = "/outils/convention-collective",
 }: Props) => {
+  const {
+    emitNavigateEnterpriseSearchEvent,
+    emitNavigateAgreementSearchEvent,
+    emitViewStepEvent,
+  } = useAgreementSearchTracking();
+  useEffect(() => {
+    emitViewStepEvent();
+  });
   return (
     <>
       <div className={`${fr.cx("fr-mt-2w", "fr-ml-md-15v")}`}>
@@ -48,6 +59,7 @@ export const AgreementSearchIntro = ({
           iconId="fr-icon-arrow-right-line"
           linkProps={{
             href: `${navigationUrl}/convention`,
+            onClick: emitNavigateAgreementSearchEvent,
           }}
         >
           Je connais ma convention collective je la saisis
@@ -64,6 +76,7 @@ export const AgreementSearchIntro = ({
           iconId="fr-icon-arrow-right-line"
           linkProps={{
             href: `${navigationUrl}/entreprise`,
+            onClick: emitNavigateEnterpriseSearchEvent,
           }}
         >
           Je cherche mon entreprise pour trouver ma convention collective
diff --git a/packages/code-du-travail-frontend/src/modules/convention-collective/__tests__/AgreementSearchByName.test.tsx b/packages/code-du-travail-frontend/src/modules/convention-collective/__tests__/AgreementSearchByName.test.tsx
index e61d1ba9ad..7f0243768d 100644
--- a/packages/code-du-travail-frontend/src/modules/convention-collective/__tests__/AgreementSearchByName.test.tsx
+++ b/packages/code-du-travail-frontend/src/modules/convention-collective/__tests__/AgreementSearchByName.test.tsx
@@ -20,6 +20,10 @@ jest.mock("../search", () => ({
   searchAgreement: jest.fn(),
 }));
 
+jest.mock("next/navigation", () => ({
+  redirect: jest.fn(),
+}));
+
 describe("Trouver sa CC - recherche par nom de CC", () => {
   describe("Test de l'autocomplete", () => {
     let rendering: RenderResult;
@@ -28,7 +32,7 @@ describe("Trouver sa CC - recherche par nom de CC", () => {
       jest.resetAllMocks();
       rendering = render(<AgreementSearch />);
     });
-    it("Vérifier le déroulement de la liste & effacement", async () => {
+    it("Vérifier la navigation", async () => {
       (searchAgreement as jest.Mock).mockImplementation(() =>
         Promise.resolve([
           {
@@ -47,7 +51,7 @@ describe("Trouver sa CC - recherche par nom de CC", () => {
       userAction.setInput(ui.searchByName.input.get(), "16");
       await wait();
       expect(sendEvent).toHaveBeenCalledTimes(1);
-      expect(sendEvent).toHaveBeenCalledWith({
+      expect(sendEvent).toHaveBeenLastCalledWith({
         action: "Trouver sa convention collective",
         category: "cc_search",
         name: '{"query":"16"}',
@@ -61,9 +65,20 @@ describe("Trouver sa CC - recherche par nom de CC", () => {
         "href",
         "/convention-collective/16-transports-routiers-et-activites-auxiliaires-du-transport"
       );
-      expect(ui.searchByName.input.get()).toHaveValue("16");
-      userAction.click(ui.searchByName.inputCloseBtn.get());
-      expect(ui.searchByName.input.get()).toHaveValue("");
+      userAction.click(ui.searchByName.autocompleteLines.IDCC16.link.get());
+      expect(sendEvent).toHaveBeenCalledTimes(2);
+      expect(sendEvent).toHaveBeenLastCalledWith({
+        action: "Trouver sa convention collective",
+        category: "cc_select_p1",
+        name: "idcc0016",
+      });
+      userAction.click(ui.searchByName.buttonPrevious.get());
+      expect(sendEvent).toHaveBeenCalledTimes(3);
+      expect(sendEvent).toHaveBeenLastCalledWith({
+        action: "back_step_cc_search_p1",
+        category: "view_step_cc_search_p1",
+        name: "Trouver sa convention collective",
+      });
     });
     it("Vérifier l'affichage des erreurs", async () => {
       (searchAgreement as jest.Mock).mockImplementation(() =>
diff --git a/packages/code-du-travail-frontend/src/modules/convention-collective/__tests__/AgreementSearchIntro.test.tsx b/packages/code-du-travail-frontend/src/modules/convention-collective/__tests__/AgreementSearchIntro.test.tsx
new file mode 100644
index 0000000000..a1597b4326
--- /dev/null
+++ b/packages/code-du-travail-frontend/src/modules/convention-collective/__tests__/AgreementSearchIntro.test.tsx
@@ -0,0 +1,51 @@
+import { render, RenderResult } from "@testing-library/react";
+import React from "react";
+import { ui } from "./ui";
+import { UserAction } from "src/common";
+import { sendEvent } from "../../utils";
+import { AgreementSearchIntro } from "../AgreementSearch";
+
+jest.mock("../../utils", () => ({
+  sendEvent: jest.fn(),
+}));
+
+jest.mock("uuid", () => ({
+  v4: jest.fn(() => {}),
+}));
+
+describe("Trouver sa CC - intro", () => {
+  let rendering: RenderResult;
+  let userAction: UserAction;
+  beforeEach(() => {
+    jest.resetAllMocks();
+  });
+  it("Vérifier le tracking à l'arrivée", async () => {
+    rendering = render(<AgreementSearchIntro />);
+    expect(sendEvent).toHaveBeenLastCalledWith({
+      action: "view_step_Trouver sa convention collective",
+      category: "outil",
+      name: "start",
+    });
+  });
+  it("Vérifier le tracking vers recherche CC", async () => {
+    rendering = render(<AgreementSearchIntro />);
+    userAction = new UserAction();
+    userAction.click(ui.searchAgreementIntro.buttonSearchAgreement.get());
+    expect(sendEvent).toHaveBeenLastCalledWith({
+      action: "click_p1",
+      category: "cc_search_type_of_users",
+      name: "Trouver sa convention collective",
+    });
+  });
+
+  it("Vérifier le tracking vers recherche entreprise", async () => {
+    rendering = render(<AgreementSearchIntro />);
+    userAction = new UserAction();
+    userAction.click(ui.searchAgreementIntro.buttonSearchEnterprise.get());
+    expect(sendEvent).toHaveBeenLastCalledWith({
+      action: "click_p2",
+      category: "cc_search_type_of_users",
+      name: "Trouver sa convention collective",
+    });
+  });
+});
diff --git a/packages/code-du-travail-frontend/src/modules/convention-collective/__tests__/ui.ts b/packages/code-du-travail-frontend/src/modules/convention-collective/__tests__/ui.ts
index ef45b06d6e..46caf6f5be 100644
--- a/packages/code-du-travail-frontend/src/modules/convention-collective/__tests__/ui.ts
+++ b/packages/code-du-travail-frontend/src/modules/convention-collective/__tests__/ui.ts
@@ -6,11 +6,22 @@ import {
 } from "testing-library-selector";
 
 export const ui = {
+  searchAgreementIntro: {
+    buttonSearchAgreement: byRole("link", {
+      name: "Je connais ma convention collective je la saisis",
+    }),
+    buttonSearchEnterprise: byRole("link", {
+      name: "Je cherche mon entreprise pour trouver ma convention collective",
+    }),
+  },
   searchByName: {
     input: byLabelText(
       /Nom de la convention collective ou son numéro d’identification IDCC \(4 chiffres\)/
     ),
     inputCloseBtn: byTestId("AgreementSearchAutocomplete-autocomplete-close"),
+    buttonPrevious: byRole("link", {
+      name: "Précédent",
+    }),
     autocompleteLines: {
       IDCC16: {
         name: byText(
diff --git a/packages/code-du-travail-frontend/src/modules/convention-collective/tracking.ts b/packages/code-du-travail-frontend/src/modules/convention-collective/tracking.ts
index 43922ba1ef..946e122a70 100644
--- a/packages/code-du-travail-frontend/src/modules/convention-collective/tracking.ts
+++ b/packages/code-du-travail-frontend/src/modules/convention-collective/tracking.ts
@@ -1,24 +1,87 @@
 import { v4 as generateUUID } from "uuid";
 import { sendEvent } from "../utils";
 
-export enum TrackingAgreementSearchEvent {
+export enum TrackingAgreementSearchCategory {
   CC_SEARCH = "cc_search",
+  CC_SEARCH_TYPE_OF_USERS = "cc_search_type_of_users",
   ENTERPRISE_SEARCH = "enterprise_search",
+  VIEW_STEP = "view_step_Trouver sa convention collective",
+  CC_SELECT_P1 = "cc_select_p1",
+  CC_SELECT_P2 = "cc_select_p2",
+  CC_ENTERPRISE_SELECT = "enterprise_select",
+  VIEW_STEP_CC_SEARCH_P1 = "view_step_cc_search_p1",
+  VIEW_STEP_CC_SEARCH_P2 = "view_step_cc_search_p2",
 }
 
-export const AGREEMENT_SEARCH_ACTION = "Trouver sa convention collective";
+export enum TrackingAgreementSearchAction {
+  AGREEMENT_SEARCH = "Trouver sa convention collective",
+  CLICK_P1 = "click_p1",
+  CLICK_P2 = "click_p2",
+  BACK_STEP_P1 = "back_step_cc_search_p1",
+  BACK_STEP_P2 = "back_step_cc_search_p2",
+  CLICK_NO_COMPANY = "click_je_n_ai_pas_d_entreprise",
+}
 
 export const useAgreementSearchTracking = () => {
   const emitAgreementSearchInputEvent = (query: string) => {
     sendEvent({
-      category: TrackingAgreementSearchEvent.CC_SEARCH,
-      action: AGREEMENT_SEARCH_ACTION,
+      category: TrackingAgreementSearchCategory.CC_SEARCH,
+      action: TrackingAgreementSearchAction.AGREEMENT_SEARCH,
       name: JSON.stringify({ query }),
       value: generateUUID(),
     });
   };
 
+  const emitViewStepEvent = () => {
+    sendEvent({
+      category: "outil",
+      action: `view_step_${TrackingAgreementSearchAction.AGREEMENT_SEARCH}`,
+      name: "start",
+    });
+  };
+
+  const emitNavigateAgreementSearchEvent = (): undefined => {
+    sendEvent({
+      category: TrackingAgreementSearchCategory.CC_SEARCH_TYPE_OF_USERS,
+      action: TrackingAgreementSearchAction.CLICK_P1,
+      name: TrackingAgreementSearchAction.AGREEMENT_SEARCH,
+      value: generateUUID(),
+    });
+  };
+
+  const emitNavigateEnterpriseSearchEvent = (): undefined => {
+    sendEvent({
+      category: TrackingAgreementSearchCategory.CC_SEARCH_TYPE_OF_USERS,
+      action: TrackingAgreementSearchAction.CLICK_P2,
+      name: TrackingAgreementSearchAction.AGREEMENT_SEARCH,
+      value: generateUUID(),
+    });
+  };
+
+  const emitSelectEvent = (idcc: string) => {
+    sendEvent({
+      category: TrackingAgreementSearchCategory.CC_SELECT_P1,
+      action: TrackingAgreementSearchAction.AGREEMENT_SEARCH,
+      name: idcc,
+      value: generateUUID(),
+    });
+  };
+
+  const emitPreviousEvent = () => {
+    sendEvent({
+      category: TrackingAgreementSearchCategory.VIEW_STEP_CC_SEARCH_P1,
+      action: TrackingAgreementSearchAction.BACK_STEP_P1,
+      name: TrackingAgreementSearchAction.AGREEMENT_SEARCH,
+      value: generateUUID(),
+    });
+  };
+
   return {
     emitAgreementSearchInputEvent,
+    emitViewStepEvent,
+    emitNavigateAgreementSearchEvent,
+    emitNavigateEnterpriseSearchEvent,
+    emitSelectEvent,
+    emitPreviousEvent,
   };
 };
diff --git a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearch.tsx b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearch.tsx
index 55f143d9f9..ed4462fd9c 100644
--- a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearch.tsx
+++ b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearch.tsx
@@ -5,6 +5,7 @@ import Button from "@codegouvfr/react-dsfr/Button";
 import { ButtonStyle } from "../../convention-collective/style";
 import { EnterpriseAgreementSearchInput } from "./EnterpriseAgreementSearchInput";
 import { useSearchParams } from "next/navigation";
+import { useEnterpriseAgreementSearchTracking } from "./tracking";
 
 type Props = {
   widgetMode?: boolean;
@@ -15,6 +16,7 @@ export const EnterpriseAgreementSearch = ({ widgetMode = false }: Props) => {
   const defaultSearch = searchParams?.get("q") ?? undefined;
   const cp = searchParams?.get("cp");
   const defaultLocation = cp ? JSON.parse(atob(cp)) : undefined;
+  const { emitPreviousEvent } = useEnterpriseAgreementSearchTracking();
   return (
     <>
       <EnterpriseAgreementSearchInput
@@ -25,7 +27,10 @@ export const EnterpriseAgreementSearch = ({ widgetMode = false }: Props) => {
       {!widgetMode && (
         <div className={fr.cx("fr-mt-2w")}>
           <Button
-            linkProps={{ href: "/outils/convention-collective" }}
+            linkProps={{
+              href: "/outils/convention-collective",
+              onClick: emitPreviousEvent,
+            }}
             priority="secondary"
             className={ButtonStyle}
           >
diff --git a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearchInput.tsx b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearchInput.tsx
index 529aa2a1cd..8e4037448e 100644
--- a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearchInput.tsx
+++ b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearchInput.tsx
@@ -31,8 +31,11 @@ export const EnterpriseAgreementSearchInput = ({
   const [searchState, setSearchState] = useState<
     "noSearch" | "notFoundSearch" | "errorSearch" | "fullSearch" | "required"
   >("noSearch");
-  const { emitEnterpriseAgreementSearchInputEvent } =
-    useEnterpriseAgreementSearchTracking();
+  const {
+    emitEnterpriseAgreementSearchInputEvent,
+    emitSelectEnterpriseEvent,
+    emitNoEnterpriseEvent,
+  } = useEnterpriseAgreementSearchTracking();
 
   const [search, setSearch] = useState<string | undefined>(defaultSearch);
   const [loading, setLoading] = useState<boolean>(false);
@@ -251,6 +254,9 @@ export const EnterpriseAgreementSearchInput = ({
                 href: widgetMode
                   ? `/widgets/convention-collective/entreprise/${enterprise.siren}${getQueries()}`
                   : `/outils/convention-collective/entreprise/${enterprise.siren}${getQueries()}`,
+                onClick: () => {
+                  emitSelectEnterpriseEvent(enterprise);
+                },
               }}
               desc={
                 enterprise.activitePrincipale ? (
@@ -286,6 +292,9 @@ export const EnterpriseAgreementSearchInput = ({
           linkProps={{
             href: `/convention-collective/3239-particuliers-employeurs-et-emploi-a-domicile`,
             ...(widgetMode ? { target: "_blank" } : {}),
+            onClick: () => {
+              emitNoEnterpriseEvent();
+            },
           }}
           title="Particuliers employeurs et emploi à domicile"
           desc="Retrouvez les questions-réponses les plus fréquentes organisées par thème et élaborées par le Ministère du travail concernant cette convention collective"
diff --git a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSelection.tsx b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSelection.tsx
index 681ca02609..de5de112ad 100644
--- a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSelection.tsx
+++ b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSelection.tsx
@@ -6,6 +6,7 @@ import { Enterprise } from "../types";
 import { ButtonStyle, CardTitleStyle } from "../../convention-collective/style";
 import { css } from "@styled-system/css";
 import { useSearchParams } from "next/navigation";
+import { useEnterpriseAgreementSearchTracking } from "./tracking";
 
 type Props = {
   enterprise: Omit<Enterprise, "complements">;
@@ -17,6 +18,8 @@ export const EnterpriseAgreementSelection = ({
   widgetMode = false,
 }: Props) => {
   const searchParams = useSearchParams();
+  const { emitSelectEnterpriseAgreementEvent } =
+    useEnterpriseAgreementSearchTracking();
   return (
     <>
       <h2 className={fr.cx("fr-h4", "fr-mt-2w", "fr-mb-0")}>
@@ -64,6 +67,9 @@ export const EnterpriseAgreementSelection = ({
               ...(!disabled
                 ? {
                     href: `/convention-collective/${agreement.slug}`,
+                    onClick: () => {
+                      emitSelectEnterpriseAgreementEvent(`idcc${agreement.id}`);
+                    },
                   }
                 : {
                     href: "#",
diff --git a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/__tests__/AgreementSelection.test.tsx b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/__tests__/AgreementSelection.test.tsx
index 8e0ca4a2b7..360f779f4c 100644
--- a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/__tests__/AgreementSelection.test.tsx
+++ b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/__tests__/AgreementSelection.test.tsx
@@ -1,7 +1,22 @@
-import { render, RenderResult, screen } from "@testing-library/react";
+import { render, RenderResult } from "@testing-library/react";
 import React from "react";
 import { EnterpriseAgreementSelection } from "../EnterpriseAgreementSelection";
 import { ui } from "./ui";
+import { sendEvent } from "../../../utils";
+import { UserAction } from "src/common";
+
+jest.mock("../../../utils", () => ({
+  sendEvent: jest.fn(),
+}));
+
+jest.mock("uuid", () => ({
+  v4: jest.fn(() => {}),
+}));
+
+jest.mock("next/navigation", () => ({
+  redirect: jest.fn(),
+  useSearchParams: jest.fn(),
+}));
 
 const defaultEnterprise = {
   activitePrincipale:
@@ -33,10 +48,12 @@ const defaultEnterprise = {
 
 describe("Trouver sa CC - recherche par nom d'entreprise CC", () => {
   let rendering: RenderResult;
+  let userAction: UserAction;
   it("Vérifier l'affichage de la selection", async () => {
     rendering = render(
       <EnterpriseAgreementSelection enterprise={defaultEnterprise} />
     );
+    userAction = new UserAction();
     expect(
       ui.enterpriseAgreementSelection.carrefour.title.query()
     ).toBeInTheDocument();
@@ -61,6 +78,15 @@ describe("Trouver sa CC - recherche par nom d'entreprise CC", () => {
     expect(
       ui.enterpriseAgreementSelection.agreement.IDCC2216.link.query()
     ).not.toHaveAttribute("target", "_blank");
+    userAction.click(
+      ui.enterpriseAgreementSelection.agreement.IDCC2216.link.get()
+    );
+    expect(sendEvent).toHaveBeenCalledTimes(1);
+    expect(sendEvent).toHaveBeenLastCalledWith({
+      action: "Trouver sa convention collective",
+      category: "cc_select_p2",
+      name: "idcc2216",
+    });
   });
 
   it("Vérifier l'affichage de la selection avec une CC sans slug", async () => {
diff --git a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/__tests__/EnterpriseAgreementSearch.test.tsx b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/__tests__/EnterpriseAgreementSearch.test.tsx
index a7c09522f0..2104da9bdc 100644
--- a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/__tests__/EnterpriseAgreementSearch.test.tsx
+++ b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/__tests__/EnterpriseAgreementSearch.test.tsx
@@ -19,46 +19,50 @@ jest.mock("../../queries", () => ({
   searchEnterprises: jest.fn(),
 }));
 
+jest.mock("next/navigation", () => ({
+  redirect: jest.fn(),
+  useSearchParams: jest.fn(),
+}));
+
 describe("Trouver sa CC - recherche par nom d'entreprise CC", () => {
   describe("Test de l'autocomplete", () => {
     let rendering: RenderResult;
     let userAction: UserAction;
+    const enterprise = {
+      activitePrincipale:
+        "Location-bail de propriété intellectuelle et de produits similaires, à l’exception des œuvres soumises à copyright",
+      etablissements: 1294,
+      highlightLabel: "CARREFOUR PROXIMITE FRANCE (SHOPI-8 A HUIT)",
+      label: "CARREFOUR PROXIMITE FRANCE (SHOPI-8 A HUIT)",
+      simpleLabel: "CARREFOUR PROXIMITE FRANCE (SHOPI-8 A HUIT)",
+      matching: 1294,
+      siren: "345130488",
+      address: "ZI ROUTE DE PARIS 14120 MONDEVILLE",
+      firstMatchingEtablissement: {
+        siret: "34513048802674",
+        address: "N°6639 205 RUE SAINT-HONORE 75001 PARIS",
+      },
+      conventions: [
+        {
+          id: "2216",
+          contributions: true,
+          num: 2216,
+          shortTitle:
+            "Commerce de détail et de gros à prédominance alimentaire",
+          title:
+            "Convention collective nationale du commerce de détail et de gros à prédominance alimentaire du 12 juillet 2001.  Etendue par arrêté du 26 juillet 2002 JORF 6 août 2002.",
+          url: "https://www.legifrance.gouv.fr/affichIDCC.do?idConvention=KALICONT000005635085",
+          slug: "2216-commerce-de-detail-et-de-gros-a-predominance-alimentaire",
+        },
+      ],
+    };
     beforeEach(() => {
       jest.resetAllMocks();
     });
     it("Vérifier l'affichage de la recherche", async () => {
       rendering = render(<EnterpriseAgreementSearch />);
       (searchEnterprises as jest.Mock).mockImplementation(() =>
-        Promise.resolve([
-          {
-            activitePrincipale:
-              "Location-bail de propriété intellectuelle et de produits similaires, à l’exception des œuvres soumises à copyright",
-            etablissements: 1294,
-            highlightLabel: "CARREFOUR PROXIMITE FRANCE (SHOPI-8 A HUIT)",
-            label: "CARREFOUR PROXIMITE FRANCE (SHOPI-8 A HUIT)",
-            simpleLabel: "CARREFOUR PROXIMITE FRANCE (SHOPI-8 A HUIT)",
-            matching: 1294,
-            siren: "345130488",
-            address: "ZI ROUTE DE PARIS 14120 MONDEVILLE",
-            firstMatchingEtablissement: {
-              siret: "34513048802674",
-              address: "N°6639 205 RUE SAINT-HONORE 75001 PARIS",
-            },
-            conventions: [
-              {
-                id: "2216",
-                contributions: true,
-                num: 2216,
-                shortTitle:
-                  "Commerce de détail et de gros à prédominance alimentaire",
-                title:
-                  "Convention collective nationale du commerce de détail et de gros à prédominance alimentaire du 12 juillet 2001.  Etendue par arrêté du 26 juillet 2002 JORF 6 août 2002.",
-                url: "https://www.legifrance.gouv.fr/affichIDCC.do?idConvention=KALICONT000005635085",
-                slug: "2216-commerce-de-detail-et-de-gros-a-predominance-alimentaire",
-              },
-            ],
-          },
-        ])
+        Promise.resolve([enterprise])
       );
       userAction = new UserAction();
       userAction.setInput(
@@ -94,6 +98,29 @@ describe("Trouver sa CC - recherche par nom d'entreprise CC", () => {
       expect(
         ui.enterpriseAgreementSearch.childminder.link.query()
       ).not.toHaveAttribute("target", "_blank");
+      userAction.click(ui.enterpriseAgreementSearch.childminder.link.get());
+      expect(sendEvent).toHaveBeenCalledTimes(2);
+      expect(sendEvent).toHaveBeenLastCalledWith({
+        action: "click_je_n_ai_pas_d_entreprise",
+        category: "cc_search_type_of_users",
+        name: "Trouver sa convention collective",
+      });
+      userAction.click(
+        ui.enterpriseAgreementSearch.resultLines.carrefour.link.get()
+      );
+      expect(sendEvent).toHaveBeenCalledTimes(3);
+      expect(sendEvent).toHaveBeenLastCalledWith({
+        action: "Trouver sa convention collective",
+        category: "enterprise_select",
+        name: JSON.stringify(enterprise),
+      });
+      userAction.click(ui.enterpriseAgreementSearch.buttonPrevious.get());
+      expect(sendEvent).toHaveBeenCalledTimes(4);
+      expect(sendEvent).toHaveBeenLastCalledWith({
+        action: "back_step_cc_search_p2",
+        category: "view_step_cc_search_p2",
+        name: "Trouver sa convention collective",
+      });
     });
 
     it("Vérifier l'affichage de l'erreur si aucun résultat", async () => {
@@ -166,9 +193,6 @@ describe("Trouver sa CC - recherche par nom d'entreprise CC", () => {
         "href",
         "/widgets/convention-collective/entreprise/345130488?q=carrefour"
       );
-      expect(
-        ui.enterpriseAgreementSearch.childminder.title.query()
-      ).toBeInTheDocument();
       expect(
         ui.enterpriseAgreementSearch.childminder.link.query()
       ).toHaveAttribute(
diff --git a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/__tests__/ui.ts b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/__tests__/ui.ts
index 2930cd7ba9..d3b51f3605 100644
--- a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/__tests__/ui.ts
+++ b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/__tests__/ui.ts
@@ -5,6 +5,7 @@ export const ui = {
     input: byLabelText(/Nom de votre entreprise ou numéro Siren\/Siret/),
     inputLocation: byLabelText("Code postal ou Ville (optionnel)"),
     submitButton: byText("Rechercher"),
+    buttonPrevious: byText("Précédent"),
     childminder: {
       title: byText("Particuliers employeurs et emploi à domicile"),
       link: byRole("link", {
diff --git a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/tracking.ts b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/tracking.ts
index 3b1a137d67..a15b3f4b60 100644
--- a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/tracking.ts
+++ b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/tracking.ts
@@ -2,8 +2,8 @@ import { v4 as generateUUID } from "uuid";
 import { sendEvent } from "../../utils";
 import { ApiGeoResult } from "src/modules/Location/searchCities";
 import {
-  AGREEMENT_SEARCH_ACTION,
-  TrackingAgreementSearchEvent,
+  TrackingAgreementSearchAction,
+  TrackingAgreementSearchCategory,
 } from "src/modules/convention-collective/tracking";
 
 export const useEnterpriseAgreementSearchTracking = () => {
@@ -12,14 +12,56 @@ export const useEnterpriseAgreementSearchTracking = () => {
     apiGeoResult?: ApiGeoResult
   ) => {
     sendEvent({
-      category: TrackingAgreementSearchEvent.ENTERPRISE_SEARCH,
-      action: AGREEMENT_SEARCH_ACTION,
+      category: TrackingAgreementSearchCategory.ENTERPRISE_SEARCH,
+      action: TrackingAgreementSearchAction.AGREEMENT_SEARCH,
       name: JSON.stringify({ query, apiGeoResult }),
       value: generateUUID(),
     });
   };
 
+  const emitSelectEnterpriseEvent = (enterprise: {
+    label: string;
+    siren: string;
+  }) => {
+    sendEvent({
+      category: TrackingAgreementSearchCategory.CC_ENTERPRISE_SELECT,
+      action: TrackingAgreementSearchAction.AGREEMENT_SEARCH,
+      name: JSON.stringify(enterprise),
+      value: generateUUID(),
+    });
+  };
+
+  const emitSelectEnterpriseAgreementEvent = (idcc: string) => {
+    sendEvent({
+      category: TrackingAgreementSearchCategory.CC_SELECT_P2,
+      action: TrackingAgreementSearchAction.AGREEMENT_SEARCH,
+      name: idcc,
+      value: generateUUID(),
+    });
+  };
+
+  const emitPreviousEvent = () => {
+    sendEvent({
+      category: TrackingAgreementSearchCategory.VIEW_STEP_CC_SEARCH_P2,
+      action: TrackingAgreementSearchAction.BACK_STEP_P2,
+      name: TrackingAgreementSearchAction.AGREEMENT_SEARCH,
+      value: generateUUID(),
+    });
+  };
+
+  const emitNoEnterpriseEvent = () => {
+    sendEvent({
+      category: TrackingAgreementSearchCategory.CC_SEARCH_TYPE_OF_USERS,
+      action: TrackingAgreementSearchAction.CLICK_NO_COMPANY,
+      name: TrackingAgreementSearchAction.AGREEMENT_SEARCH,
+    });
+  };
+
   return {
     emitEnterpriseAgreementSearchInputEvent,
+    emitSelectEnterpriseEvent,
+    emitSelectEnterpriseAgreementEvent,
+    emitPreviousEvent,
+    emitNoEnterpriseEvent,
   };
 };