From e4349b3a3dbd1cef4fac83227ce1d1e1cd773df0 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Mon, 18 Sep 2023 15:24:38 -0400
Subject: [PATCH] Vehicle damage changes

---
 src/layouts/vehicle-damage/vehicle-damage.spec.js | 11 +++++++----
 src/layouts/vehicle-damage/vehicle-damage.vue     | 11 +++++++----
 src/store/index.js                                |  8 ++++++--
 src/store/store.spec.js                           |  5 ++++-
 4 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/src/layouts/vehicle-damage/vehicle-damage.spec.js b/src/layouts/vehicle-damage/vehicle-damage.spec.js
index b26b5e31c..efe06a350 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.spec.js
+++ b/src/layouts/vehicle-damage/vehicle-damage.spec.js
@@ -173,9 +173,10 @@ describe("vehicle-damage.vue", () => {
             //Assert
             expect(wrapper.vm.$router.navigateWithSaving).toHaveBeenCalled();
             expect(wrapper.vm.selectedGlassToReplace()).toEqual(expectedGlassToReplace);
-            expect(baseMixin.methods.dispatchStoreAction).toBeCalledWith(
+            expect(baseMixin.methods.dispatchStoreActionWithLogging).toBeCalledWith(
                 storeActions.GET_DAMAGE_OPTIONS,
-                { carId: "C00000000" }
+                { carId: "C00000000" },
+                "vehicle-damage"
             );
         });
 
@@ -268,9 +269,10 @@ describe("vehicle-damage.vue", () => {
             //Assert
             expect(wrapper.vm.$router.navigateWithSaving).toHaveBeenCalled();
             expect(wrapper.vm.selectedGlassToReplace()).toEqual(expectedGlassToReplace);
-            expect(baseMixin.methods.dispatchStoreAction).toBeCalledWith(
+            expect(baseMixin.methods.dispatchStoreActionWithLogging).toBeCalledWith(
                 storeActions.GET_DAMAGE_OPTIONS,
-                { carId: "C00000000" }
+                { carId: "C00000000" },
+                "vehicle-damage"
             );
         });
     });
@@ -789,6 +791,7 @@ function setupMocks({ pageHeaderWidgetHeaderText, mountOptionsMockData, funnelCo
     mountOptionsMockData = Object.assign(mountOptionsMockDataDefault, mountOptionsMockData);
     //Mock api responses
     baseMixin.methods.dispatchStoreAction = jest.fn();
+    baseMixin.methods.dispatchStoreActionWithLogging = jest.fn();
     const apiResponses = {
         cmsContent: {
             FunnelSubHeaderWidget: pageHeaderWidgetHeaderText,
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index c03fabda1..9144ec66e 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -90,9 +90,10 @@ export default {
         // Call APIs
         const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
 
-        const damageOptionsPromise = baseMixin.methods.dispatchStoreAction(
+        const damageOptionsPromise = baseMixin.methods.dispatchStoreActionWithLogging(
             storeActions.GET_DAMAGE_OPTIONS,
-            { carId: store.getters.vehicle.carId }
+            { carId: store.getters.vehicle.carId },
+            "vehicle-damage"
         );
 
         // Settle promises and get results
@@ -325,8 +326,10 @@ export default {
             );
 
             if (this.isWindshieldRepair) {
-                const supportingItems = await this.dispatchStoreAction(
-                    storeActions.GET_SUPPORTING_ITEMS
+                const supportingItems = await this.dispatchStoreActionWithLogging(
+                    storeActions.GET_SUPPORTING_ITEMS,
+                    null,
+                    "vehicle-damage"
                 );
                 this.dispatchStoreAction(
                     this.storeActions.SAVE_SUPPORTING_ITEMS,
diff --git a/src/store/index.js b/src/store/index.js
index 31a8f81be..26a28b39a 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -776,13 +776,15 @@ export const actions = {
             });
     },
 
-    getDamageOptions(context, { carId }) {
+    getDamageOptions(context, { payload: { carId }, pageNameToLog }) {
         return globalMethods.callHttpClient({
             methods: endpoints.GetDamageOptions.method,
             endpoint: `${endpoints.GetDamageOptions.url}/${carId}`,
             payload: {},
             additionalSuccessEventDataHandler: (response) =>
                 "QueryStringZip: " + getQuerystringParameter(queryStrings.ZIP_CODE),
+            logApiCall: true,
+            pageNameToLog: pageNameToLog,
         });
     },
 
@@ -1232,7 +1234,7 @@ export const actions = {
         });
     },
 
-    getSupportingItems(context) {
+    getSupportingItems(context, { pageNameToLog }) {
         const glassPartsArray = context.getters.lineItems.glassParts ?? [];
         const carId = context.getters.vehicle.carId;
         const isRepair = context.getters.damage.isRepair;
@@ -1248,6 +1250,8 @@ export const actions = {
                 parts: glassPartsArray,
                 numberOfRepairChips: isRepair ? numberOfChips : 0,
             },
+            logApiCall: true,
+            pageNameToLog: pageNameToLog,
         });
     },
 
diff --git a/src/store/store.spec.js b/src/store/store.spec.js
index 99d3e0cc2..75ebacc51 100644
--- a/src/store/store.spec.js
+++ b/src/store/store.spec.js
@@ -549,7 +549,10 @@ describe("Actions", () => {
             return Promise.resolve({ data: ["Windshield", "DriversFrontDoor"] });
         });
 
-        const response = await actions.getDamageOptions(context, "C00000000");
+        const response = await actions.getDamageOptions(context, {
+            payload: { carId: "C00000000" },
+            pageNameToLog: "test",
+        });
 
         // Assert
         expect(response.data).toEqual(["Windshield", "DriversFrontDoor"]);