fix: ajout du tracking sur outil recherche cc (#6366)

* fix: ajout du tracking sur outil recherche cc * chore: review * chore: review --------- Co-authored-by: victor <[email protected]>
SocialGouv · Dec 13, 2024 · c1fd3d8 · c1fd3d8
1 parent 26580e0
commit c1fd3d8
Show file tree

Hide file tree

Showing 6 changed files with 89 additions and 0 deletions.
diff --git a/...avail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearchInput.tsx b/...avail-frontend/src/modules/convention-collective/AgreementSearch/AgreementSearchInput.tsx
@@ -7,6 +7,7 @@ import { useState } from "react";
 import { Autocomplete } from "../../common/Autocomplete/Autocomplete";
 import { Agreement } from "../../../outils/types";
 import { searchAgreement } from "../search";
+import { useAgreementSearchTracking } from "../tracking";
 
 type Props = {
   onSearch?: (query: string, value?: Agreement[]) => void;
@@ -17,6 +18,7 @@ export const AgreementSearchInput = ({ onSearch }: Props) => {
     "noSearch" | "lowSearch" | "notFoundSearch" | "errorSearch" | "fullSearch"
   >("noSearch");
   const [error, setError] = useState("");
+  const { emitAgreementSearchInputEvent } = useAgreementSearchTracking();
   const getStateMessage = () => {
     switch (searchState) {
       case "lowSearch":
@@ -73,6 +75,9 @@ export const AgreementSearchInput = ({ onSearch }: Props) => {
           }}
           search={searchAgreement}
           onSearch={(query, agreements) => {
+            if (query) {
+              emitAgreementSearchInputEvent(query);
+            }
             if (onSearch) onSearch(query, agreements);
             if (!query) {
               setSearchState("noSearch");

diff --git a/...avail-frontend/src/modules/convention-collective/__tests__/AgreementSearchByName.test.tsx b/...avail-frontend/src/modules/convention-collective/__tests__/AgreementSearchByName.test.tsx
@@ -6,6 +6,15 @@ import { ui } from "./ui";
 import { wait } from "@testing-library/user-event/dist/utils";
 import { act } from "react-dom/test-utils";
 import { searchAgreement } from "../search";
+import { sendEvent } from "../../utils";
+
+jest.mock("../../utils", () => ({
+  sendEvent: jest.fn(),
+}));
+
+jest.mock("uuid", () => ({
+  v4: jest.fn(() => ""),
+}));
 
 jest.mock("../search", () => ({
   searchAgreement: jest.fn(),
@@ -37,6 +46,12 @@ describe("Trouver sa CC - recherche par nom de CC", () => {
       userAction = new UserAction();
       userAction.setInput(ui.searchByName.input.get(), "16");
       await wait();
+      expect(sendEvent).toHaveBeenCalledTimes(1);
+      expect(sendEvent).toHaveBeenCalledWith({
+        action: "Trouver sa convention collective",
+        category: "cc_search",
+        name: '{"query":"16"}',
+      });
       expect(
         ui.searchByName.autocompleteLines.IDCC16.name.query()
       ).toBeInTheDocument();

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
@@ -0,0 +1,24 @@
+import { v4 as generateUUID } from "uuid";
+import { sendEvent } from "../utils";
+
+export enum TrackingAgreementSearchEvent {
+  CC_SEARCH = "cc_search",
+  ENTERPRISE_SEARCH = "enterprise_search",
+}
+
+export const AGREEMENT_SEARCH_ACTION = "Trouver sa convention collective";
+
+export const useAgreementSearchTracking = () => {
+  const emitAgreementSearchInputEvent = (query: string) => {
+    sendEvent({
+      category: TrackingAgreementSearchEvent.CC_SEARCH,
+      action: AGREEMENT_SEARCH_ACTION,
+      name: JSON.stringify({ query }),
+      value: generateUUID(),
+    });
+  };
+
+  return {
+    emitAgreementSearchInputEvent,
+  };
+};
diff --git a/...ntend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearchInput.tsx b/...ntend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearchInput.tsx
@@ -15,6 +15,7 @@ import { searchEnterprises } from "../queries";
 import { Enterprise } from "../types";
 import { ApiGeoResult } from "../../Location/searchCities";
 import { CardTitleStyle, ButtonStyle } from "../../convention-collective/style";
+import { useEnterpriseAgreementSearchTracking } from "./tracking";
 
 type Props = {
   widgetMode?: boolean;
@@ -30,6 +31,9 @@ export const EnterpriseAgreementSearchInput = ({
   const [searchState, setSearchState] = useState<
     "noSearch" | "notFoundSearch" | "errorSearch" | "fullSearch" | "required"
   >("noSearch");
+  const { emitEnterpriseAgreementSearchInputEvent } =
+    useEnterpriseAgreementSearchTracking();
+
   const [search, setSearch] = useState<string | undefined>(defaultSearch);
   const [loading, setLoading] = useState<boolean>(false);
   const [location, setLocation] = useState<ApiGeoResult | undefined>(
@@ -85,6 +89,7 @@ export const EnterpriseAgreementSearchInput = ({
       setSearchState("required");
       return;
     }
+    emitEnterpriseAgreementSearchInputEvent(search, location);
     setLoading(true);
     try {
       const result = await searchEnterprises({

diff --git a/...modules/enterprise/EnterpriseAgreementSearch/__tests__/EnterpriseAgreementSearch.test.tsx b/...modules/enterprise/EnterpriseAgreementSearch/__tests__/EnterpriseAgreementSearch.test.tsx
@@ -5,6 +5,15 @@ import { EnterpriseAgreementSearch } from "../EnterpriseAgreementSearch";
 import { ui } from "./ui";
 import { wait } from "@testing-library/user-event/dist/utils";
 import { searchEnterprises } from "../../queries";
+import { sendEvent } from "../../../utils";
+
+jest.mock("../../../utils", () => ({
+  sendEvent: jest.fn(),
+}));
+
+jest.mock("uuid", () => ({
+  v4: jest.fn(() => ""),
+}));
 
 jest.mock("../../queries", () => ({
   searchEnterprises: jest.fn(),
@@ -58,6 +67,12 @@ describe("Trouver sa CC - recherche par nom d'entreprise CC", () => {
       );
       userAction.click(ui.enterpriseAgreementSearch.submitButton.get());
       await wait();
+      expect(sendEvent).toHaveBeenCalledTimes(1);
+      expect(sendEvent).toHaveBeenCalledWith({
+        action: "Trouver sa convention collective",
+        category: "enterprise_search",
+        name: '{"query":"carrefour"}',
+      });
       expect(
         ui.enterpriseAgreementSearch.resultLines.carrefour.title.query()
       ).toBeInTheDocument();

diff --git a/...ges/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/tracking.ts b/...ges/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/tracking.ts
@@ -0,0 +1,25 @@
+import { v4 as generateUUID } from "uuid";
+import { sendEvent } from "../../utils";
+import { ApiGeoResult } from "src/modules/Location/searchCities";
+import {
+  AGREEMENT_SEARCH_ACTION,
+  TrackingAgreementSearchEvent,
+} from "src/modules/convention-collective/tracking";
+
+export const useEnterpriseAgreementSearchTracking = () => {
+  const emitEnterpriseAgreementSearchInputEvent = (
+    query: string,
+    apiGeoResult?: ApiGeoResult
+  ) => {
+    sendEvent({
+      category: TrackingAgreementSearchEvent.ENTERPRISE_SEARCH,
+      action: AGREEMENT_SEARCH_ACTION,
+      name: JSON.stringify({ query, apiGeoResult }),
+      value: generateUUID(),
+    });
+  };
+
+  return {
+    emitEnterpriseAgreementSearchInputEvent,
+  };
+};