From 10bad18b5689e31e344b50aed9c3f3aaf74e0807 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Fri, 18 Mar 2022 12:18:43 -0400
Subject: [PATCH 01/10] WIP Do not merge.

---
 src/layouts/vin-lookup/vin-lookup.vue | 78 ++++++++++++++++++++++++++-
 1 file changed, 76 insertions(+), 2 deletions(-)

diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 8dbb6cdc9..2920be727 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -1,9 +1,8 @@
 <template>
-  <div class="container-fluid shadow rounded-3 p-2 position-relative make-tall">
+  <div class="container-fluid shadow rounded-3 px-5 position-relative make-tall">
     <funnelHeader ref="funnelHeader" />
     <vehicleBanner ref="vehicleBanner" />
     <funnelSubHeader ref="funnelSubHeader" />
-    <h1>VIN Lookup Placeholder Page</h1>
     <Form
       @submit="onSubmit"
       @invalid-submit="onInvalidSubmit"
@@ -11,6 +10,27 @@
       v-slot="{ meta }"
       class="d-flex flex-column h-100"
     >
+    <textboxQuestion
+      labelText="Enter your VIN"
+      placeholderText=""
+      inputId="vin-input"
+      class="mt-5 mb-2"
+    />
+    <vinInformation
+      class="mb-5"
+    />
+    <textboxQuestion
+      labelText="Service ZIP"
+      placeholderText=""
+      inputID="zip-input"
+      class="mb-5"
+    />
+    <textboxQuestion
+      labelText="Email address"
+      placeholderText=""
+      inputID="email-input"
+      class="mb-5"
+    />
     <funnel-footer
       ref="funnelFooter"
       :isDisabled="!meta.valid"
@@ -27,6 +47,8 @@ import funnelHeader from "@/common-components/funnel-header/funnel-header";
 import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
 import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header";
 import funnelFooter from "@/common-components/funnel-footer/funnel-footer";
+import textboxQuestion from "@/common-components/textbox-question/textbox-question";
+import vinInformation from "@/common-components/vin-information/vin-information";
 
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@@ -97,11 +119,63 @@ export default {
         this.$route
       );
     },
+    async forwardButtonAction(zip, plate) {
+      const zipValidation = await this.validateZip(zip);
+      const vinLookup = await this.lookupVin(plate);
+      if (!zipValidation.isServiceable) {
+        this.newServiceZipRequired = true;
+        return;
+      }
+      if (!vinLookup.vin) {
+        this.vinNotValid = true;
+        return;
+      }
+      if (vinLookup.vehicle.carId !== store.getters.vehicle.carId) {
+        this.vinDoesNotMatchCarId = true;
+        return;
+      }
+      const partsData = await baseMixin.methods.dispatchNonBlockingStoreAction(
+        this.storeActions.GET_PARTS_OR_QUESTIONS,
+        {
+          carId: store.getters.vehicle.carId,
+          glassArray: store.getters.damage.glassToReplace,
+          zipCode: zip,
+          vin: vinLookup.vin
+        },
+        false
+      );
+      this.navigateForward(partsData);
+    },
+    navigateForward(partsData){
+        if(partsData.data.partsOrQuestions.partQuestions.length){
+            this.$router.navigateAfterSave(this.navigationScenarios.CONTINUING_WITH_PARTS_QUESTION, this.$route, {}, {}, partsData.data);
+            return;
+        } else if(!partsData.data.partsOrQuestions.partQuestions.length && partsData.data.partsOrQuestions.parts.length > 1) {
+           this.$router.navigateAfterSave(this.navigationScenarios.CONTINUING_WITH_MULTIPLE_PARTS, this.$route, {}, {}, partsData.data);
+           return;
+        } else {
+            this.$router.navigate(this.navigationScenarios.CONTINUING_WITH_SINGLE_PART, this.$route);
+        }
+    },
+    validateZip(zip) {
+      return baseMixin.methods.dispatchNonBlockingStoreAction(
+        storeActions.VALIDATE_ZIP,
+        { zip }
+      );
+    },
+    lookupVin(plate, state) {
+      return baseMixin.methods.dispatchNonBlockingStoreAction(
+        storeActions.LOOKUP_VIN_BY_PLATE,
+        { plate, state }
+      );
+    },
   },
   components: {
     funnelHeader,
     vehicleBanner,
     funnelSubHeader,
+    textboxQuestion,
+    vinInformation,
     funnelFooter,
     Form,
   },

From d6eb6e0353a4c2b1587ad1a0416b7113fb5d9b95 Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Mon, 21 Mar 2022 16:02:49 -0400
Subject: [PATCH 02/10] CSR-98 Add tests

---
 src/helpers/heritage-integration-helper.js    |  12 +-
 .../heritage-integration-helper.spec.js       | 358 +++++++++++-------
 src/helpers/unit-test-helper.js               |  67 ++--
 src/router/index.js                           |   2 +-
 4 files changed, 252 insertions(+), 187 deletions(-)

diff --git a/src/helpers/heritage-integration-helper.js b/src/helpers/heritage-integration-helper.js
index a994ad057..41ff2543f 100644
--- a/src/helpers/heritage-integration-helper.js
+++ b/src/helpers/heritage-integration-helper.js
@@ -8,13 +8,9 @@ import baseMixin from "../mixins/base-mixin";
 
 // Read info from heritage funnel and reset state or load referral
 export function handleInfoFromHeritageFunnel() {
-    const orderInfo = getHeritageCookieValue();
-    console.log("A")
-    console.log(orderInfo)
-    console.log(document.cookie)
+    const orderInfo = this.getHeritageCookieValue();
 
     if (orderInfo?.ShouldResetState) {
-        console.log("B")
         store.dispatch(storeActions.RESET_STATE);
         deleteHeritageCookie();
     }
@@ -25,12 +21,10 @@ export function handleInfoFromHeritageFunnel() {
         //     ShouldResetState: false
         // })
     }
-
-    console.log("D")
 }
 
 export async function navigateToHeritageFunnel() {
-    await saveOrder();
+    await this.saveOrder();
     const referralCorrelationId = store.getters.referralCorrelationId;
 
     router.navigate(
@@ -47,7 +41,6 @@ export async function navigateToHeritageFunnel() {
 }
 
 export async function saveOrder() {
-    console.log("HI")
     const savedOrderInfo = (await baseMixin.methods.dispatchNonBlockingStoreAction(storeActions.SAVE_ORDER)).data;
     store.commit(storeMutations.UPDATE_REFERRAL_NUMBER, savedOrderInfo.referralNumber);
     store.commit(storeMutations.UPDATE_REFERRAL_DATE, savedOrderInfo.referralDate);
@@ -60,7 +53,6 @@ export async function saveOrder() {
 
 /* Start cookie related functions */
 export function getHeritageCookieValue() {
-    console.log("A")
     const cookieJson = document.cookie
         ?.split("; ")
         ?.find(row => row.startsWith(`${cookieNames.ORDER_INFO}=`))
diff --git a/src/helpers/heritage-integration-helper.spec.js b/src/helpers/heritage-integration-helper.spec.js
index 78f673e84..361a3de68 100644
--- a/src/helpers/heritage-integration-helper.spec.js
+++ b/src/helpers/heritage-integration-helper.spec.js
@@ -4,73 +4,86 @@ import { setupMocksForJsFiles } from "@/helpers/unit-test-helper.js";
 import { storeActions } from "@/constants/store-actions";
 import { storeMutations } from "@/constants/store-mutations";
 import store from "@/store";
+import router from "@/router";
+import { navigationScenarios } from "@/router/router-constants/navigation-scenarios";
+describe("handleInfoFromHeritageFunnel", () => {
+  afterEach(() => {
+    removeAllTestCookies();
+  });
+
+  test("ShouldResetState == true => heritage cookie is deleted", () => {
+    // Arrange
+    const testShouldResetState = true;
+
+    const testCookieValue = {
+      ShouldResetState: testShouldResetState
+    }
+
+    document.cookie = `${cookieNames.ORDER_INFO}=${JSON.stringify(testCookieValue)}; path=/; domain=${location.hostname}`;
+
+    // Act
+    helper.handleInfoFromHeritageFunnel();
+
+    // Assert
+    expect(document.cookie).toBe("");
+  });
+
+  test("ShouldResetState == true => reset store", () => {
+    // Arrange
+    const getHeritageCookieValueMethod = jest.spyOn(helper, "getHeritageCookieValue")
+    getHeritageCookieValueMethod.mockImplementation(() => { return { ShouldResetState: true, DidHeritageFunnelUpdateLast: false } });
+    
+    const mockData = {
+      actionList: [{
+        actionName: storeActions.RESET_STATE
+      }],
+    }
+    
+    setupMocksForJsFiles(mockData);
+    store.dispatch = jest.spyOn(store, "dispatch");
+
+    // Act
+    helper.handleInfoFromHeritageFunnel();
+
+    // Assert
+    expect(getHeritageCookieValueMethod).toHaveBeenCalled();
+    expect(store.dispatch).toHaveBeenCalledWith(storeActions.RESET_STATE);
+
+    getHeritageCookieValueMethod.mockRestore();
+    store.dispatch.mockRestore();
+  });
+
+  test("Heritage cookie is null => store is unchanged", () => {
+    // Arrange
+    const getHeritageCookieValueMethod = jest.spyOn(helper, "getHeritageCookieValue")
+    getHeritageCookieValueMethod.mockImplementation(() => null);
+
+    store.dispatch = jest.spyOn(store, "dispatch");
+
+    const mockData = {
+      actionList: [{
+        actionName: storeActions.RESET_STATE
+      }],
+    }
+
+    setupMocksForJsFiles(mockData);
+
+    // Act
+    helper.handleInfoFromHeritageFunnel();
+
+    // Assert
+    expect(helper.getHeritageCookieValue).toHaveBeenCalled();
+    expect(store.dispatch).not.toHaveBeenCalledWith(storeActions.RESET_STATE);
+
+    getHeritageCookieValueMethod.mockRestore();
+    store.dispatch.mockRestore();
+  });
+});
 
 describe("saveOrder", () => {
-
-  // afterEach(() => {
-  //   removeAllTestCookies();
-  // });
-
-  function getMockOrderInfo(mockReferralNumber, mockCorrelationId, mockReferralDate ) {
-    return {
-      referralNumber: mockReferralNumber,
-      referralCorrelationId: mockCorrelationId,
-      referralDate: mockReferralDate
-    }
-  }
-
-  describe("handleInfoFromHeritageFunnel", () => {
-    // test("ShouldResetState == true => heritage cookie is deleted", () => {
-      //   // Arrange
-      //   // TODO CSR-98 Can we not mock this??
-      //   const testShouldResetState = true;
-    
-      //   const testCookieValue = {
-      //     ShouldResetState: testShouldResetState
-      //   }
-    
-      //   console.log(cookieNames.ORDER_INFO);
-      //   console.log(testCookieValue)
-      //   console.log(JSON.stringify(testCookieValue));
-      //   console.log(location.hostname)
-      //   let myString = `${cookieNames.ORDER_INFO}=${JSON.stringify(testCookieValue)};domain=${location.hostname};path=/;`;
-      //   console.log(myString)
-      //   document.cookie = 'OrderInfo={"Hahahah":true};domain=localhost;path=/;';
-      //   console.log(document.cookie)
-      //   document.cookie = "Ahhh=AHHH;"
-      //   document.cookie = `${cookieNames.ORDER_INFO}=; Max-Age=0; domain=${location.hostname};`;
-      //   console.log(document.cookie)
-        
-      //   // Act
-      //   helper.handleInfoFromHeritageFunnel();
-    
-      //   // Assert
-      //   console.log(document.cookie)
-      //   // expect(document.cookie).toBe();
-      // });
-    
-      // test("ShouldResetState == true => reset store", () => {
-      //   // Arrange
-      //   helper.getHeritageCookieValue = jest.fn(x => x.ShouldResetState = false);
-    
-      //   // Act
-      //   helper.handleInfoFromHeritageFunnel();
-    
-      //   // Assert
-      //   expect(helper.getHeritageCookieValue).toHaveBeenCalled();
-      // });
-    
-      // test("Heritage cookie is null => store is unchanged", () => {
-      //   // Arrange
-      //   helper.getHeritageCookieValue = jest.fn(x => x.ShouldResetState = true);
-    
-      //   // Act
-      //   helper.handleInfoFromHeritageFunnel();
-    
-      //   // Assert
-      //   expect(helper.getHeritageCookieValue).toHaveBeenCalled();
-      // });
-    });
+  afterEach(() => {
+    removeAllTestCookies();
+  });
 
   test("saveOrder => should set state order values", async () => {
     // Arrange
@@ -79,16 +92,18 @@ describe("saveOrder", () => {
     const mockReferralDate = "2022";
 
     const mockOrderInfo = getMockOrderInfo(mockReferralNumber, mockCorrelationId, mockReferralDate);
-    
+
     const mockData = {
-      actionList: [{ 
-        actionName: storeActions.SAVE_ORDER, 
-        data: mockOrderInfo, 
+      actionList: [{
+        actionName: storeActions.SAVE_ORDER,
+        data: mockOrderInfo,
       }],
+      router: router
     }
-      
-    setupMocksForJsFiles(mockData);
     
+    setupMocksForJsFiles(mockData);
+    store.commit = jest.spyOn(store, "commit");
+
     // Act
     await helper.saveOrder();
 
@@ -97,48 +112,110 @@ describe("saveOrder", () => {
     expect(store.commit).toHaveBeenCalledWith(storeMutations.UPDATE_REFERRAL_NUMBER, mockReferralNumber);
     expect(store.commit).toHaveBeenCalledWith(storeMutations.UPDATE_REFERRAL_CORRELATION_ID, mockCorrelationId);
     expect(store.commit).toHaveBeenCalledWith(storeMutations.UPDATE_REFERRAL_DATE, mockReferralDate);
+    store.commit.mockRestore();
   });
 
-  // test("saveOrder => should update DidHeritageFunnelUpdateLast cookie value", async () => {
-  //   // Arrange
-  //   const mockReferralNumber = 2;
-  //   const mockCorrelationId = "55";
-  //   const mockReferralDate = "2022";
+  test("saveOrder => should update DidHeritageFunnelUpdateLast cookie value to false", async () => {
+    // Arrange
+    const testReferralNumber = 1566818;
+    const testReferralDate = "2022-03-15T10:56:24.597";
+    const testReferralCorrelationId = "404d2b04-f86e-45c3-b373-127b6217b060";
 
-  //   const mockOrderInfo = getMockOrderInfo(mockReferralNumber, mockCorrelationId, mockReferralDate);
-    
-  //   const mockData = {
-  //     actionList: [{ 
-  //       actionName: storeActions.SAVE_ORDER, 
-  //       data: mockOrderInfo, 
-  //     }],
-  //   }
-      
-  //   setupMocksForJsFiles(mockData);
-    
-  //   // Act
-  //   await helper.saveOrder();
+    const mockOrderInfo = getMockOrderInfo(testReferralNumber, testReferralCorrelationId, testReferralDate);
 
-  //   // Assert
-    
-  // });
+    const mockData = {
+      actionList: [{
+        actionName: storeActions.SAVE_ORDER,
+        data: mockOrderInfo,
+      }],
+      router: router
+    }
+
+    setupMocksForJsFiles(mockData);
+
+    const testCookieValue = {
+      ReferralNumber: testReferralNumber,
+      ReferralDate: testReferralDate,
+      ReferralCorrelationId: testReferralCorrelationId,
+      ShouldResetState: false,
+      DidHeritageFunnelUpdateLast: true
+    }
+
+    setupCookies({ heritageCookieValue: JSON.stringify(testCookieValue) });
+
+    // Act
+    await helper.saveOrder();
+
+    // Assert
+    expect(helper.getHeritageCookieValue().DidHeritageFunnelUpdateLast).toEqual(false);
+  });
 });
 
 describe("navigateToHeritageFunnel", () => {
-  test("should go to external link", () => {
+  test("should save order", async () => {
     // Arrange
+    const mockReferralNumber = 2;
+    const mockCorrelationId = "55";
+    const mockReferralDate = "2022";
+
+    const mockOrderInfo = getMockOrderInfo(mockReferralNumber, mockCorrelationId, mockReferralDate);
+
+    const mockData = {
+      actionList: [{
+        actionName: storeActions.SAVE_ORDER,
+        data: mockOrderInfo,
+      }],
+      router: router
+    }
+
+    setupMocksForJsFiles(mockData);
+    const saveOrderFunction = jest.spyOn(helper, "saveOrder");
 
     // Act
-    helper.navigateToHeritageFunnel();
+    await helper.navigateToHeritageFunnel();
+
+    // Assert
+    expect(saveOrderFunction).toHaveBeenCalled();
+
+    // Should alway save before we navigate to heritage
+    const saveOrderFunctionCallOrder = saveOrderFunction.mock.invocationCallOrder[0];
+    const routerNavigateFunctionCallOrder = router.navigate.mock.invocationCallOrder[0];
+    expect(saveOrderFunctionCallOrder).toBeLessThan(routerNavigateFunctionCallOrder);
+    saveOrderFunction.mockRestore();
+  });
+
+  test("should go to heritage funnel", async () => {
+    // Arrange
+    const mockReferralNumber = 2;
+    const mockCorrelationId = "55";
+    const mockReferralDate = "2022";
+
+    const mockOrderInfo = getMockOrderInfo(mockReferralNumber, mockCorrelationId, mockReferralDate);
+
+    const mockData = {
+      actionList: [{
+        actionName: storeActions.SAVE_ORDER,
+        data: mockOrderInfo,
+      }],
+      router: router
+    }
+
+    setupMocksForJsFiles(mockData);
+
+    // Act
+    await helper.navigateToHeritageFunnel();
 
     // Assert
     expect(router.navigate).toHaveBeenCalled();
-    expect(window.location.assign).toHaveBeenCalled();
-  })
+    expect(router.navigate).toHaveBeenCalledWith(navigationScenarios.MOVE_TO_HERITAGE_FUNNEL, expect.anything(),
+      expect.objectContaining({
+        corid: mockCorrelationId
+      })
+    );
+  });
 });
 
-// TODO CSR-98 Remove skip
-describe.skip("cookies", () => {
+describe("cookies", () => {
   afterEach(() => {
     removeAllTestCookies();
   })
@@ -172,7 +249,7 @@ describe.skip("cookies", () => {
       expect(result.ReferralCorrelationId).toEqual(testReferralCorrelationId);
       expect(result.ShouldResetState).toEqual(testShouldResetState);
       expect(result.DidHeritageFunnelUpdateLast).toEqual(testDidHeritageFunnelUpdateLast);
-    })
+    });
 
     test("returns empty object when value is empty object", () => {
       // Arrange
@@ -186,7 +263,7 @@ describe.skip("cookies", () => {
       expect(result).toEqual(testCookieValue);
       expect(typeof result).toEqual("object");
       expect(Object.keys(result)).toHaveLength(0);
-    })
+    });
 
     test("returns null when value is empty string", () => {
       // Arrange
@@ -198,7 +275,7 @@ describe.skip("cookies", () => {
 
       // Assert
       expect(result).toEqual(null);
-    })
+    });
 
     test("returns null when heritage cookie doesn't exist", () => {
       // Arrange
@@ -209,7 +286,31 @@ describe.skip("cookies", () => {
 
       // Assert
       expect(result).toEqual(null);
-    })
+    });
+
+    test("gets correct cookie value", () => {
+      // Arrange
+      const testCookieValue = { test: "testValue" };
+
+      setupCookies({ heritageCookieValue: JSON.stringify(testCookieValue) });
+
+      // Act
+      const actualCookieValue = helper.getHeritageCookieValue();
+
+      // Assert
+      expect(actualCookieValue).toEqual(testCookieValue);
+    });
+
+    test("getCookieValue: Gets null cookie value", () => {
+      // Arrange
+      setupCookies({ includeHeritageCookie: false });
+
+      // Act
+      const actualCookieValue = helper.getHeritageCookieValue();
+
+      // Assert
+      expect(actualCookieValue).toBeNull();
+    });
   })
 })
 
@@ -225,58 +326,25 @@ const cookies = {
 };
 
 function setupCookies({ heritageCookieValue = "", includeHeritageCookie = true }) {
-  console.log(heritageCookieValue)
   Object.keys(cookies).forEach(key => {
     const cookieValue = key == cookieNames.ORDER_INFO ? heritageCookieValue : cookies[key];
-    
+
     if (includeHeritageCookie || key != cookieNames.ORDER_INFO)
-      document.cookie = `${key}=${cookieValue}`;
+      document.cookie = `${key}=${cookieValue}; path=/;`;
   });
 }
 
 function removeAllTestCookies() {
   Object.keys(cookies).forEach(key => {
     document.cookie = `${key}=;Max-Age=0;`;
+    document.cookie = `${key}=;Max-Age=0;path=/`;
   });
 }
-  
-  // test("getCookieValue: Gets correct cookie value", () => {
-  //   // Arrange
-  //   const mixIn = getMixInInstance({});
-  //   const testCookieName = "testCookie";
-  //   const testCookieValue = "testCookieValue";
 
-  //   document.cookie = `yearMakeModel=2020 ACURA MDX;`;
-  //   document.cookie = `SavedQuoteID=d2770645-0680-4852-9649-6170659b1bd6;`;
-  //   document.cookie = `${testCookieName}=${testCookieValue};`; 
-  //   document.cookie = `EMBEDDEDPAYMENTPAGE_PAYPAL_SUBMITBUTTON=COMPLETED;`;
-  //   document.cookie = `orderconfirmation=7411543;`;
-
-  //   console.log(document.cookie)
-
-  //   // Act
-  //   const actualCookieValue = mixIn.methods.getCookieValue(testCookieName);
-
-  //   // Assert
-  //   expect(actualCookieValue).toEqual(testCookieValue);
-  //   expect(document.cookie).toEqual(`yearMakeModel=2020 ACURA MDX; SavedQuoteID=d2770645-0680-4852-9649-6170659b1bd6; ${testCookieName}=${testCookieValue}; EMBEDDEDPAYMENTPAGE_PAYPAL_SUBMITBUTTON=COMPLETED; orderconfirmation=7411543`);
-  //   clearCookies();
-  // });
-
-  // test("getCookieValue: Gets undefined cookie value", () => {
-  //   // Arrange
-  //   const mixIn = getMixInInstance({});
-  //   const testCookieName = "testCookie";
-
-  //   document.cookie = `yearMakeModel=2020 ACURA MDX;`;
-  //   document.cookie = `SavedQuoteID=d2770645-0680-4852-9649-6170659b1bd6;`;
-  //   document.cookie = `EMBEDDEDPAYMENTPAGE_PAYPAL_SUBMITBUTTON=COMPLETED;`;
-  //   document.cookie = `orderconfirmation=7411543;`;
-
-  //   // Act
-  //   const actualCookieValue = mixIn.methods.getCookieValue(testCookieName);
-
-  //   // Assert
-  //   expect(actualCookieValue).toEqual(undefined);
-  //   expect(document.cookie).toEqual(`yearMakeModel=2020 ACURA MDX; SavedQuoteID=d2770645-0680-4852-9649-6170659b1bd6; EMBEDDEDPAYMENTPAGE_PAYPAL_SUBMITBUTTON=COMPLETED; orderconfirmation=7411543;`);
-  // });
\ No newline at end of file
+function getMockOrderInfo(mockReferralNumber, mockCorrelationId, mockReferralDate) {
+  return {
+    referralNumber: mockReferralNumber,
+    referralCorrelationId: mockCorrelationId,
+    referralDate: mockReferralDate
+  }
+}
diff --git a/src/helpers/unit-test-helper.js b/src/helpers/unit-test-helper.js
index 386dfa414..623acbca8 100644
--- a/src/helpers/unit-test-helper.js
+++ b/src/helpers/unit-test-helper.js
@@ -4,29 +4,31 @@ import { navigationScenarios } from "@/router/router-constants/navigation-scenar
 import { vehicleCategories } from "@/constants/vehicle-categories.js";
 import { fmgPageValues } from "@/router/router-constants/fmgPage-values";
 import baseMixin from "@/mixins/base-mixin";
-import store from "@/store";
 
 export function getMountOptions(mockData) {
   // Define our mocks to attached to the 'global' object for Vue/Jest.
   const mocks = {};
 
   //this is mocking if you use the mixin directly(baseMixin.methods.dispatchNonBlockingStoreAction) vs this.dispatchNonBlockingStoreAction
-  if (mockData.actionList !== undefined) {
-    // baseMixin.methods.dispatchNonBlockingStoreAction = jest.fn();
-    // baseMixin.methods.dispatchNonBlockingStoreAction.mockImplementation((actionName) => {
-    //   let actionFilterResult = mockData.actionList.filter(
-    //     (x) => x.actionName == actionName
-    //   );
+  setupBaseMixinDispatchNonBlockingStoreAction(mockData);
+  // if (mockData.actionList !== undefined) {
+  //   // baseMixin.methods.dispatchNonBlockingStoreAction = jest.fn();
+  //   // baseMixin.methods.dispatchNonBlockingStoreAction.mockImplementation((actionName) => {
+  //   //   let actionFilterResult = mockData.actionList.filter(
+  //   //     (x) => x.actionName == actionName
+  //   //   );
 
-    //   if (actionFilterResult.length > 0 && actionFilterResult.length === 1) {
-    //     return Promise.resolve({
-    //       data: actionFilterResult[0].data,
-    //     });
-    //   }
-    // });
+  //   //   if (actionFilterResult.length > 0 && actionFilterResult.length === 1) {
+  //   //     return Promise.resolve({
+  //   //       data: actionFilterResult[0].data,
+  //   //     });
+  //   //   }
+  //   // });
 
-    setupDispatchNonBlockingStoreAction(mockData);
-  }
+    
+  // }
+
+  
   mocks.dispatchNonBlockingStoreAction = jest.fn();
   mocks.dispatchNonBlockingStoreAction.mockImplementation((actionName) => {
     let actionFilterResult = mockData.actionList.filter(
@@ -59,23 +61,26 @@ export function getMountOptions(mockData) {
   return { global };
 }
 
-function setupDispatchNonBlockingStoreAction(mockData) {
+function setupBaseMixinDispatchNonBlockingStoreAction(mockData) {
   baseMixin.methods.dispatchNonBlockingStoreAction = jest.fn();
-  baseMixin.methods.dispatchNonBlockingStoreAction.mockImplementation((actionName) => {
-    let actionFilterResult = mockData.actionList.filter(
-      (x) => x.actionName == actionName
-    );
-
-    if (actionFilterResult.length > 0 && actionFilterResult.length === 1) {
-      return Promise.resolve({
-        data: actionFilterResult[0].data,
-      });
-    }
-  });
+  if (mockData.actionList !== undefined) {
+    baseMixin.methods.dispatchNonBlockingStoreAction.mockImplementation((actionName) => {
+      let actionFilterResult = mockData.actionList.filter(
+        (x) => x.actionName == actionName
+      );
+      
+      if (actionFilterResult.length > 0 && actionFilterResult.length === 1) {
+        return Promise.resolve({
+          data: actionFilterResult[0].data,
+        });
+      }
+    });
+  }
 }
 
-export function setupMocksForJsFiles(mockData) {
-  setupDispatchNonBlockingStoreAction(mockData);
-  store.commit = jest.fn();
-  router.navigate = jest.fn();
+export function setupMocksForJsFiles(mockData = {}) {
+  setupBaseMixinDispatchNonBlockingStoreAction(mockData);
+
+  if (mockData.router)
+    mockData.router.navigate = jest.fn();
 }
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index abc7a1991..ba9c7d34c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -159,7 +159,7 @@ async function navigate(scenario, currentRoute, invalidateOnSave, optionalQuery
     // Append page data to the store for the NEXT page, if any. It will be an empty object if none is provided.
     baseMixin.methods.savePageDataToStore(destinationFmgPageValue, optionalPageData);
 
-    // if cookie and referralNumber exists
+    // if cookie and referral exists
     if (getHeritageCookieValue()?.ReferralNumber) 
       saveOrder();
 

From 5e834b22fdd3616b0be49cc0332056097c605dff Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Wed, 23 Mar 2022 12:56:56 -0400
Subject: [PATCH 03/10] CSR-98 Change correlationId to referralCorrelationId

---
 src/helpers/heritage-integration-helper.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/helpers/heritage-integration-helper.js b/src/helpers/heritage-integration-helper.js
index 53ff90aab..498be113d 100644
--- a/src/helpers/heritage-integration-helper.js
+++ b/src/helpers/heritage-integration-helper.js
@@ -16,7 +16,7 @@ export async function saveOrder() {
     // Save the referral information back from the store.
     await baseMixin.methods.dispatchNonBlockingStoreAction(storeActions.SET_REFERRAL_INFORMATION, {
         referralNumber: savedOrderInfo.data.referralNumber,
-        correlationId: savedOrderInfo.data.referralCorrelationId,
+        referralCorrelationId: savedOrderInfo.data.referralCorrelationId,
         referralDate: savedOrderInfo.data.referralDate,
     }, false);
 

From f4f27499aa438d5da1a29be70b23b98e34aaa760 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Thu, 24 Mar 2022 14:36:10 -0400
Subject: [PATCH 04/10] Fix footer gutter.

---
 src/common-components/funnel-footer/funnel-footer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/common-components/funnel-footer/funnel-footer.vue b/src/common-components/funnel-footer/funnel-footer.vue
index 44afa5364..cb83ecae1 100644
--- a/src/common-components/funnel-footer/funnel-footer.vue
+++ b/src/common-components/funnel-footer/funnel-footer.vue
@@ -14,7 +14,7 @@
         </div>
       </div>
     </div>
-    <div class="container-fluid fixed-bottom g-4 bg-light py-4" id="infoBox">
+    <div class="container-fluid fixed-bottom g-5 bg-light py-4" id="infoBox">
       <div class="row d-flex flex-row-reverse align-items-center">
         <div class="col button-col d-flex" id="stacked">
           <buttonMain

From 1569a152573bd1368327500999b612a2393f91a8 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Thu, 24 Mar 2022 15:17:13 -0400
Subject: [PATCH 05/10] Update path.

---
 src/layouts/vin-lookup/vin-lookup.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 2920be727..2bc8a88e8 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -48,7 +48,7 @@ import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
 import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header";
 import funnelFooter from "@/common-components/funnel-footer/funnel-footer";
 import textboxQuestion from "@/common-components/textbox-question/textbox-question";
-import vinInformation from "@/common-components/vin-information/vin-information";
+import vinInformation from "@/layouts/vin-lookup/vin-information/vin-information";
 
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";

From 0dab72ad8475a352195aecda0e2f405094a71a5c Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Thu, 24 Mar 2022 15:52:10 -0400
Subject: [PATCH 06/10] Remove code/start over.

---
 src/layouts/vin-lookup/vin-lookup.spec.js | 168 +---------------------
 src/layouts/vin-lookup/vin-lookup.vue     | 146 -------------------
 2 files changed, 1 insertion(+), 313 deletions(-)

diff --git a/src/layouts/vin-lookup/vin-lookup.spec.js b/src/layouts/vin-lookup/vin-lookup.spec.js
index 1db5c18a6..3d0843e10 100644
--- a/src/layouts/vin-lookup/vin-lookup.spec.js
+++ b/src/layouts/vin-lookup/vin-lookup.spec.js
@@ -1,167 +1 @@
-// Components
-import vinLookup from "@/layouts/vin-lookup/vin-lookup.vue";
-import vehicleDamage from "@/layouts/vehicle-damage/vehicle-damage.vue";
-import funnelHeader from "@/common-components/funnel-header/funnel-header";
-import funnelFooter from "@/common-components/funnel-footer/funnel-footer";
-import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
-import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header";
-import sideDoorOptions from "@/layouts/vehicle-damage/side-door-options/side-door-options";
-import damageLocationQuestion from "@/layouts/vehicle-damage/damage-location-question/damage-location-question";
-import windshieldOptions from "@/layouts/vehicle-damage/windshield-options/windshield-options";
-import replaceOptionsQuestion from "@/layouts/vehicle-damage/replace-options-question/replace-options-question";
-
-// Supporting Files
-import { settleAllPromises } from "@/helpers/layout-helper.js";
-import baseMixin from "@/mixins/base-mixin";
-import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
-import { mount, flushPromises } from "@vue/test-utils";
-import { getMountOptions } from "@/helpers/unit-test-helper.js";
-import { nextTick } from "vue";
-import { storeActions } from "@/constants/store-actions";
-import { storeMutations } from "@/constants/store-mutations";
-import store from "@/store";
-import { validate } from "vee-validate";
-import { damageLocationsSelected } from "@/constants/damage-locations-selected.js";
-
-// Mock our module for promises.
-jest.mock("@/helpers/layout-helper.js", () => ({
-  settleAllPromises: jest.fn(),
-}));
-
-// Mock fetchCmsContentForPage
-jest.mock("@/helpers/cms-content-helper", () => ({
-  fetchCmsContentForPage: jest.fn(),
-}));
-
-// Mock Store
-jest.mock("@/store", () => ({
-  commit: jest.fn(),
-  dispatch: jest.fn(),
-  getters: {
-    vehicle: {
-      carId: "C00000000",
-      image: "test.jpg",
-    },
-    eventBusItem: jest.fn(),
-    damage: {
-      glassToReplace: []
-    },
-  },
-}));
-
-describe("vin-lookup.vue", () => {
-
-  test("Call resetDependentState", async() => {
-    const {wrapper} = setupMocks({});
-    wrapper.vm.resetDependentState();
-    expect(store.dispatch).toBeCalledWith(storeActions.RESET_REGISTRATION_STATE_AND_DEPENDENCIES);
-  });
-
-});
-
-// TEMP
-function setupMocks({
-  pageHeaderWidgetHeaderText = {},
-  mountOptionsMockData = {
-    router: {
-      navigate: jest.fn(),
-    },
-    store: {
-      getters: {
-        vehicle: {},
-      },
-    },
-  },
-}) {
-  //Mock api responses
-  baseMixin.methods.dispatchNonBlockingStoreAction = jest.fn();
-  const apiResponses = {
-    cmsContent: {
-      FunnelSubHeaderWidget: pageHeaderWidgetHeaderText,
-      VehicleBannerWidget: {
-        GenericVehicleImage:
-          "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3",
-      },
-      FunnelHeaderWidget: {
-        LogoImage:
-          "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3",
-      },
-    },
-    damageOptions: {
-      driverSideOptions: {
-        availableReplacementOptions: ["Front", "Back", "Side"],
-      },
-      passengerSideOptions: {
-        availableReplacementOptions: ["Front", "Back", "Side"],
-      },
-      windshieldOptions: {
-        availableReplacementOptions: ["Single", "Driver", "Passenger"],
-      },
-      backGlassOptions: {
-        availableReplacementOptions: ["Front", "Back", "Side"],
-      },
-    },
-  };
-
-  const apiPromise = Promise.resolve(apiResponses);
-
-  settleAllPromises.mockImplementation(() => apiPromise);
-  fetchCmsContentForPage.mockImplementation(() => Promise.resolve());
-
-  //Mock damage initialize methods
-  funnelHeader.methods = {
-    initializeComponent: jest.fn(),
-  };
-
-  vehicleBanner.methods = {
-    initializeComponent: jest.fn(),
-  };
-
-  funnelSubHeader.methods = {
-    initializeComponent: jest.fn(),
-  };
-
-  damageLocationQuestion.methods = {
-    initializeComponent: jest.fn(),
-  };
-
-  sideDoorOptions.methods = {
-    initializeComponent: jest.fn(),
-  };
-
-  windshieldOptions.methods = {
-    initializeComponent: jest.fn(),
-  };
-
-  replaceOptionsQuestion.methods = {
-    initializeComponent: jest.fn(),
-    updateSelectedValues: jest.fn(),
-  };
-
-  funnelFooter.methods = {
-    initializeComponent: jest.fn(),
-  }
-
-  const mountOptions = getMountOptions(mountOptionsMockData);
-  mountOptions['attachTo'] = document.body; // append wrapper to document.body to test DOM methods
-
-  const wrapper = mount(vinLookup, mountOptions);
-
-  const funnelHeaderWrapper = wrapper.findComponent({ name: "funnelHeader" });
-  funnelHeaderWrapper.vm.initializeComponent =
-    funnelHeader.methods.initializeComponent;
-
-  const vehicleBannerWrapper = wrapper.findComponent({ name: "vehicleBanner" });
-  vehicleBannerWrapper.vm.initializeComponent =
-    vehicleBanner.methods.initializeComponent;
-
-  const funnelSubHeaderWrapper = wrapper.findComponent({ name: "funnelSubHeader" });
-  funnelSubHeaderWrapper.vm.initializeComponent =
-    funnelSubHeader.methods.initializeComponent;
-
-  const funnelFooterWrapper = wrapper.findComponent({ name: "funnelFooter" });
-  funnelFooterWrapper.vm.initializeComponent =
-    funnelFooter.methods.initializeComponent;
-
-  return { wrapper, apiPromise };
-}
+test.todo("some test to be written in the future");
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 2bc8a88e8..fc9058abf 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -3,41 +3,15 @@
     <funnelHeader ref="funnelHeader" />
     <vehicleBanner ref="vehicleBanner" />
     <funnelSubHeader ref="funnelSubHeader" />
-    <Form
-      @submit="onSubmit"
-      @invalid-submit="onInvalidSubmit"
-      ref="theForm"
-      v-slot="{ meta }"
-      class="d-flex flex-column h-100"
-    >
-    <textboxQuestion
-      labelText="Enter your VIN"
-      placeholderText=""
-      inputId="vin-input"
-      class="mt-5 mb-2"
-    />
     <vinInformation
       class="mb-5"
     />
-    <textboxQuestion
-      labelText="Service ZIP"
-      placeholderText=""
-      inputID="zip-input"
-      class="mb-5"
-    />
-    <textboxQuestion
-      labelText="Email address"
-      placeholderText=""
-      inputID="email-input"
-      class="mb-5"
-    />
     <funnel-footer
       ref="funnelFooter"
       :isDisabled="!meta.valid"
       @back-clicked="backButtonAction"
       @ForwardClicked="forwardButtonAction"
     />
-  </Form>
 </div>
 </template>
 
@@ -50,134 +24,14 @@ import funnelFooter from "@/common-components/funnel-footer/funnel-footer";
 import textboxQuestion from "@/common-components/textbox-question/textbox-question";
 import vinInformation from "@/layouts/vin-lookup/vin-information/vin-information";
 
-// Supporting files
-import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
-import { settleAllPromises } from "@/helpers/layout-helper";
-import { storeActions } from "@/constants/store-actions";
-import store from "@/store";
-import { storeMutations } from "@/constants/store-mutations";
-import baseMixin from "@/mixins/base-mixin";
-import { Form, defineRule } from "vee-validate";
-import { required } from "@/helpers/validation-rules";
-import { errorMessages } from "@/constants/error-messages";
-
-// DEFINE VALIDATION RULES
-defineRule("replace-options-required", required(errorMessages.REPLACE_OPTIONS_REQUIRED));
-
 export default {
   name: "vin-lookup",
-  async beforeRouteEnter(to, from, next) {
-    // Call APIs
-    const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
-    const damageOptionsPromise =
-    baseMixin.methods.dispatchNonBlockingStoreAction(
-      storeActions.GET_DAMAGE_OPTIONS,
-      { carId: store.getters.vehicle.carId }
-    );
-
-    // Settle promises and get results
-    const promiseResultMap = [
-      {
-        resultKey: "cmsContent",
-        promise: cmsContentPromise,
-      },
-      {
-        resultKey: "damageOptions",
-        promise: damageOptionsPromise,
-      },
-    ];
-
-    const resultMap = await settleAllPromises(promiseResultMap);
-
-    // Call the "next" function to complete the transition to this page.
-    next((vm) => {
-      vm.$refs.funnelHeader.initializeComponent(
-        resultMap.cmsContent.FunnelHeaderWidget
-      );
-      vm.$refs.vehicleBanner.initializeComponent(
-        resultMap.cmsContent.VehicleBannerWidget
-      );
-      vm.$refs.funnelSubHeader.initializeComponent(
-        resultMap.cmsContent.FunnelSubHeaderWidget
-      );
-      vm.$refs.funnelFooter.initializeComponent(
-        resultMap.cmsContent.FunnelFooterWidget
-      );
-    });
-  },
-  methods: {
-    arePagePrerequisitesValid() {
-      return true;
-    },
-    resetDependentState() {
-      store.dispatch(storeActions.RESET_REGISTRATION_STATE_AND_DEPENDENCIES);
-    },
-    backButtonAction() {
-      // route to move backwards
-      this.$router.navigate(
-        this.navigationScenarios.CLICKED_BACK,
-        this.$route
-      );
-    },
-    async forwardButtonAction(zip, plate) {
-      const zipValidation = await this.validateZip(zip);
-      const vinLookup = await this.lookupVin(plate);
-      if (!zipValidation.isServiceable) {
-        this.newServiceZipRequired = true;
-        return;
-      }
-      if (!vinLookup.vin) {
-        this.vinNotValid = true;
-        return;
-      }
-      if (vinLookup.vehicle.carId !== store.getters.vehicle.carId) {
-        this.vinDoesNotMatchCarId = true;
-        return;
-      }
-      const partsData = await baseMixin.methods.dispatchNonBlockingStoreAction(
-        this.storeActions.GET_PARTS_OR_QUESTIONS,
-        {
-          carId: store.getters.vehicle.carId,
-          glassArray: store.getters.damage.glassToReplace,
-          zipCode: zip,
-          vin: vinLookup.vin
-        },
-        false
-      );
-      this.navigateForward(partsData);
-    },
-    navigateForward(partsData){
-        if(partsData.data.partsOrQuestions.partQuestions.length){
-            this.$router.navigateAfterSave(this.navigationScenarios.CONTINUING_WITH_PARTS_QUESTION, this.$route, {}, {}, partsData.data);
-            return;
-        } else if(!partsData.data.partsOrQuestions.partQuestions.length && partsData.data.partsOrQuestions.parts.length > 1) {
-           this.$router.navigateAfterSave(this.navigationScenarios.CONTINUING_WITH_MULTIPLE_PARTS, this.$route, {}, {}, partsData.data);
-           return;
-        } else {
-            this.$router.navigate(this.navigationScenarios.CONTINUING_WITH_SINGLE_PART, this.$route);
-        }
-    },
-    validateZip(zip) {
-      return baseMixin.methods.dispatchNonBlockingStoreAction(
-        storeActions.VALIDATE_ZIP,
-        { zip }
-      );
-    },
-    lookupVin(plate, state) {
-      return baseMixin.methods.dispatchNonBlockingStoreAction(
-        storeActions.LOOKUP_VIN_BY_PLATE,
-        { plate, state }
-      );
-    },
-  },
   components: {
     funnelHeader,
     vehicleBanner,
     funnelSubHeader,
-    textboxQuestion,
     vinInformation,
     funnelFooter,
-    Form,
   },
 };
 </script>

From 44c4fcfd6a787aecb6ba674e611d929a911cebd2 Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Fri, 25 Mar 2022 09:52:12 -0400
Subject: [PATCH 07/10] CSR-98 Fix tests

---
 src/helpers/unit-test-helper.js               | 27 +++++++++----------
 .../vehicle-parts/vehicle-parts.spec.js       |  7 ++---
 src/layouts/vehicle-parts/vehicle-parts.vue   |  3 ++-
 3 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/src/helpers/unit-test-helper.js b/src/helpers/unit-test-helper.js
index 20ee5990a..c6c766956 100644
--- a/src/helpers/unit-test-helper.js
+++ b/src/helpers/unit-test-helper.js
@@ -12,22 +12,19 @@ export function getMountOptions(mockData) {
   //this is mocking if you use the mixin directly(baseMixin.methods.dispatchNonBlockingStoreAction) vs this.dispatchNonBlockingStoreAction
   setupBaseMixinDispatchNonBlockingStoreAction(mockData);
   // if (mockData.actionList !== undefined) {
-  //   // baseMixin.methods.dispatchNonBlockingStoreAction = jest.fn();
-  //   // baseMixin.methods.dispatchNonBlockingStoreAction.mockImplementation((actionName) => {
-  //   //   let actionFilterResult = mockData.actionList.filter(
-  //   //     (x) => x.actionName == actionName
-  //   //   );
+  //   baseMixin.methods.dispatchNonBlockingStoreAction = jest.fn();
+  //   baseMixin.methods.dispatchNonBlockingStoreAction.mockImplementation((actionName) => {
+  //     let actionFilterResult = mockData.actionList.filter(
+  //       (x) => x.actionName == actionName
+  //     );
 
-  //   //   if (actionFilterResult.length > 0 && actionFilterResult.length === 1) {
-  //   //     return Promise.resolve({
-  //   //       data: actionFilterResult[0].data,
-  //   //     });
-  //   //   }
-  //   // });
-
-    
+  //     if (actionFilterResult.length > 0 && actionFilterResult.length === 1) {
+  //       return Promise.resolve({
+  //         data: actionFilterResult[0].data,
+  //       });
+  //     }
+  //   });
   // }
-
   
   mocks.dispatchNonBlockingStoreAction = jest.fn();
   mocks.dispatchNonBlockingStoreAction.mockImplementation((actionName) => {
@@ -62,8 +59,8 @@ export function getMountOptions(mockData) {
 }
 
 function setupBaseMixinDispatchNonBlockingStoreAction(mockData) {
-  baseMixin.methods.dispatchNonBlockingStoreAction = jest.fn();
   if (mockData.actionList !== undefined) {
+    baseMixin.methods.dispatchNonBlockingStoreAction = jest.fn();
     baseMixin.methods.dispatchNonBlockingStoreAction.mockImplementation((actionName) => {
       let actionFilterResult = mockData.actionList.filter(
         (x) => x.actionName == actionName
diff --git a/src/layouts/vehicle-parts/vehicle-parts.spec.js b/src/layouts/vehicle-parts/vehicle-parts.spec.js
index 74196c524..428fe8a3b 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.spec.js
+++ b/src/layouts/vehicle-parts/vehicle-parts.spec.js
@@ -193,7 +193,7 @@ describe("vehicle-parts.vue", () => {
     test("PageData / isRepair populated in Vuex. arePagePrerequisitesValid should be true ", async () => {
 
         //Arrange
-        store.getters.pageData.mockReturnValueOnce(basePartResponse);
+        store.getters.pageData.mockReturnValue(basePartResponse);
         store.getters.lineItems = { glassParts: {} }
 
         const { wrapper } = setupMocks({
@@ -211,6 +211,7 @@ describe("vehicle-parts.vue", () => {
                 },
             }
         });
+        console.info(store.getters.damage.isRepair)
 
         //Act
         vehicleParts.beforeRouteEnter.call(
@@ -222,9 +223,9 @@ describe("vehicle-parts.vue", () => {
 
         let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
         await nextTick();
-
+        console.log(arePagePrerequisitesValid)
         //Assert
-        expect(arePagePrerequisitesValid).toBe(true);
+        // expect(arePagePrerequisitesValid).toBe(true);
     });
 
     test("Initial data, should populate this.glassParts", async () => {
diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index 11f0811bf..c02edfd27 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -154,8 +154,9 @@ export default {
   methods: {
     arePagePrerequisitesValid() {
       // Check if isRepair is populated and if the pageData we need is here (Parts data)
+      console.log(store.getters.pageData(fmgPageValues.VEHICLE_PARTS))
       if (
-        (store.getters.damage.isRepair) &&
+        (store.getters.damage.isRepair != null) &&
         Object.keys(store.getters.pageData(fmgPageValues.VEHICLE_PARTS))
           .length !== 0
       ) {

From d4579137aeb72987319ca1b9222eab697df37ef1 Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Fri, 25 Mar 2022 09:59:43 -0400
Subject: [PATCH 08/10] CSR-98 Cleanup

---
 src/global-methods.js                           |  8 +-------
 src/helpers/heritage-integration-helper.js      |  2 --
 src/helpers/unit-test-helper.js                 | 14 --------------
 src/layouts/vehicle-parts/vehicle-parts.spec.js |  5 ++---
 4 files changed, 3 insertions(+), 26 deletions(-)

diff --git a/src/global-methods.js b/src/global-methods.js
index 8efd163aa..f0675c02d 100644
--- a/src/global-methods.js
+++ b/src/global-methods.js
@@ -5,14 +5,8 @@ import httpStatusCodes from "http-status-codes";
 export default {
   callHttpClient({ method, endpoint, payload }) {
     return new Promise((resolve, reject) => {
-      // TODO CSR-98 TEMP FOR TESTING
-      var apiGatewayUrl = applicationConfig.CONSUMER_APIGATEWAY_URL;
+      const apiGatewayUrl = applicationConfig.CONSUMER_APIGATEWAY_URL;
 
-      if (endpoint.includes("order")) {
-        apiGatewayUrl = "https://localhost:44346";
-      }
-
-      // const apiGatewayUrl = applicationConfig.CONSUMER_APIGATEWAY_URL;
       const payloadAndAnalyticsData = Object.assign({}, payload, {
         AppName: "FixMyGlass",
       });
diff --git a/src/helpers/heritage-integration-helper.js b/src/helpers/heritage-integration-helper.js
index 14dacb8eb..0147c25e5 100644
--- a/src/helpers/heritage-integration-helper.js
+++ b/src/helpers/heritage-integration-helper.js
@@ -264,8 +264,6 @@ function setConceptCookieProperties(properties) {
     Removes concept cookie from browser.
 */
 function deleteConceptCookie() {
-    // If this cookie is ever created from the concept funnel, will need to add another
-    // line with the path=/fmg/
     document.cookie = `${cookieNames.CONCEPT_SESSION_INFO}=; Max-Age=0; path=/; domain=${location.hostname}`;
 }
 
diff --git a/src/helpers/unit-test-helper.js b/src/helpers/unit-test-helper.js
index c6c766956..00fa5f675 100644
--- a/src/helpers/unit-test-helper.js
+++ b/src/helpers/unit-test-helper.js
@@ -11,20 +11,6 @@ export function getMountOptions(mockData) {
 
   //this is mocking if you use the mixin directly(baseMixin.methods.dispatchNonBlockingStoreAction) vs this.dispatchNonBlockingStoreAction
   setupBaseMixinDispatchNonBlockingStoreAction(mockData);
-  // if (mockData.actionList !== undefined) {
-  //   baseMixin.methods.dispatchNonBlockingStoreAction = jest.fn();
-  //   baseMixin.methods.dispatchNonBlockingStoreAction.mockImplementation((actionName) => {
-  //     let actionFilterResult = mockData.actionList.filter(
-  //       (x) => x.actionName == actionName
-  //     );
-
-  //     if (actionFilterResult.length > 0 && actionFilterResult.length === 1) {
-  //       return Promise.resolve({
-  //         data: actionFilterResult[0].data,
-  //       });
-  //     }
-  //   });
-  // }
   
   mocks.dispatchNonBlockingStoreAction = jest.fn();
   mocks.dispatchNonBlockingStoreAction.mockImplementation((actionName) => {
diff --git a/src/layouts/vehicle-parts/vehicle-parts.spec.js b/src/layouts/vehicle-parts/vehicle-parts.spec.js
index 428fe8a3b..6613fe6ad 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.spec.js
+++ b/src/layouts/vehicle-parts/vehicle-parts.spec.js
@@ -211,7 +211,6 @@ describe("vehicle-parts.vue", () => {
                 },
             }
         });
-        console.info(store.getters.damage.isRepair)
 
         //Act
         vehicleParts.beforeRouteEnter.call(
@@ -223,9 +222,9 @@ describe("vehicle-parts.vue", () => {
 
         let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
         await nextTick();
-        console.log(arePagePrerequisitesValid)
+
         //Assert
-        // expect(arePagePrerequisitesValid).toBe(true);
+        expect(arePagePrerequisitesValid).toBe(true);
     });
 
     test("Initial data, should populate this.glassParts", async () => {

From 0eaec7e5f8f9a14c6f9511e8906573d416a18f20 Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Fri, 25 Mar 2022 10:06:57 -0400
Subject: [PATCH 09/10] CSR-98 Remove experiments used for local testing

---
 src/helpers/heritage-integration-helper.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/helpers/heritage-integration-helper.js b/src/helpers/heritage-integration-helper.js
index 0147c25e5..ecaa6548b 100644
--- a/src/helpers/heritage-integration-helper.js
+++ b/src/helpers/heritage-integration-helper.js
@@ -186,9 +186,7 @@ export async function navigateToHeritageFunnel() {
         externalUrls.HERITAGE_FUNNEL,
         {
             corid: store.getters.order.referralCorrelationId,
-            src: "concept-funnel",
-            cns: "all",
-            experiments: "RemoveServiceAreaPage=ServAreaRemoval_V7=ServAreaNoRemove_V7_TEST=true,ConceptFunnel=ConceptFunnel_V1=ConceptFunnel_TEST=true"
+            src: "concept-funnel"
         }
     );
 }

From 950ca93ad8e38810b8c6945febc1d44aa84d5b57 Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Fri, 25 Mar 2022 11:39:14 -0400
Subject: [PATCH 10/10] CSR-98 Fix tests

---
 src/helpers/heritage-integration-helper.js      | 7 +++++--
 src/helpers/heritage-integration-helper.spec.js | 3 +--
 src/router/router-constants/routing-table.js    | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/helpers/heritage-integration-helper.js b/src/helpers/heritage-integration-helper.js
index ecaa6548b..960ab4e65 100644
--- a/src/helpers/heritage-integration-helper.js
+++ b/src/helpers/heritage-integration-helper.js
@@ -1,3 +1,4 @@
+import * as self from "./heritage-integration-helper";
 import { storeActions } from "@/constants/store-actions.js";
 import { cookieNames } from "@/constants/cookie-names";
 import { queryStrings } from "@/constants/query-strings";
@@ -36,7 +37,7 @@ export async function saveOrder() {
 */
 export async function loadOrderIfPresent() {
     console.log("attempting to load referral....");
-    const conceptCookie = this.getConceptCookie();
+    const conceptCookie = self.getConceptCookie();
 
     // Do nothing if there is no cookie or no correlation id.
     if (conceptCookie === null || conceptCookie.ReferralCorrelationId === null) {
@@ -177,10 +178,12 @@ export function isSavedSessionStillActive() {
 /*
     Used to navigate to the heritage funnel with the correct query string and url.
 */
+
 export async function navigateToHeritageFunnel() {
 
     // Create the order (or save existing order) when navigating to Heritage Funnel.
-    await this.saveOrder();
+    // console.log(exports)
+    await self.saveOrder();
 
     router.navigateToExternalUrl(
         externalUrls.HERITAGE_FUNNEL,
diff --git a/src/helpers/heritage-integration-helper.spec.js b/src/helpers/heritage-integration-helper.spec.js
index ff91d68c6..54ba8e9f6 100644
--- a/src/helpers/heritage-integration-helper.spec.js
+++ b/src/helpers/heritage-integration-helper.spec.js
@@ -102,8 +102,7 @@ describe("saveOrder", () => {
         {
           actionName: storeActions.SET_REFERRAL_INFORMATION
         }
-      ],
-      router: router
+      ]
     }
 
     const mocks = setupMocksForJsFiles(mockData);
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index d928f8696..760dac76a 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -1,6 +1,6 @@
 import { fmgPageValues } from "@/router/router-constants/fmgPage-values";
 import { navigationScenarios } from "@/router/router-constants/navigation-scenarios";
-import { applicationConfig } from "../../constants/application-config";
+import { applicationConfig } from "@/constants/application-config";
 
 const routingTable = [
   {