From 98ef72f8b71788d785671ade89c69c3030c68e9f Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 29 Dec 2022 16:13:37 -0500
Subject: [PATCH 01/36] Added textbox components to license-plate-lookup page

---
 .../license-plate-lookup.vue                  | 54 +++++++++++--------
 1 file changed, 31 insertions(+), 23 deletions(-)

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index e6eb61f9..8818cc46 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -1,24 +1,30 @@
 <template>  
-  <VeeValidateForm @submit="onSubmit" @invalid-submit="onInvalidSubmit">
+  <VeeValidateForm
+    @submit="onSubmit"
+    @invalid-submit="onInvalidSubmit" >
     <div class="page-container-grouped-styles overflow-auto">
-      <SiteHeader
-        cms-widget-name="SiteHeaderWidget"
-      />
-      <VehicleBanner
+      <siteHeader
+        cms-widget-name="SiteHeaderWidget"  />
+      <vehicleBanner
         cms-widget-name="VehicleBannerWidget"
-        :display-generic-vehicle-image="false"
-      />
-      <SiteSubHeader
-        cms-widget-name="SiteSubHeaderWidget"
-      />
-      <div class="fade-on-route-transition sub-container make-tall">
-        <p>License Plate Lookup Page Placeholder</p>
-        <SiteFooter
+        :display-generic-vehicle-image="false" />
+      <siteSubHeader
+        cms-widget-name="SiteSubHeaderWidget" />
+      <div class="fade-on-route-transition sub-container make-tall mt-5">
+        <textboxQuestion
+          inputId="licensePlateField"
+          cmsWidgetName="LicensePlateNumberQuestionWidget"
+          v-model="licensePlate" />
+        <textboxQuestion 
+          class="mt-4"
+          inputId="registrationZipField"
+          cmsWidgetName="RegistrationZipQuestionWidget"
+          v-model="registrationZip" />
+        <siteFooter
           cms-widget-name="SiteFooterWidget"
           :is-forward-action-disabled="isForwardActionDisabled"
           @back-clicked="backButtonAction"
-          @forward-clicked="forwardButtonAction"
-        />
+          @forward-clicked="forwardButtonAction" />
       </div>
     </div>
   </VeeValidateForm>
@@ -31,20 +37,22 @@ import { Form } from 'vee-validate';
 import BaseFormMixin from '@/mixins/base-form-mixin.js';
 
 // Import Component
-import SiteFooter from '@/common-components/site-footer/site-footer.vue';
-import SiteHeader from '@/common-components/site-header/site-header.vue';
-import SiteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
-import VehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import siteFooter from '@/common-components/site-footer/site-footer.vue';
+import siteHeader from '@/common-components/site-header/site-header.vue';
+import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
+import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import textboxQuestion from '../../common-components/textbox-question/textbox-question.vue';
 
 export default {
   name: 'license-plate-lookup',
   mixins: [BaseFormMixin],
   components: {
     VeeValidateForm: Form,
-    SiteFooter,
-    SiteHeader,
-    SiteSubHeader,
-    VehicleBanner,    
+    siteFooter,
+    siteHeader,
+    siteSubHeader,
+    vehicleBanner,
+    textboxQuestion,    
   },
   data() {
     return {};

From 2a2df2b27675916f2dd4de5f16ff437f5bbb421f Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Fri, 30 Dec 2022 13:52:14 -0500
Subject: [PATCH 02/36] added VinNotFound alert, license plate and registration
 zip lookup methods

---
 .../license-plate-lookup.vue                  | 61 +++++++++++++------
 1 file changed, 43 insertions(+), 18 deletions(-)

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 8818cc46..1b06361a 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -3,23 +3,32 @@
     @submit="onSubmit"
     @invalid-submit="onInvalidSubmit" >
     <div class="page-container-grouped-styles overflow-auto">
-      <siteHeader
-        cms-widget-name="SiteHeaderWidget"  />
+      <siteHeader cms-widget-name="SiteHeaderWidget" />
       <vehicleBanner
         cms-widget-name="VehicleBannerWidget"
         :display-generic-vehicle-image="false" />
-      <siteSubHeader
-        cms-widget-name="SiteSubHeaderWidget" />
-      <div class="fade-on-route-transition sub-container make-tall mt-5">
-        <textboxQuestion
-          inputId="licensePlateField"
-          cmsWidgetName="LicensePlateNumberQuestionWidget"
-          v-model="licensePlate" />
-        <textboxQuestion 
-          class="mt-4"
-          inputId="registrationZipField"
-          cmsWidgetName="RegistrationZipQuestionWidget"
-          v-model="registrationZip" />
+      <siteSubHeader cms-widget-name="SiteSubHeaderWidget" />
+      <div class="fade-on-route-transition sub-container make-tall">
+        <div class="mt-5">
+          <textboxQuestion
+            inputId="license_plate"
+            cmsWidgetName="LicensePlateNumberQuestionWidget"
+            v-model="licensePlate"
+            isRequired 
+            disableAutoFill />
+        </div>
+        <div class="mt-4">
+          <textboxQuestion 
+            inputId="zip"
+            cmsWidgetName="RegistrationZipQuestionWidget"
+            v-model="registrationZipCode"
+            isRequired
+            disableAutoFill />
+        </div>
+        <alert
+          cmsWidgetName="AlertVinNotFoundWidget"
+          alertClass="alert-danger"
+          :isDismissable="false" />
         <siteFooter
           cms-widget-name="SiteFooterWidget"
           :is-forward-action-disabled="isForwardActionDisabled"
@@ -52,10 +61,14 @@ export default {
     siteHeader,
     siteSubHeader,
     vehicleBanner,
-    textboxQuestion,    
+    textboxQuestion,
+    alert,   
   },
   data() {
-    return {};
+    return {
+      licensePlate: this.getLicensePlateFromStore(),
+      registrationZipCode: this.getRegistrationZipFromStore(),
+    };
   },
   async beforeRouteEnter(to, from, next) {
     const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
@@ -81,7 +94,10 @@ export default {
   },
   methods: {
     arePagePrerequisiteValid() {      
-      return true;
+      if (this.mainStore.order.vehicle.carId) {
+          return true;
+      }
+      return false;
     },
     backButtonAction() {
       /**
@@ -92,7 +108,16 @@ export default {
     forwardButtonAction() {
       return true;
     },
-    resetDependentState() {},
+    resetDependentState() {
+
+    },
+    getLicensePlateFromStore() {
+      return this.mainStore.order.vehicle.registration.licensePlate;
+    },
+    getRegistrationZipFromStore() {
+      return this.mainStore.order.vehicle.registration.zipCode;
+    }
+
   },
 };
 </script>

From 928f9fd4c18f17a14df5a1a9541ea84e20fb7ac1 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 3 Jan 2023 11:11:33 -0500
Subject: [PATCH 03/36] error messages for license plate and zip input, start
 of validation rules

---
 .../license-plate-lookup.vue                  | 42 ++++++++++++-------
 1 file changed, 28 insertions(+), 14 deletions(-)

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 1b06361a..d3a2ee1e 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -15,7 +15,8 @@
             cmsWidgetName="LicensePlateNumberQuestionWidget"
             v-model="licensePlate"
             isRequired 
-            disableAutoFill />
+            disableAutoFill
+            validationRules="license-plate-required" />
         </div>
         <div class="mt-4">
           <textboxQuestion 
@@ -23,12 +24,14 @@
             cmsWidgetName="RegistrationZipQuestionWidget"
             v-model="registrationZipCode"
             isRequired
-            disableAutoFill />
+            disableAutoFill 
+            mask="#####"
+            validationRules="zip-required|zip-format"/>
         </div>
-        <alert
+        <!-- <alert
           cmsWidgetName="AlertVinNotFoundWidget"
           alertClass="alert-danger"
-          :isDismissable="false" />
+          :isDismissable="false" /> -->
         <siteFooter
           cms-widget-name="SiteFooterWidget"
           :is-forward-action-disabled="isForwardActionDisabled"
@@ -51,6 +54,14 @@ import siteHeader from '@/common-components/site-header/site-header.vue';
 import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
 import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
 import textboxQuestion from '../../common-components/textbox-question/textbox-question.vue';
+import { required, regex } from '@/helpers/validation-rules';
+import { defineRule } from 'vee-validate';
+import { errorMessages } from '@/constants/error-messages';
+
+// Define Validation Rules
+defineRule("license-plate-required", required(errorMessages.LICENSE_PLATE_REQUIRED));
+defineRule("zip-required", required(errorMessages.REGISTRATION_ZIP_REQUIRED));
+defineRule("zip-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.SERVICE_ZIP_FORMAT));
 
 export default {
   name: 'license-plate-lookup',
@@ -65,10 +76,10 @@ export default {
     alert,   
   },
   data() {
-    return {
-      licensePlate: this.getLicensePlateFromStore(),
-      registrationZipCode: this.getRegistrationZipFromStore(),
-    };
+    // return {
+    //   licensePlate: this.getLicensePlateFromStore(),
+    //   registrationZipCode: this.getRegistrationZipFromStore(),
+    // };
   },
   async beforeRouteEnter(to, from, next) {
     const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
@@ -87,6 +98,9 @@ export default {
       vm.setCmsContent(resultMap.cmsContent);      
     });
   },
+  props: {
+    validationRules: String,
+  },
   computed: {
     isForwardActionDisabled() {
       return true;
@@ -111,12 +125,12 @@ export default {
     resetDependentState() {
 
     },
-    getLicensePlateFromStore() {
-      return this.mainStore.order.vehicle.registration.licensePlate;
-    },
-    getRegistrationZipFromStore() {
-      return this.mainStore.order.vehicle.registration.zipCode;
-    }
+    // getLicensePlateFromStore() {
+    //   return this.mainStore.order.vehicle.registration.licensePlate;
+    // },
+    // getRegistrationZipFromStore() {
+    //   return this.mainStore.order.vehicle.registration.zipCode;
+    // }
 
   },
 };

From 64cd3468a9bc6dff7da5b7f95572bac25fb53cf2 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 3 Jan 2023 12:06:35 -0500
Subject: [PATCH 04/36] restructured license-plate-lookup, start of alerts

---
 .../license-plate-lookup-alerts.vue           | 49 +++++++++++++++++++
 .../license-plate-lookup.vue                  | 23 +++------
 .../license-plate-question.vue                | 45 +++++++++++++++++
 .../zip-question/zip-question.vue             | 45 +++++++++++++++++
 4 files changed, 146 insertions(+), 16 deletions(-)
 create mode 100644 src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue
 create mode 100644 src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue
 create mode 100644 src/layouts/license-plate-lookup/zip-question/zip-question.vue

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue
new file mode 100644
index 00000000..e2f0fa9c
--- /dev/null
+++ b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue
@@ -0,0 +1,49 @@
+<template>
+    <div
+      id="vin-lookup-alerts-wrapper"
+      :class="wrapperCssClass"
+    >
+      <!-- <VehicleNotFoundAlert
+        v-if="isVehicleNotFoundVisible"
+      />
+      <VehicleNotMatchedAlert
+        v-else-if="isVehicleNotMatchedVisible"
+      /> -->
+    </div>
+  </template>
+  <script>
+  //import vehicleLookupAlertTypes from '@/constants/vehicle-lookup-alert-types';
+  //import VehicleNotFoundAlert from './vehicle-not-found-alert/vehicle-not-found-alert.vue';
+  //import VehicleNotMatchedAlert from './vehicle-not-matched-alert/vehicle-not-matched-alert.vue';
+  
+  export default {
+    name: 'license-plate-lookup-alerts',
+    components: {
+      //VehicleNotFoundAlert,
+      //VehicleNotMatchedAlert,
+    },
+    props: {
+      activeAlertType: {
+        type: String,
+        validator(value) {
+          const acceptedValues = [null];
+          acceptedValues.push(...Object.values(vehicleLookupAlertTypes));
+          return acceptedValues.includes(value);
+        },
+      },
+    },
+    computed: {
+      isVehicleNotFoundVisible() {
+        return this.activeAlertType === vehicleLookupAlertTypes.NOT_FOUND;
+      },
+      isVehicleNotMatchedVisible() {
+        return this.activeAlertType === vehicleLookupAlertTypes.NOT_MATCHED;
+      },
+      wrapperCssClass() {
+        return {
+          'mb-5': this.activeAlertType !== null,
+        };
+      },
+    },
+  };
+  </script>
\ No newline at end of file
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index d3a2ee1e..0fd77f5b 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -10,23 +10,10 @@
       <siteSubHeader cms-widget-name="SiteSubHeaderWidget" />
       <div class="fade-on-route-transition sub-container make-tall">
         <div class="mt-5">
-          <textboxQuestion
-            inputId="license_plate"
-            cmsWidgetName="LicensePlateNumberQuestionWidget"
-            v-model="licensePlate"
-            isRequired 
-            disableAutoFill
-            validationRules="license-plate-required" />
+          <license-plate-question/>
         </div>
         <div class="mt-4">
-          <textboxQuestion 
-            inputId="zip"
-            cmsWidgetName="RegistrationZipQuestionWidget"
-            v-model="registrationZipCode"
-            isRequired
-            disableAutoFill 
-            mask="#####"
-            validationRules="zip-required|zip-format"/>
+          <zip-question/>
         </div>
         <!-- <alert
           cmsWidgetName="AlertVinNotFoundWidget"
@@ -57,6 +44,8 @@ import textboxQuestion from '../../common-components/textbox-question/textbox-qu
 import { required, regex } from '@/helpers/validation-rules';
 import { defineRule } from 'vee-validate';
 import { errorMessages } from '@/constants/error-messages';
+import LicensePlateQuestion from './license-plate-question/license-plate-question.vue';
+import ZipQuestion from './zip-question/zip-question.vue';
 
 // Define Validation Rules
 defineRule("license-plate-required", required(errorMessages.LICENSE_PLATE_REQUIRED));
@@ -73,7 +62,9 @@ export default {
     siteSubHeader,
     vehicleBanner,
     textboxQuestion,
-    alert,   
+    alert,
+    LicensePlateQuestion,
+    ZipQuestion,   
   },
   data() {
     // return {
diff --git a/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue b/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue
new file mode 100644
index 00000000..9fcdb33b
--- /dev/null
+++ b/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue
@@ -0,0 +1,45 @@
+<template>
+    <TextboxQuestion
+        inputId="license_plate"
+        cmsWidgetName="LicensePlateNumberQuestionWidget"
+        v-model="licensePlate"
+        isRequired 
+        disableAutoFill
+        validationRules="license-plate-required"
+    />
+</template>
+<script>
+  // Import Other Supporting File(s)
+  import { defineRule } from 'vee-validate';
+  import { regex, required } from '@/helpers/validation-rules';
+  import { errorMessages } from '@/constants/error-messages';
+  
+  // Import Component(s)
+  import TextboxQuestion from '@/common-components/textbox-question/textbox-question.vue';
+  
+defineRule("license-plate-required", required(errorMessages.LICENSE_PLATE_REQUIRED));
+defineRule("zip-required", required(errorMessages.REGISTRATION_ZIP_REQUIRED));
+defineRule("zip-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.SERVICE_ZIP_FORMAT));
+  
+export default {
+    name: 'license-plate-question',
+    props: {
+      modelValue: String,
+    },
+    emits: ['update:modelValue'],
+    components: {
+      TextboxQuestion,
+    },
+    computed: {
+      licensePlate: {
+        get() {
+          return this.modelValue;
+        },
+        set(newValue) {
+          this.$emit('update:modelValue', newValue);
+        },
+      },
+    },
+  };
+  </script>
+  
\ No newline at end of file
diff --git a/src/layouts/license-plate-lookup/zip-question/zip-question.vue b/src/layouts/license-plate-lookup/zip-question/zip-question.vue
new file mode 100644
index 00000000..df7265dd
--- /dev/null
+++ b/src/layouts/license-plate-lookup/zip-question/zip-question.vue
@@ -0,0 +1,45 @@
+<template>
+    <TextboxQuestion
+        inputId="zip"
+        cmsWidgetName="RegistrationZipQuestionWidget"
+        v-model="registrationZipCode"
+        isRequired
+        disableAutoFill
+        validationRules="zip-required|zip-format"
+        mask="#####"
+    />
+</template>
+<script>
+// Import Other Supporting File(s)
+import { defineRule } from 'vee-validate';
+import { regex, required } from '@/helpers/validation-rules';
+import { errorMessages } from '@/constants/error-messages';
+  
+// Import Component(s)
+import TextboxQuestion from '@/common-components/textbox-question/textbox-question.vue';
+  
+defineRule("zip-required", required(errorMessages.REGISTRATION_ZIP_REQUIRED));
+defineRule("zip-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.ZIP_FORMAT));
+  
+export default {
+    name: 'zip-question',
+    props: {
+      modelValue: String,
+    },
+    emits: ['update:modelValue'],
+    components: {
+      TextboxQuestion,
+    },
+    computed: {
+      registrationZipCode: {
+        get() {
+          return this.modelValue;
+        },
+        set(newValue) {
+          this.$emit('update:modelValue', newValue);
+        },
+      },
+    },
+  };
+  </script>
+  
\ No newline at end of file

From b55405f3fbeb4623a26aeda74032073b249d40c9 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 3 Jan 2023 12:22:29 -0500
Subject: [PATCH 05/36] updates to validation rules

---
 src/layouts/license-plate-lookup/license-plate-lookup.vue    | 5 -----
 .../license-plate-question/license-plate-question.vue        | 2 --
 .../license-plate-lookup/zip-question/zip-question.vue       | 1 -
 3 files changed, 8 deletions(-)

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 0fd77f5b..15d7e965 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -47,11 +47,6 @@ import { errorMessages } from '@/constants/error-messages';
 import LicensePlateQuestion from './license-plate-question/license-plate-question.vue';
 import ZipQuestion from './zip-question/zip-question.vue';
 
-// Define Validation Rules
-defineRule("license-plate-required", required(errorMessages.LICENSE_PLATE_REQUIRED));
-defineRule("zip-required", required(errorMessages.REGISTRATION_ZIP_REQUIRED));
-defineRule("zip-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.SERVICE_ZIP_FORMAT));
-
 export default {
   name: 'license-plate-lookup',
   mixins: [BaseFormMixin],
diff --git a/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue b/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue
index 9fcdb33b..c196c700 100644
--- a/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue
+++ b/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue
@@ -18,8 +18,6 @@
   import TextboxQuestion from '@/common-components/textbox-question/textbox-question.vue';
   
 defineRule("license-plate-required", required(errorMessages.LICENSE_PLATE_REQUIRED));
-defineRule("zip-required", required(errorMessages.REGISTRATION_ZIP_REQUIRED));
-defineRule("zip-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.SERVICE_ZIP_FORMAT));
   
 export default {
     name: 'license-plate-question',
diff --git a/src/layouts/license-plate-lookup/zip-question/zip-question.vue b/src/layouts/license-plate-lookup/zip-question/zip-question.vue
index df7265dd..dd1cbfbd 100644
--- a/src/layouts/license-plate-lookup/zip-question/zip-question.vue
+++ b/src/layouts/license-plate-lookup/zip-question/zip-question.vue
@@ -6,7 +6,6 @@
         isRequired
         disableAutoFill
         validationRules="zip-required|zip-format"
-        mask="#####"
     />
 </template>
 <script>

From e9b77fd35269d6368d1687ae545a01b0b7f02461 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 3 Jan 2023 17:00:50 -0500
Subject: [PATCH 06/36] update to zip-format validation

---
 .../license-plate-lookup.vue                  | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 15d7e965..f495982a 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -13,7 +13,8 @@
           <license-plate-question/>
         </div>
         <div class="mt-4">
-          <zip-question/>
+          <zip-question
+            v-model="registrationZipCode"/>
         </div>
         <!-- <alert
           cmsWidgetName="AlertVinNotFoundWidget"
@@ -41,9 +42,6 @@ import siteHeader from '@/common-components/site-header/site-header.vue';
 import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
 import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
 import textboxQuestion from '../../common-components/textbox-question/textbox-question.vue';
-import { required, regex } from '@/helpers/validation-rules';
-import { defineRule } from 'vee-validate';
-import { errorMessages } from '@/constants/error-messages';
 import LicensePlateQuestion from './license-plate-question/license-plate-question.vue';
 import ZipQuestion from './zip-question/zip-question.vue';
 
@@ -62,10 +60,9 @@ export default {
     ZipQuestion,   
   },
   data() {
-    // return {
-    //   licensePlate: this.getLicensePlateFromStore(),
-    //   registrationZipCode: this.getRegistrationZipFromStore(),
-    // };
+    return {
+        registrationZipCode: null,
+   };
   },
   async beforeRouteEnter(to, from, next) {
     const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
@@ -111,12 +108,6 @@ export default {
     resetDependentState() {
 
     },
-    // getLicensePlateFromStore() {
-    //   return this.mainStore.order.vehicle.registration.licensePlate;
-    // },
-    // getRegistrationZipFromStore() {
-    //   return this.mainStore.order.vehicle.registration.zipCode;
-    // }
 
   },
 };

From 07d1dfa3b9acb35fa65a041dfd35d775e032790a Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Wed, 4 Jan 2023 13:55:33 -0500
Subject: [PATCH 07/36] license-plate-lookup alerts, back and continue button
 routing/methods

---
 src/constants/endpoints.js                    |   4 +
 .../license-plate-lookup-alerts.vue           |  14 +--
 .../vehicle-not-found-alert.vue               |  26 +++++
 .../vehicle-not-matched-alert.vue             |  49 +++++++++
 .../license-plate-lookup.vue                  | 104 +++++++++++++-----
 src/router/router-constants/routing-table.js  |   9 ++
 6 files changed, 174 insertions(+), 32 deletions(-)
 create mode 100644 src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue
 create mode 100644 src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue

diff --git a/src/constants/endpoints.js b/src/constants/endpoints.js
index cadc84fb..2dd3873a 100644
--- a/src/constants/endpoints.js
+++ b/src/constants/endpoints.js
@@ -59,6 +59,10 @@ const endpoints = {
     url: "/vehicle/api/v1/vehicle/lookup",
     method: "POST",
   },
+  LookupVinByPlate: {
+    url: "/vehicle/api/v1/vehicle/lookup-vin-by-plate",
+    method: "POST",
+  },
   InitializeSession: {
       url: "/analytics/api/v1/analytics/initialize",
       method: "POST",
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue
index e2f0fa9c..a03c32d0 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue
@@ -3,24 +3,24 @@
       id="vin-lookup-alerts-wrapper"
       :class="wrapperCssClass"
     >
-      <!-- <VehicleNotFoundAlert
+      <VehicleNotFoundAlert
         v-if="isVehicleNotFoundVisible"
       />
       <VehicleNotMatchedAlert
         v-else-if="isVehicleNotMatchedVisible"
-      /> -->
+      />
     </div>
   </template>
   <script>
-  //import vehicleLookupAlertTypes from '@/constants/vehicle-lookup-alert-types';
-  //import VehicleNotFoundAlert from './vehicle-not-found-alert/vehicle-not-found-alert.vue';
-  //import VehicleNotMatchedAlert from './vehicle-not-matched-alert/vehicle-not-matched-alert.vue';
+  import vehicleLookupAlertTypes from '@/constants/vehicle-lookup-alert-types';
+  import VehicleNotFoundAlert from './vehicle-not-found-alert/vehicle-not-found-alert.vue';
+  import VehicleNotMatchedAlert from './vehicle-not-matched-alert/vehicle-not-matched-alert.vue';
   
   export default {
     name: 'license-plate-lookup-alerts',
     components: {
-      //VehicleNotFoundAlert,
-      //VehicleNotMatchedAlert,
+      VehicleNotFoundAlert,
+      VehicleNotMatchedAlert,
     },
     props: {
       activeAlertType: {
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue
new file mode 100644
index 00000000..3e9c5aaa
--- /dev/null
+++ b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue
@@ -0,0 +1,26 @@
+<template>
+    <Alert
+      alert-class="alert-danger"
+      cms-widget-name="AlertVinNotFoundWidget"
+      id="vehicle-not-found-alert"
+    />
+  </template>
+  <script>
+  import Alert from '@/ux-components/alert/alert.vue';
+  
+  export default {
+    name: 'vehicle-not-found-alert',
+    components: {
+      Alert,
+    },
+  };
+  </script>
+  <style>
+  /**
+    Override wrong margin-bottom rule in the Alert component.
+  */
+  #vehicle-not-found-alert p:last-of-type {
+    margin-bottom: 0 !important;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue
new file mode 100644
index 00000000..5d135367
--- /dev/null
+++ b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue
@@ -0,0 +1,49 @@
+<template>
+    <Alert
+      alert-class="alert-warning"
+      cms-widget-name="AlertMatchedDifferentVehicleWidget"
+      :manual-copy="body"
+      :manual-headline="header"
+    />
+  </template>
+  <script>
+  import { getDamageString } from '@/helpers/damage-helper';
+  
+  import Alert from '@/ux-components/alert/alert.vue';
+  
+  export default {
+    name: 'vehicle-not-matched-alert',
+    components: {
+      Alert,
+    },
+    inject: ['vehicleFromLookup'],
+    computed: {
+      header() {
+        return (
+          this.getCmsContent('AlertMatchedDifferentVehicleWidget', 'HeadlineText')
+            .replaceAll('{custom:damage}', getDamageString())
+        );
+      },
+      body() {
+        let year = '';
+        let make = '';
+        let model = '';
+  
+        if (this.vehicleFromLookup) {
+          year = this.vehicleFromLookup.year;
+          make = this.vehicleFromLookup.make;
+          model = this.vehicleFromLookup.model;
+        }
+  
+        return (
+          this.getCmsContent('AlertMatchedDifferentVehicleWidget', 'BodyText')
+            .replaceAll('{custom:damage}', getDamageString())
+            .replaceAll('{custom:vinlookupYear}', year)
+            .replaceAll('{custom:vinlookupMake}', make)
+            .replaceAll('{custom:vinlookupModel}', model)
+        );
+      },
+    },
+  };
+  </script>
+  
\ No newline at end of file
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index f495982a..56ef8aed 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -1,7 +1,8 @@
 <template>  
   <VeeValidateForm
     @submit="onSubmit"
-    @invalid-submit="onInvalidSubmit" >
+    @invalid-submit="onInvalidSubmit" 
+    v-slot="{ meta }">
     <div class="page-container-grouped-styles overflow-auto">
       <siteHeader cms-widget-name="SiteHeaderWidget" />
       <vehicleBanner
@@ -9,6 +10,9 @@
         :display-generic-vehicle-image="false" />
       <siteSubHeader cms-widget-name="SiteSubHeaderWidget" />
       <div class="fade-on-route-transition sub-container make-tall">
+        <license-plate-lookup-alerts
+          :activeAlertType="activeVehicleLookupAlertType"
+        />
         <div class="mt-5">
           <license-plate-question/>
         </div>
@@ -16,27 +20,29 @@
           <zip-question
             v-model="registrationZipCode"/>
         </div>
-        <!-- <alert
-          cmsWidgetName="AlertVinNotFoundWidget"
-          alertClass="alert-danger"
-          :isDismissable="false" /> -->
         <siteFooter
           cms-widget-name="SiteFooterWidget"
-          :is-forward-action-disabled="isForwardActionDisabled"
+          :is-forward-action-disabled="!meta.valid"
           @back-clicked="backButtonAction"
-          @forward-clicked="forwardButtonAction" />
+          @forward-clicked="forwardButtonAction"
+          ref="siteFooter" />
       </div>
     </div>
   </VeeValidateForm>
 </template>
 <script>
 // Import Supporting Files
+import { computed } from 'vue';
+import { endpoints } from '@/constants/endpoints';
+import vehicleLookupAlertTypes from '@/constants/vehicle-lookup-alert-types';
+import globalMethods from '@/global-methods';
 import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
 import { settleAllPromises } from '@/helpers/layout-helper';
-import { Form } from 'vee-validate';
-import BaseFormMixin from '@/mixins/base-form-mixin.js';
+import { useMainStore } from '@/store';
 
 // Import Component
+import BaseFormMixin from '@/mixins/base-form-mixin';
+import { Form } from 'vee-validate';
 import siteFooter from '@/common-components/site-footer/site-footer.vue';
 import siteHeader from '@/common-components/site-header/site-header.vue';
 import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
@@ -44,6 +50,7 @@ import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue
 import textboxQuestion from '../../common-components/textbox-question/textbox-question.vue';
 import LicensePlateQuestion from './license-plate-question/license-plate-question.vue';
 import ZipQuestion from './zip-question/zip-question.vue';
+import LicensePlateLookupAlerts from './license-plate-lookup-alerts/license-plate-lookup-alerts.vue';
 
 export default {
   name: 'license-plate-lookup',
@@ -55,15 +62,26 @@ export default {
     siteSubHeader,
     vehicleBanner,
     textboxQuestion,
-    alert,
     LicensePlateQuestion,
-    ZipQuestion,   
+    ZipQuestion,
+    LicensePlateLookupAlerts,   
+  },
+  setup() {
+    const mainStore = useMainStore();
   },
   data() {
     return {
-        registrationZipCode: null,
+      activeVehicleLookupAlertType: null,
+      vehicleFromLookup: null,
+      licensePlate: null, 
+      registrationZipCode: null,
    };
   },
+  provide() {
+    return {
+      vehicleFromLookup: computed(() => this.vehicleFromLookup),
+    };
+  },
   async beforeRouteEnter(to, from, next) {
     const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
 
@@ -81,14 +99,6 @@ export default {
       vm.setCmsContent(resultMap.cmsContent);      
     });
   },
-  props: {
-    validationRules: String,
-  },
-  computed: {
-    isForwardActionDisabled() {
-      return true;
-    }
-  },
   methods: {
     arePagePrerequisiteValid() {      
       if (this.mainStore.order.vehicle.carId) {
@@ -102,13 +112,57 @@ export default {
        */
       this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
     },
-    forwardButtonAction() {
-      return true;
-    },
-    resetDependentState() {
+    async forwardButtonAction() {
+      this.resetActiveAlert();
 
-    },
+      // NOTE: If form is not valid, this method is not called when 'Continue' button is clicked
+      const vehicleLookupResponse = await this.lookupVinByPlate(this.licensePlate);
 
+      if (vehicleLookupResponse.error) {
+        this.activeVehicleLookupAlertType = vehicleLookupAlertTypes.NOT_FOUND;
+        this.resetVehicleFromLookup();
+        this.$refs.siteFooter.removeLoader();
+        return;
+      }
+
+      this.vehicleFromLookup = vehicleLookupResponse.data;
+      if (this.vehicleFromLookup.carId !== this.mainStore.vehicle.carId) {
+        this.activeVehicleLookupAlertType = vehicleLookupAlertTypes.NOT_MATCHED;
+
+        const vehicleYearMakeModel = `${this.vehicleFromLookup.year} ${this.vehicleFromLookup.make} ${this.vehicleFromLookup.model}`;
+
+        this.$refs.siteFooter.updateButtonText(`Continue with ${vehicleYearMakeModel}`);
+        this.$refs.siteFooter.removeLoader();
+      }
+
+      // Continue
+    },
+    async lookupVinByPlate(licensePlate) {
+      try {
+        const response = await globalMethods.callHttpClient({
+          method: endpoints.LookupVinByPlate.method,
+          endpoint: endpoints.LookupVinByPlate.url,
+          payload: {
+            licensePlate,
+          },
+        });
+
+        return response;
+      } catch (responseError) {
+        return {
+          error: {
+            status: responseError.status,
+          },
+        };
+      }
+    },
+    resetActiveAlert() {
+      this.activeVehicleLookupAlertType = null;
+    },
+    resetVehicleFromLookup() {
+      this.vehicleFromLookup = null;
+    },
+    resetDependentState() {},
   },
 };
 </script>
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 3d15d67b..6adcc361 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -103,6 +103,15 @@ const routingTable = function(store) {
           },          
       ],
     },
+    {
+      issPageValue: issPageValues.LICENSE_PLATE_LOOKUP,
+      maps: [
+          {
+              scenario: navigationScenarios.CLICKED_BACK,
+              destinationIssPageValue: issPageValues.VEHICLE_LOOKUP,
+          },          
+      ],
+    },
     {
       issPageValue: issPageValues.PART_QUESTIONS,
       maps: [

From 930d6bf7be36453522f84605ffe18293c4f49ca8 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Wed, 4 Jan 2023 15:13:31 -0500
Subject: [PATCH 08/36] formatting edits

---
 .../license-plate-lookup.vue                     | 16 +++++++---------
 .../license-plate-question.vue                   |  4 ++--
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 56ef8aed..34b58970 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -9,20 +9,18 @@
         cms-widget-name="VehicleBannerWidget"
         :display-generic-vehicle-image="false" />
       <siteSubHeader cms-widget-name="SiteSubHeaderWidget" />
-      <div class="fade-on-route-transition sub-container make-tall">
+      <div class="fade-on-route-transition sub-container make-tall mt-5">
         <license-plate-lookup-alerts
           :activeAlertType="activeVehicleLookupAlertType"
         />
-        <div class="mt-5">
-          <license-plate-question/>
-        </div>
-        <div class="mt-4">
-          <zip-question
-            v-model="registrationZipCode"/>
-        </div>
+        <license-plate-question
+          v-model="licensePlate"/>
+        <zip-question
+          v-model="registrationZipCode"
+          class="mt-4" />
         <siteFooter
           cms-widget-name="SiteFooterWidget"
-          :is-forward-action-disabled="!meta.valid"
+          
           @back-clicked="backButtonAction"
           @forward-clicked="forwardButtonAction"
           ref="siteFooter" />
diff --git a/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue b/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue
index c196c700..44a6087a 100644
--- a/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue
+++ b/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue
@@ -1,6 +1,6 @@
 <template>
     <TextboxQuestion
-        inputId="license_plate"
+        inputId="license-plate-question"
         cmsWidgetName="LicensePlateNumberQuestionWidget"
         v-model="licensePlate"
         isRequired 
@@ -11,7 +11,7 @@
 <script>
   // Import Other Supporting File(s)
   import { defineRule } from 'vee-validate';
-  import { regex, required } from '@/helpers/validation-rules';
+  import { required } from '@/helpers/validation-rules';
   import { errorMessages } from '@/constants/error-messages';
   
   // Import Component(s)

From 9e53043d36545d073d77a4a6e45df327a384df3c Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Wed, 4 Jan 2023 16:14:08 -0500
Subject: [PATCH 09/36] testing alerts

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

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 34b58970..e22a77c4 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -20,10 +20,10 @@
           class="mt-4" />
         <siteFooter
           cms-widget-name="SiteFooterWidget"
-          
           @back-clicked="backButtonAction"
           @forward-clicked="forwardButtonAction"
           ref="siteFooter" />
+          <!--:is-forward-action-disabled="!meta.valid"-->
       </div>
     </div>
   </VeeValidateForm>

From a27e5c4c065a07a8fa9339ce871378be260d5d27 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 5 Jan 2023 12:01:54 -0500
Subject: [PATCH 10/36] change to vehicle lookup method

---
 src/layouts/license-plate-lookup/license-plate-lookup.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index e22a77c4..a93f7bde 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -22,7 +22,8 @@
           cms-widget-name="SiteFooterWidget"
           @back-clicked="backButtonAction"
           @forward-clicked="forwardButtonAction"
-          ref="siteFooter" />
+          ref="siteFooter"
+          :is-forward-action-disabled="!meta.valid" />
           <!--:is-forward-action-disabled="!meta.valid"-->
       </div>
     </div>
@@ -123,7 +124,7 @@ export default {
         return;
       }
 
-      this.vehicleFromLookup = vehicleLookupResponse.data;
+      this.vehicleFromLookup = vehicleLookupResponse.data.vehicle;
       if (this.vehicleFromLookup.carId !== this.mainStore.vehicle.carId) {
         this.activeVehicleLookupAlertType = vehicleLookupAlertTypes.NOT_MATCHED;
 
@@ -142,6 +143,7 @@ export default {
           endpoint: endpoints.LookupVinByPlate.url,
           payload: {
             licensePlate,
+            licenseState: "IL" // hard coded until Welcome Page is complete and license state can be pulled from store
           },
         });
 

From 662b6944c43e7c0a4dd9fe2769087dd52876f8a6 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 5 Jan 2023 16:36:41 -0500
Subject: [PATCH 11/36] first unit test - back button navigates

---
 .../license-plate-lookup.spec.js              | 133 ++++++++++++++++++
 1 file changed, 133 insertions(+)
 create mode 100644 src/layouts/license-plate-lookup/license-plate-lookup.spec.js

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
new file mode 100644
index 00000000..fdb41019
--- /dev/null
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
@@ -0,0 +1,133 @@
+// Components
+import licensePlateLookup from "@/layouts/license-plate-lookup/license-plate-lookup.vue";
+import licensePlateQuestion from "@/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue";
+
+// Supporting files
+import { shallowMount } from '@vue/test-utils';
+import { settleAllPromises } from "@/helpers/layout-helper.js";
+import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
+import baseMixin from "@/mixins/base-mixin.js";
+import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import { nextTick } from "vue";
+import { useMainStore } from "@/store";
+
+// 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 damage helper
+jest.mock("@/helpers/damage-helper", () => ({
+    isGlassAvailableForCarId: () => {
+        return false;
+    },
+    getDamageString: () => {
+        return "damage string";
+    },
+}));
+
+describe("license-plate-lookup.vue", () => {
+    describe("navigation", () => {
+        test("backButtonAction triggers a router.navigate change", async () => {
+            //Arrange
+            const { wrapper } = setupMocks({});
+
+            //Act
+            licensePlateLookup.beforeRouteEnter.call(
+                wrapper.vm,
+                { query: { issPage: "license-plate-lookup" } },
+                undefined,
+                (c) => c(wrapper.vm)
+            );
+
+            wrapper.vm.backButtonAction();
+
+            //Assert
+            expect(wrapper.vm.$router.navigate).toHaveBeenCalled();
+        });
+
+        // TODO: Test - Continue button should call forwardButtonAction when data entered matches data from store
+
+        // TODO: Test - Methods to get values from the store (license plate, registration zip)
+
+
+    });
+});
+
+function setupMocks({
+    licensePlateQuestionCmsContent = {},
+    licensePlateQuestionInitialData = {},
+    pageHeaderWidgetHeaderText = {},
+    mountOptionsMockData = {},
+    partsOrQuestions = [],
+    //Values to set in the state store
+    carId = null,
+    registrationZipCode = null,
+    licensePlate = null, //"TESTPLATE",
+    emailAddress = null, //"test@test.com",
+}) {
+    //Mock api responses
+    const apiResponses = {
+      cmsContent: {
+        SiteSubHeaderWidget: pageHeaderWidgetHeaderText,
+        LicensePlateQuestion: licensePlateQuestionCmsContent,
+        VehicleBannerWidget: {
+          GenericVehicleImage:
+            "https://digitalisscms.dev.safelite.io/images/default-source/default-album/blurred-image.jpg",
+        },
+        SiteHeaderWidget: {
+          LogoImage:
+            "https://digitalisscms.dev.safelite.io/images/default-source/default-album/logos/insuranceLogo.jpg",
+        },
+      },
+      licensePlateQuestionInitialData: licensePlateQuestionInitialData,
+    };
+  
+    mountOptionsMockData = {
+        ...mountOptionsMockData,
+        router: {
+            navigate: jest.fn(),
+            navigateWithoutSaving: jest.fn(),
+            navigateWithSaving: jest.fn(),
+        },
+        store: {
+            getters: {
+                vehicle: {
+                    registration: {
+                        licensePlate: licensePlate,
+                        zipCode: registrationZipCode,
+                    },
+                    carId: carId,
+                },
+            },
+        },
+    };
+
+
+    const apiPromise = Promise.resolve(apiResponses);
+  
+    settleAllPromises.mockImplementation(() => apiPromise);
+    fetchCmsContentForPage.mockImplementation(() => Promise.resolve());
+  
+    //Mock make question methods
+    licensePlateQuestion.methods = {
+      loadInitialData: jest.fn(),
+      initializeComponent: jest.fn(),
+    };
+  
+    const mountOptions = getMountOptions(mountOptionsMockData);
+    const wrapper = shallowMount(licensePlateLookup, mountOptions);
+  
+    const licensePlateQuestionWrapper = wrapper.findComponent({ name: "licensePlateQuestion" });
+    licensePlateQuestionWrapper.vm.initializeComponent =
+      licensePlateQuestion.methods.initializeComponent;
+    
+    wrapper.vm.setCmsContent = baseMixin.methods.setCmsContent;
+  
+    return { wrapper, apiPromise };
+  }  
\ No newline at end of file

From 9bac32b0937e1ef3ab61e5e075f108b44465b2f0 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Fri, 6 Jan 2023 13:19:31 -0500
Subject: [PATCH 12/36] change to form on vehicle-lookup pages

---
 src/layouts/license-plate-lookup/license-plate-lookup.vue | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 5563e087..b93a69d6 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -1,12 +1,5 @@
 <template>  
-<<<<<<< HEAD
-  <VeeValidateForm
-    @submit="onSubmit"
-    @invalid-submit="onInvalidSubmit" 
-    v-slot="{ meta }">
-=======
   <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit">
->>>>>>> develop
     <div class="page-container-grouped-styles overflow-auto">
       <siteHeader cms-widget-name="SiteHeaderWidget" />
       <vehicleBanner

From 9be65c0c819b0defb54363406d66c0ae4716b953 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Fri, 6 Jan 2023 14:22:54 -0500
Subject: [PATCH 13/36] unit test to check page prereqs

---
 .../license-plate-lookup.spec.js              | 41 ++++++++-----------
 .../license-plate-lookup.vue                  | 23 ++---------
 2 files changed, 21 insertions(+), 43 deletions(-)

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
index fdb41019..d367826d 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
@@ -32,30 +32,23 @@ jest.mock("@/helpers/damage-helper", () => ({
 }));
 
 describe("license-plate-lookup.vue", () => {
-    describe("navigation", () => {
-        test("backButtonAction triggers a router.navigate change", async () => {
-            //Arrange
-            const { wrapper } = setupMocks({});
+    test("Make set, arePagePrerequisitesValid should be true ", () => {
+        //Arrange
+        const { wrapper } = setupMocks({});
+        useMainStore().order.vehicle.carId = "CR00000395";
 
-            //Act
-            licensePlateLookup.beforeRouteEnter.call(
-                wrapper.vm,
-                { query: { issPage: "license-plate-lookup" } },
-                undefined,
-                (c) => c(wrapper.vm)
-            );
-
-            wrapper.vm.backButtonAction();
-
-            //Assert
-            expect(wrapper.vm.$router.navigate).toHaveBeenCalled();
-        });
-
-        // TODO: Test - Continue button should call forwardButtonAction when data entered matches data from store
-
-        // TODO: Test - Methods to get values from the store (license plate, registration zip)
+        //Act
+        licensePlateLookup.beforeRouteEnter.call(
+        wrapper.vm,
+        { query: { issPage: "license-plate-lookup" } },
+        undefined,
+        (c) => c(wrapper.vm)
+        );
 
+        let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
 
+        //Assert
+        expect(arePagePrerequisitesValid).toBe(true);
     });
 });
 
@@ -63,13 +56,13 @@ function setupMocks({
     licensePlateQuestionCmsContent = {},
     licensePlateQuestionInitialData = {},
     pageHeaderWidgetHeaderText = {},
+    pageFooterWidgetCmsContent = {},
     mountOptionsMockData = {},
-    partsOrQuestions = [],
     //Values to set in the state store
     carId = null,
     registrationZipCode = null,
     licensePlate = null, //"TESTPLATE",
-    emailAddress = null, //"test@test.com",
+    
 }) {
     //Mock api responses
     const apiResponses = {
@@ -84,6 +77,8 @@ function setupMocks({
           LogoImage:
             "https://digitalisscms.dev.safelite.io/images/default-source/default-album/logos/insuranceLogo.jpg",
         },
+        SiteFooterWidget: pageFooterWidgetCmsContent,
+        
       },
       licensePlateQuestionInitialData: licensePlateQuestionInitialData,
     };
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index b93a69d6..6be4545f 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -20,8 +20,7 @@
           @back-clicked="backButtonAction"
           @forward-clicked="forwardButtonAction"
           ref="siteFooter"
-          :is-forward-action-disabled="!meta.valid" />
-          <!--:is-forward-action-disabled="!meta.valid"-->
+          :is-forward-action-disabled="isForwardActionDisabled" />
       </div>
     </div>
   </Form>
@@ -52,30 +51,14 @@ export default {
   name: 'license-plate-lookup',
   mixins: [BaseFormMixin],
   components: {
-<<<<<<< HEAD
-    VeeValidateForm: Form,
+    Form,
     siteFooter,
     siteHeader,
     siteSubHeader,
     vehicleBanner,
     textboxQuestion,
     LicensePlateQuestion,
-<<<<<<< HEAD
-    ZipQuestion,
-    LicensePlateLookupAlerts,   
-  },
-  setup() {
-    const mainStore = useMainStore();
-=======
     ZipQuestion,   
-=======
-    Form,
-    SiteFooter,
-    SiteHeader,
-    SiteSubHeader,
-    VehicleBanner,    
->>>>>>> c55f3731be77a48139e06899a0ce08cb157b91fd
->>>>>>> develop
   },
   data() {
     return {
@@ -108,7 +91,7 @@ export default {
     });
   },
   methods: {
-    arePagePrerequisiteValid() {      
+    arePagePrerequisitesValid() {      
       if (this.mainStore.order.vehicle.carId) {
           return true;
       }

From 83df3b71c9157941695e1ac30e3aa3847aaf8d74 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Mon, 9 Jan 2023 15:58:39 -0500
Subject: [PATCH 14/36] unit tests for license-plate-lookup

---
 .../license-plate-lookup.spec.js              | 56 ++++++++++++++++---
 .../license-plate-lookup.vue                  |  9 ++-
 .../license-plate-question.spec.js            |  3 +
 .../zip-question/zip-question.spec.js         |  3 +
 4 files changed, 61 insertions(+), 10 deletions(-)
 create mode 100644 src/layouts/license-plate-lookup/license-plate-question/license-plate-question.spec.js
 create mode 100644 src/layouts/license-plate-lookup/zip-question/zip-question.spec.js

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
index d367826d..37f6ae14 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
@@ -32,7 +32,7 @@ jest.mock("@/helpers/damage-helper", () => ({
 }));
 
 describe("license-plate-lookup.vue", () => {
-    test("Make set, arePagePrerequisitesValid should be true ", () => {
+    test("Vehicle make set, arePagePrerequisitesValid should be true", () => {
         //Arrange
         const { wrapper } = setupMocks({});
         useMainStore().order.vehicle.carId = "CR00000395";
@@ -52,6 +52,43 @@ describe("license-plate-lookup.vue", () => {
     });
 });
 
+describe("navigation", () => {
+    test("BackButtonAction triggers a router.navigate change", async () => {
+      //Arrange
+      const { wrapper, apiPromise } = setupMocks({
+        mountOptionsMockData: {
+          router: {
+            navigate: jest.fn(),
+          },
+        },
+      });
+      //Act
+      licensePlateLookup.beforeRouteEnter.call(
+        wrapper.vm,
+        { query: { issPage: "license-plate-lookup" } },
+        undefined,
+        (c) => c(wrapper.vm)
+      );
+      wrapper.vm.backButtonAction();
+      await nextTick();
+  
+      //Assert
+      return apiPromise.finally(() => {
+        try {
+            expect(wrapper.vm.$router.navigate).toHaveBeenCalled();
+        }
+        catch (e) {
+            throw e
+        }
+      });
+    });
+
+    // TODO: Create test for navigating forward when user clicks Continue
+    // and information entered is correct (no alerts)
+    // Will be implemented once navigation from page is complete
+
+  });
+
 function setupMocks({
     licensePlateQuestionCmsContent = {},
     licensePlateQuestionInitialData = {},
@@ -60,9 +97,8 @@ function setupMocks({
     mountOptionsMockData = {},
     //Values to set in the state store
     carId = null,
-    registrationZipCode = null,
+    registrationZipCode = null, //"55555",
     licensePlate = null, //"TESTPLATE",
-    
 }) {
     //Mock api responses
     const apiResponses = {
@@ -103,7 +139,7 @@ function setupMocks({
         },
     };
 
-
+    
     const apiPromise = Promise.resolve(apiResponses);
   
     settleAllPromises.mockImplementation(() => apiPromise);
@@ -116,13 +152,19 @@ function setupMocks({
     };
   
     const mountOptions = getMountOptions(mountOptionsMockData);
+    
     const wrapper = shallowMount(licensePlateLookup, mountOptions);
   
     const licensePlateQuestionWrapper = wrapper.findComponent({ name: "licensePlateQuestion" });
     licensePlateQuestionWrapper.vm.initializeComponent =
       licensePlateQuestion.methods.initializeComponent;
     
-    wrapper.vm.setCmsContent = baseMixin.methods.setCmsContent;
-  
+    wrapper.vm.setCmsContent = jest.fn();
+    wrapper.vm.getCmsContent = jest.fn().mockImplementation(() => "");
+    wrapper.vm.$refs.siteFooter.updateButtonText = jest.fn();
+    
     return { wrapper, apiPromise };
-  }  
\ No newline at end of file
+  }  
+
+
+  // npm run test:unit src/layouts/license-plate-lookup/license-plate-lookup.spec.js
\ No newline at end of file
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 6be4545f..be2a0e70 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -1,5 +1,8 @@
 <template>  
-  <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit">
+  <Form 
+      @submit="onSubmit"
+      @invalid-submit="onInvalidSubmit"
+      v-slot="{ meta }">
     <div class="page-container-grouped-styles overflow-auto">
       <siteHeader cms-widget-name="SiteHeaderWidget" />
       <vehicleBanner
@@ -16,11 +19,11 @@
           v-model="registrationZipCode"
           class="mt-4" />
         <siteFooter
+          :isForwardActionDisabled="!meta.valid"
           cms-widget-name="SiteFooterWidget"
           @back-clicked="backButtonAction"
           @forward-clicked="forwardButtonAction"
-          ref="siteFooter"
-          :is-forward-action-disabled="isForwardActionDisabled" />
+          ref="siteFooter" />
       </div>
     </div>
   </Form>
diff --git a/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.spec.js b/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.spec.js
new file mode 100644
index 00000000..4724124e
--- /dev/null
+++ b/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.spec.js
@@ -0,0 +1,3 @@
+// TODO: Create test for component emitting value when user clicks Continue
+// and information entered is correct (no alerts)
+// Will be implemented once navigation from page is complete
\ No newline at end of file
diff --git a/src/layouts/license-plate-lookup/zip-question/zip-question.spec.js b/src/layouts/license-plate-lookup/zip-question/zip-question.spec.js
new file mode 100644
index 00000000..4724124e
--- /dev/null
+++ b/src/layouts/license-plate-lookup/zip-question/zip-question.spec.js
@@ -0,0 +1,3 @@
+// TODO: Create test for component emitting value when user clicks Continue
+// and information entered is correct (no alerts)
+// Will be implemented once navigation from page is complete
\ No newline at end of file

From 813eddf124406089a3af727d669ba0f673d16549 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Mon, 9 Jan 2023 16:07:38 -0500
Subject: [PATCH 15/36] edits to casing (changed to camelCase)

---
 .../license-plate-lookup-alerts.vue           | 12 ++++-----
 .../vehicle-not-found-alert.vue               |  6 ++---
 .../vehicle-not-matched-alert.vue             |  6 ++---
 .../license-plate-lookup.vue                  | 26 ++++++++++++-------
 .../license-plate-question.vue                |  6 ++---
 .../zip-question/zip-question.vue             |  6 ++---
 6 files changed, 34 insertions(+), 28 deletions(-)

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue
index a03c32d0..57e2e5f1 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue
@@ -3,24 +3,24 @@
       id="vin-lookup-alerts-wrapper"
       :class="wrapperCssClass"
     >
-      <VehicleNotFoundAlert
+      <vehicleNotFoundAlert
         v-if="isVehicleNotFoundVisible"
       />
-      <VehicleNotMatchedAlert
+      <vehicleNotMatchedAlert
         v-else-if="isVehicleNotMatchedVisible"
       />
     </div>
   </template>
   <script>
   import vehicleLookupAlertTypes from '@/constants/vehicle-lookup-alert-types';
-  import VehicleNotFoundAlert from './vehicle-not-found-alert/vehicle-not-found-alert.vue';
-  import VehicleNotMatchedAlert from './vehicle-not-matched-alert/vehicle-not-matched-alert.vue';
+  import vehicleNotFoundAlert from './vehicle-not-found-alert/vehicle-not-found-alert.vue';
+  import vehicleNotMatchedAlert from './vehicle-not-matched-alert/vehicle-not-matched-alert.vue';
   
   export default {
     name: 'license-plate-lookup-alerts',
     components: {
-      VehicleNotFoundAlert,
-      VehicleNotMatchedAlert,
+      vehicleNotFoundAlert,
+      vehicleNotMatchedAlert,
     },
     props: {
       activeAlertType: {
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue
index 3e9c5aaa..95721f30 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue
@@ -1,17 +1,17 @@
 <template>
-    <Alert
+    <alert
       alert-class="alert-danger"
       cms-widget-name="AlertVinNotFoundWidget"
       id="vehicle-not-found-alert"
     />
   </template>
   <script>
-  import Alert from '@/ux-components/alert/alert.vue';
+  import alert from '@/ux-components/alert/alert.vue';
   
   export default {
     name: 'vehicle-not-found-alert',
     components: {
-      Alert,
+      alert,
     },
   };
   </script>
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue
index 5d135367..21d3d4ff 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue
@@ -1,5 +1,5 @@
 <template>
-    <Alert
+    <alert
       alert-class="alert-warning"
       cms-widget-name="AlertMatchedDifferentVehicleWidget"
       :manual-copy="body"
@@ -9,12 +9,12 @@
   <script>
   import { getDamageString } from '@/helpers/damage-helper';
   
-  import Alert from '@/ux-components/alert/alert.vue';
+  import alert from '@/ux-components/alert/alert.vue';
   
   export default {
     name: 'vehicle-not-matched-alert',
     components: {
-      Alert,
+      alert,
     },
     inject: ['vehicleFromLookup'],
     computed: {
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index be2a0e70..cec166a1 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -10,12 +10,12 @@
         :display-generic-vehicle-image="false" />
       <siteSubHeader cms-widget-name="SiteSubHeaderWidget" />
       <div class="fade-on-route-transition sub-container make-tall mt-5">
-        <license-plate-lookup-alerts
+        <licensePlateLookupAlerts
           :activeAlertType="activeVehicleLookupAlertType"
         />
-        <license-plate-question
+        <licensePlateQuestion
           v-model="licensePlate"/>
-        <zip-question
+        <zipQuestion
           v-model="registrationZipCode"
           class="mt-4" />
         <siteFooter
@@ -39,20 +39,20 @@ import { settleAllPromises } from '@/helpers/layout-helper';
 import { useMainStore } from '@/store';
 
 // Import Component
-import BaseFormMixin from '@/mixins/base-form-mixin';
+import baseFormMixin from '@/mixins/base-form-mixin';
 import { Form } from 'vee-validate';
 import siteFooter from '@/common-components/site-footer/site-footer.vue';
 import siteHeader from '@/common-components/site-header/site-header.vue';
 import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
 import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
 import textboxQuestion from '../../common-components/textbox-question/textbox-question.vue';
-import LicensePlateQuestion from './license-plate-question/license-plate-question.vue';
-import ZipQuestion from './zip-question/zip-question.vue';
-import LicensePlateLookupAlerts from './license-plate-lookup-alerts/license-plate-lookup-alerts.vue';
+import licensePlateQuestion from './license-plate-question/license-plate-question.vue';
+import zipQuestion from './zip-question/zip-question.vue';
+import licensePlateLookupAlerts from './license-plate-lookup-alerts/license-plate-lookup-alerts.vue';
 
 export default {
   name: 'license-plate-lookup',
-  mixins: [BaseFormMixin],
+  mixins: [baseFormMixin],
   components: {
     Form,
     siteFooter,
@@ -60,8 +60,14 @@ export default {
     siteSubHeader,
     vehicleBanner,
     textboxQuestion,
-    LicensePlateQuestion,
-    ZipQuestion,   
+    licensePlateQuestion,
+    zipQuestion,
+    licensePlateLookupAlerts
+  },
+  setup() {
+    const mainStore = useMainStore();
+
+    return { mainStore };
   },
   data() {
     return {
diff --git a/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue b/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue
index 44a6087a..3757518d 100644
--- a/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue
+++ b/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue
@@ -1,5 +1,5 @@
 <template>
-    <TextboxQuestion
+    <textboxQuestion
         inputId="license-plate-question"
         cmsWidgetName="LicensePlateNumberQuestionWidget"
         v-model="licensePlate"
@@ -15,7 +15,7 @@
   import { errorMessages } from '@/constants/error-messages';
   
   // Import Component(s)
-  import TextboxQuestion from '@/common-components/textbox-question/textbox-question.vue';
+  import textboxQuestion from '@/common-components/textbox-question/textbox-question.vue';
   
 defineRule("license-plate-required", required(errorMessages.LICENSE_PLATE_REQUIRED));
   
@@ -26,7 +26,7 @@ export default {
     },
     emits: ['update:modelValue'],
     components: {
-      TextboxQuestion,
+      textboxQuestion,
     },
     computed: {
       licensePlate: {
diff --git a/src/layouts/license-plate-lookup/zip-question/zip-question.vue b/src/layouts/license-plate-lookup/zip-question/zip-question.vue
index dd1cbfbd..4af9a5b2 100644
--- a/src/layouts/license-plate-lookup/zip-question/zip-question.vue
+++ b/src/layouts/license-plate-lookup/zip-question/zip-question.vue
@@ -1,5 +1,5 @@
 <template>
-    <TextboxQuestion
+    <textboxQuestion
         inputId="zip"
         cmsWidgetName="RegistrationZipQuestionWidget"
         v-model="registrationZipCode"
@@ -15,7 +15,7 @@ import { regex, required } from '@/helpers/validation-rules';
 import { errorMessages } from '@/constants/error-messages';
   
 // Import Component(s)
-import TextboxQuestion from '@/common-components/textbox-question/textbox-question.vue';
+import textboxQuestion from '@/common-components/textbox-question/textbox-question.vue';
   
 defineRule("zip-required", required(errorMessages.REGISTRATION_ZIP_REQUIRED));
 defineRule("zip-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.ZIP_FORMAT));
@@ -27,7 +27,7 @@ export default {
     },
     emits: ['update:modelValue'],
     components: {
-      TextboxQuestion,
+      textboxQuestion,
     },
     computed: {
       registrationZipCode: {

From 1dca9f7f6cfb9bc248e5ea84413b506acdfc0c94 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Mon, 9 Jan 2023 16:50:00 -0500
Subject: [PATCH 16/36] Start of unit tests for alerts

---
 .../license-plate-lookup/license-plate-lookup-alerts.spec.js | 0
 .../vehicle-not-found-alert/vehicle-not-found-alert.vue      | 1 +
 .../vehicle-not-matched-alert/vehicle-not-matched-alert.vue  | 1 +
 .../license-plate-lookup/license-plate-lookup.spec.js        | 5 +----
 4 files changed, 3 insertions(+), 4 deletions(-)
 create mode 100644 src/layouts/license-plate-lookup/license-plate-lookup-alerts.spec.js

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts.spec.js b/src/layouts/license-plate-lookup/license-plate-lookup-alerts.spec.js
new file mode 100644
index 00000000..e69de29b
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue
index 95721f30..805983ab 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue
@@ -3,6 +3,7 @@
       alert-class="alert-danger"
       cms-widget-name="AlertVinNotFoundWidget"
       id="vehicle-not-found-alert"
+      aria-label="vehicle-not-found-alert"
     />
   </template>
   <script>
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue
index 21d3d4ff..8b1d6878 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue
@@ -4,6 +4,7 @@
       cms-widget-name="AlertMatchedDifferentVehicleWidget"
       :manual-copy="body"
       :manual-headline="header"
+      aria-label="vehicle-not-matched-alert"
     />
   </template>
   <script>
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
index 37f6ae14..369675d2 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
@@ -164,7 +164,4 @@ function setupMocks({
     wrapper.vm.$refs.siteFooter.updateButtonText = jest.fn();
     
     return { wrapper, apiPromise };
-  }  
-
-
-  // npm run test:unit src/layouts/license-plate-lookup/license-plate-lookup.spec.js
\ No newline at end of file
+  }  
\ No newline at end of file

From c55450c81dee3b076f67fa5470f1765772777bdf Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 10 Jan 2023 10:13:02 -0500
Subject: [PATCH 17/36] Unit tests for license-plate-lookup

---
 .../license-plate-lookup-alerts.spec.js       | 63 +++++++++++++++++++
 .../license-plate-lookup.spec.js              |  8 ++-
 .../license-plate-question.spec.js            |  3 -
 .../zip-question/zip-question.spec.js         |  3 -
 4 files changed, 70 insertions(+), 7 deletions(-)
 delete mode 100644 src/layouts/license-plate-lookup/license-plate-question/license-plate-question.spec.js
 delete mode 100644 src/layouts/license-plate-lookup/zip-question/zip-question.spec.js

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts.spec.js b/src/layouts/license-plate-lookup/license-plate-lookup-alerts.spec.js
index e69de29b..781079ab 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup-alerts.spec.js
+++ b/src/layouts/license-plate-lookup/license-plate-lookup-alerts.spec.js
@@ -0,0 +1,63 @@
+/* eslint-env jest */
+import { getDamageString } from '@/helpers/damage-helper';
+import vehicleLookupAlertTypes from '@/constants/vehicle-lookup-alert-types';
+import { RouterLinkStub } from '@vue/test-utils';
+import { render } from '@testing-library/vue';
+import '@testing-library/jest-dom';
+import LicensePlateLookupAlertsComponent from './license-plate-lookup-alerts/license-plate-lookup-alerts.vue';
+
+jest.mock('@/helpers/damage-helper');
+
+const mountOptions = {
+    global: {
+        stubs: {
+            RouterLink: RouterLinkStub,
+        },
+        mixins: [
+            {
+                methods: {
+                    getCmsContent: jest.fn(() => ''),
+                    getFooterInfoBoxHeight: jest.fn(() => 80),
+                    cssClassNameForCmsWidget: jest.fn(() => 'widget-name-mock-class'),
+                },
+            },
+        ],
+    },
+};
+
+describe('license-plate-lookup-alerts.vue', () => {
+    test('VehicleNotFoundAlert is displayed on the screen', () => {
+        // Arrange
+        mountOptions.props = {
+            activeAlertType: vehicleLookupAlertTypes.NOT_FOUND,
+        };
+
+        // Act
+        const { queryByRole } = render(LicensePlateLookupAlertsComponent, mountOptions);
+        const VehicleNotFoundAlert = queryByRole('alert', { name: 'vehicle-not-found-alert' });
+        const VehicleNotMatchedAlert = queryByRole('alert', { name: 'vehicle-not-matched-alert'});
+
+        // Assert
+        expect(VehicleNotFoundAlert).toBeVisible();
+        expect(VehicleNotMatchedAlert).toEqual(null);
+    });
+
+    test('VehicleNotMatchedAlert is displayed on the screen', () => {
+        // Arrange
+        getDamageString.mockImplementation(() => 'Mock Damage String');
+        mountOptions.props = {
+            activeAlertType: vehicleLookupAlertTypes.NOT_MATCHED,
+        };
+
+        // Act
+        const { queryByRole } = render(LicensePlateLookupAlertsComponent, mountOptions);
+        const VehicleNotFoundAlert = queryByRole('alert', { name: 'vehicle-not-found-alert' });
+        const VehicleNotMatchedAlert = queryByRole('alert', { name: 'vehicle-not-matched-alert'});
+
+        // Assert
+        expect(VehicleNotMatchedAlert).toBeVisible();
+        expect(VehicleNotFoundAlert).toEqual(null);
+    });
+
+
+})
\ No newline at end of file
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
index 369675d2..e8bcca1a 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
@@ -85,8 +85,14 @@ describe("navigation", () => {
 
     // TODO: Create test for navigating forward when user clicks Continue
     // and information entered is correct (no alerts)
-    // Will be implemented once navigation from page is complete
+    
+    // TODO: Create test for license-plate-question component emitting value when user clicks Continue
+    // and information entered is correct (no alerts)
 
+    // TODO: Create test for zip-question component emitting value when user clicks Continue
+    // and information entered is correct (no alerts)
+  
+    // *The above will be completed when navigation from page is complete (SSR-179)
   });
 
 function setupMocks({
diff --git a/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.spec.js b/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.spec.js
deleted file mode 100644
index 4724124e..00000000
--- a/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.spec.js
+++ /dev/null
@@ -1,3 +0,0 @@
-// TODO: Create test for component emitting value when user clicks Continue
-// and information entered is correct (no alerts)
-// Will be implemented once navigation from page is complete
\ No newline at end of file
diff --git a/src/layouts/license-plate-lookup/zip-question/zip-question.spec.js b/src/layouts/license-plate-lookup/zip-question/zip-question.spec.js
deleted file mode 100644
index 4724124e..00000000
--- a/src/layouts/license-plate-lookup/zip-question/zip-question.spec.js
+++ /dev/null
@@ -1,3 +0,0 @@
-// TODO: Create test for component emitting value when user clicks Continue
-// and information entered is correct (no alerts)
-// Will be implemented once navigation from page is complete
\ No newline at end of file

From 23c568039939f81d555fff466f70db9917f3e2d4 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 10 Jan 2023 11:37:16 -0500
Subject: [PATCH 18/36] path changes

---
 .../license-plate-lookup-alerts.vue                       | 4 ++--
 src/layouts/license-plate-lookup/license-plate-lookup.vue | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue
index 57e2e5f1..42056eb9 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue
@@ -13,8 +13,8 @@
   </template>
   <script>
   import vehicleLookupAlertTypes from '@/constants/vehicle-lookup-alert-types';
-  import vehicleNotFoundAlert from './vehicle-not-found-alert/vehicle-not-found-alert.vue';
-  import vehicleNotMatchedAlert from './vehicle-not-matched-alert/vehicle-not-matched-alert.vue';
+  import vehicleNotFoundAlert from '@/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert.vue';
+  import vehicleNotMatchedAlert from '@/layouts/license-plate-lookup/license-plate-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue';
   
   export default {
     name: 'license-plate-lookup-alerts',
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index cec166a1..dc0de3f8 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -45,10 +45,10 @@ import siteFooter from '@/common-components/site-footer/site-footer.vue';
 import siteHeader from '@/common-components/site-header/site-header.vue';
 import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
 import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
-import textboxQuestion from '../../common-components/textbox-question/textbox-question.vue';
-import licensePlateQuestion from './license-plate-question/license-plate-question.vue';
-import zipQuestion from './zip-question/zip-question.vue';
-import licensePlateLookupAlerts from './license-plate-lookup-alerts/license-plate-lookup-alerts.vue';
+import textboxQuestion from '@/common-components/textbox-question/textbox-question.vue';
+import licensePlateQuestion from '@/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue';
+import zipQuestion from '@/layouts/license-plate-lookup/zip-question/zip-question.vue';
+import licensePlateLookupAlerts from '@/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue';
 
 export default {
   name: 'license-plate-lookup',

From 9b1772c63198f5f09ec2ec41cceb608ec3627699 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Tue, 10 Jan 2023 16:13:45 -0500
Subject: [PATCH 19/36] Add placeholder pages

Placeholder pages for pages that don't exist yet but needed so the navigation in the lookup pages can be tested.
---
 .../capability-questions.vue                  | 89 +++++++++++++++++++
 .../coverage-statement/coverage-statement.vue | 89 +++++++++++++++++++
 .../molding-questions/molding-questions.vue   | 89 +++++++++++++++++++
 src/router/router-constants/issPage-values.js |  1 +
 4 files changed, 268 insertions(+)
 create mode 100644 src/layouts/capability-questions/capability-questions.vue
 create mode 100644 src/layouts/coverage-statement/coverage-statement.vue
 create mode 100644 src/layouts/molding-questions/molding-questions.vue

diff --git a/src/layouts/capability-questions/capability-questions.vue b/src/layouts/capability-questions/capability-questions.vue
new file mode 100644
index 00000000..e331206b
--- /dev/null
+++ b/src/layouts/capability-questions/capability-questions.vue
@@ -0,0 +1,89 @@
+<template>
+  <Form
+    @submit="onSubmit"
+    @invalidSubmit="onInvalidSubmit"
+    v-slot="{ meta }"
+  >
+    <div class="page-container-grouped-styles overflow-auto">
+      <siteHeader
+        cmsWidgetName="SiteHeaderWidget"
+      />
+      <vehicleBanner
+        cmsWidgetName="VehicleBannerWidget"
+        :displayGenericVehicleImage="false"
+      />
+      <siteSubHeader
+        cmsWidgetName="SiteSubHeaderWidget"
+      />
+      <div class="fade-on-route-transition sub-container make-tall mt-5">
+        <p>Placeholder for capability-questions page</p>
+
+        <siteFooter
+          cmsWidgetName="SiteFooterWidget"
+          :isForwardActionDisabled="!meta.valid"
+          @backClicked="backButtonAction"
+          @forwardClicked="forwardButtonAction"
+          ref="siteFooter"
+        />
+      </div>
+    </div>
+  </Form>
+</template>
+<script>
+// Import Supporting Files
+import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
+import { settleAllPromises } from '@/helpers/layout-helper';
+
+// Import Component
+import baseFormMixin from '@/mixins/base-form-mixin';
+import { Form } from 'vee-validate';
+import siteFooter from '@/common-components/site-footer/site-footer.vue';
+import siteHeader from '@/common-components/site-header/site-header.vue';
+import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
+import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+
+export default {
+  name: 'capability-questions',
+  mixins: [baseFormMixin],
+  components: {
+    siteFooter,
+    siteHeader,
+    siteSubHeader,
+    Form,
+    vehicleBanner,    
+  },  
+  data() {
+    return {};
+  },  
+  async beforeRouteEnter(to, from, next) {
+    const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
+
+    // Settle promises and get results
+    const promiseResultMap = [
+      {
+        resultKey: 'cmsContent',
+        promise: cmsContentPromise,
+      },
+    ];
+
+    const resultMap = await settleAllPromises(promiseResultMap);
+
+    next((vm) => {
+      vm.setCmsContent(resultMap.cmsContent);
+    });
+  },
+  methods: {
+    arePagePrerequisiteValid() {
+      return true;
+    },
+    backButtonAction() {
+      /**
+       * this.navigationScenarios comes from base-mixin
+       */
+      this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
+    },
+    async forwardButtonAction() {},    
+    resetDependentState() {},
+  },
+};
+</script>
diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
new file mode 100644
index 00000000..71b67275
--- /dev/null
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -0,0 +1,89 @@
+<template>
+  <Form
+    @submit="onSubmit"
+    @invalidSubmit="onInvalidSubmit"
+    v-slot="{ meta }"
+  >
+    <div class="page-container-grouped-styles overflow-auto">
+      <siteHeader
+        cmsWidgetName="SiteHeaderWidget"
+      />
+      <vehicleBanner
+        cmsWidgetName="VehicleBannerWidget"
+        :displayGenericVehicleImage="false"
+      />
+      <siteSubHeader
+        cmsWidgetName="SiteSubHeaderWidget"
+      />
+      <div class="fade-on-route-transition sub-container make-tall mt-5">
+        <p>Placeholder for coverage-statement page</p>
+
+        <siteFooter
+          cmsWidgetName="SiteFooterWidget"
+          :isForwardActionDisabled="!meta.valid"
+          @backClicked="backButtonAction"
+          @forwardClicked="forwardButtonAction"
+          ref="siteFooter"
+        />
+      </div>
+    </div>
+  </Form>
+</template>
+<script>
+// Import Supporting Files
+import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
+import { settleAllPromises } from '@/helpers/layout-helper';
+
+// Import Component
+import baseFormMixin from '@/mixins/base-form-mixin';
+import { Form } from 'vee-validate';
+import siteFooter from '@/common-components/site-footer/site-footer.vue';
+import siteHeader from '@/common-components/site-header/site-header.vue';
+import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
+import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+
+export default {
+  name: 'coverage-statement',
+  mixins: [baseFormMixin],
+  components: {
+    siteFooter,
+    siteHeader,
+    siteSubHeader,
+    Form,
+    vehicleBanner,    
+  },  
+  data() {
+    return {};
+  },  
+  async beforeRouteEnter(to, from, next) {
+    const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
+
+    // Settle promises and get results
+    const promiseResultMap = [
+      {
+        resultKey: 'cmsContent',
+        promise: cmsContentPromise,
+      },
+    ];
+
+    const resultMap = await settleAllPromises(promiseResultMap);
+
+    next((vm) => {
+      vm.setCmsContent(resultMap.cmsContent);
+    });
+  },
+  methods: {
+    arePagePrerequisiteValid() {
+      return true;
+    },
+    backButtonAction() {
+      /**
+       * this.navigationScenarios comes from base-mixin
+       */
+      this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
+    },
+    async forwardButtonAction() {},    
+    resetDependentState() {},
+  },
+};
+</script>
diff --git a/src/layouts/molding-questions/molding-questions.vue b/src/layouts/molding-questions/molding-questions.vue
new file mode 100644
index 00000000..155d8552
--- /dev/null
+++ b/src/layouts/molding-questions/molding-questions.vue
@@ -0,0 +1,89 @@
+<template>
+  <Form
+    @submit="onSubmit"
+    @invalidSubmit="onInvalidSubmit"
+    v-slot="{ meta }"
+  >
+    <div class="page-container-grouped-styles overflow-auto">
+      <siteHeader
+        cmsWidgetName="SiteHeaderWidget"
+      />
+      <vehicleBanner
+        cmsWidgetName="VehicleBannerWidget"
+        :displayGenericVehicleImage="false"
+      />
+      <siteSubHeader
+        cmsWidgetName="SiteSubHeaderWidget"
+      />
+      <div class="fade-on-route-transition sub-container make-tall mt-5">
+        <p>Placeholder for molding-questions page</p>
+
+        <siteFooter
+          cmsWidgetName="SiteFooterWidget"
+          :isForwardActionDisabled="!meta.valid"
+          @backClicked="backButtonAction"
+          @forwardClicked="forwardButtonAction"
+          ref="siteFooter"
+        />
+      </div>
+    </div>
+  </Form>
+</template>
+<script>
+// Import Supporting Files
+import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
+import { settleAllPromises } from '@/helpers/layout-helper';
+
+// Import Component
+import baseFormMixin from '@/mixins/base-form-mixin';
+import { Form } from 'vee-validate';
+import siteFooter from '@/common-components/site-footer/site-footer.vue';
+import siteHeader from '@/common-components/site-header/site-header.vue';
+import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
+import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+
+export default {
+  name: 'molding-questions',
+  mixins: [baseFormMixin],
+  components: {
+    siteFooter,
+    siteHeader,
+    siteSubHeader,
+    Form,
+    vehicleBanner,    
+  },  
+  data() {
+    return {};
+  },  
+  async beforeRouteEnter(to, from, next) {
+    const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
+
+    // Settle promises and get results
+    const promiseResultMap = [
+      {
+        resultKey: 'cmsContent',
+        promise: cmsContentPromise,
+      },
+    ];
+
+    const resultMap = await settleAllPromises(promiseResultMap);
+
+    next((vm) => {
+      vm.setCmsContent(resultMap.cmsContent);
+    });
+  },
+  methods: {
+    arePagePrerequisiteValid() {
+      return true;
+    },
+    backButtonAction() {
+      /**
+       * this.navigationScenarios comes from base-mixin
+       */
+      this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
+    },
+    async forwardButtonAction() {},    
+    resetDependentState() {},
+  },
+};
+</script>
diff --git a/src/router/router-constants/issPage-values.js b/src/router/router-constants/issPage-values.js
index af17bd8f..c8200c6a 100644
--- a/src/router/router-constants/issPage-values.js
+++ b/src/router/router-constants/issPage-values.js
@@ -13,6 +13,7 @@ export const issPageValues = {
     PART_QUESTIONS: "part-questions",
     MOLDING_QUESTIONS: "molding-questions",
     CAPABILITY_QUESTIONS: "capability-questions",
+    COVERAGE_STATEMENT: "coverage-statement",
     REVEAL: "reveal",
     ESTIMATE: "estimate",
     ADDRESS_VEHICLES: "address-vehicles",

From f8766cac89463d198914161b3ace9e16e4d529de Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Tue, 10 Jan 2023 17:05:31 -0500
Subject: [PATCH 20/36] Add updateVehicleVin action

Might be used in license-plate-lookup and/or address-lookup as well. It is used in vin-lookup page.
---
 src/store/index.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/store/index.js b/src/store/index.js
index 90065277..9f3c1e3b 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -365,6 +365,10 @@ export const useMainStore = defineStore({
         this.order.vehicle.imageColor = vehicle.imageColor;
       },
 
+      updateVehicleVin(vin) {
+        this.order.vehicle.vin = vin;
+      },
+
       resetVehicleState()
       {
         this.order.vehicle.year = null;

From 43fa1c7270d43c0a79443475a0d9959c60585d60 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Tue, 10 Jan 2023 20:41:05 -0500
Subject: [PATCH 21/36] Add more properties to be updated

---
 src/store/index.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/store/index.js b/src/store/index.js
index 9f3c1e3b..25ecd268 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -358,11 +358,19 @@ export const useMainStore = defineStore({
     },
 
       updateVehicle(vehicle) {
+        // Assuming that the method caller pass all the properties.
+        //   otherwise need to check for undefined for every property.
+        
         this.order.vehicle.carId = vehicle.carId;
         this.order.vehicle.category = vehicle.category;
+        this.order.vehicle.year = vehicle.year;
+        this.order.vehicle.make = vehicle.make;
+        this.order.vehicle.model = vehicle.model;
+        this.order.vehicle.style = vehicle.style;
+        this.order.vehicle.vin = vehicle.vin;
         this.order.vehicle.imageUrl = vehicle.imageUrl;
         this.order.vehicle.imageVifNumber = vehicle.imageVifNumber;
-        this.order.vehicle.imageColor = vehicle.imageColor;
+        this.order.vehicle.imageColor = vehicle.imageVifColor;
       },
 
       updateVehicleVin(vin) {

From 4410816c8696cdad7d2257b74cdac9bc05674ae3 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Wed, 11 Jan 2023 09:38:45 -0500
Subject: [PATCH 22/36]  Created common config value to pull dev domain from

---
 src/constants/application-config.js                      | 1 +
 .../license-plate-lookup/license-plate-lookup.spec.js    | 9 ++++-----
 src/layouts/vehicle-make/vehicle-make.spec.js            | 9 +++++----
 src/layouts/vehicle-model/vehicle-model.spec.js          | 9 +++++----
 src/layouts/vehicle-parts/vehicle-parts.spec.js          | 6 +++---
 src/layouts/vehicle-style/vehicle-style.spec.js          | 9 +++++----
 src/layouts/vehicle-year/vehicle-year.spec.js            | 9 +++++----
 7 files changed, 28 insertions(+), 24 deletions(-)

diff --git a/src/constants/application-config.js b/src/constants/application-config.js
index 51496b9f..1c418688 100644
--- a/src/constants/application-config.js
+++ b/src/constants/application-config.js
@@ -8,6 +8,7 @@ const applicationConfig = {
     SITE_ENTRY_TRIGGER_VALUE: "SelfService",
     APPLICATION_ABBREVIATION: "iss",
     PAGE_QUERYSTRING: 'issPage',
+    ISS_DEV_CMS_DOMAIN: "https://digitalisscms.dev.safelite.io",
   };
   
   export { applicationConfig };
\ No newline at end of file
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
index e8bcca1a..959a6451 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
@@ -10,6 +10,7 @@ import baseMixin from "@/mixins/base-mixin.js";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 import { nextTick } from "vue";
 import { useMainStore } from "@/store";
+import { applicationConfig } from "@/constants/application-config";
 
 // Mock our module for promises.
 jest.mock("@/helpers/layout-helper.js", () => ({
@@ -113,11 +114,11 @@ function setupMocks({
         LicensePlateQuestion: licensePlateQuestionCmsContent,
         VehicleBannerWidget: {
           GenericVehicleImage:
-            "https://digitalisscms.dev.safelite.io/images/default-source/default-album/blurred-image.jpg",
+            `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/blurred-image.jpg`,
         },
         SiteHeaderWidget: {
           LogoImage:
-            "https://digitalisscms.dev.safelite.io/images/default-source/default-album/logos/insuranceLogo.jpg",
+            `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/logos/insuranceLogo.jpg`,
         },
         SiteFooterWidget: pageFooterWidgetCmsContent,
         
@@ -165,9 +166,7 @@ function setupMocks({
     licensePlateQuestionWrapper.vm.initializeComponent =
       licensePlateQuestion.methods.initializeComponent;
     
-    wrapper.vm.setCmsContent = jest.fn();
-    wrapper.vm.getCmsContent = jest.fn().mockImplementation(() => "");
-    wrapper.vm.$refs.siteFooter.updateButtonText = jest.fn();
+    wrapper.vm.setCmsContent = baseMixin.methods.setCmsContent;
     
     return { wrapper, apiPromise };
   }  
\ No newline at end of file
diff --git a/src/layouts/vehicle-make/vehicle-make.spec.js b/src/layouts/vehicle-make/vehicle-make.spec.js
index ff018348..3de29b6f 100644
--- a/src/layouts/vehicle-make/vehicle-make.spec.js
+++ b/src/layouts/vehicle-make/vehicle-make.spec.js
@@ -6,6 +6,7 @@ import baseMixin from "@/mixins/base-mixin.js";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 import { nextTick } from "vue";
 import { useMainStore } from "@/store";
+import { applicationConfig } from "@/constants/application-config";
 
 // Components
 import vehicleMake from "@/layouts/vehicle-make/vehicle-make.vue";
@@ -119,12 +120,12 @@ function setupMocks({
       VehicleMakeQuestion: vehicleMakeQuestionCmsContent,
       VehicleBannerWidget: {
         GenericVehicleImage:
-          "https://digitalisscms.dev.safelite.io/images/default-source/default-album/blurred-image.jpg",
-      },
+          `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/blurred-image.jpg`,
+        },
       SiteHeaderWidget: {
         LogoImage:
-          "https://digitalisscms.dev.safelite.io/images/default-source/default-album/logos/insuranceLogo.jpg",
-      },
+          `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/logos/insuranceLogo.jpg`,
+        },
     },
     makeQuestionInitialData: makeQuestionInitialData,
   };
diff --git a/src/layouts/vehicle-model/vehicle-model.spec.js b/src/layouts/vehicle-model/vehicle-model.spec.js
index 8e5a9593..c727358d 100644
--- a/src/layouts/vehicle-model/vehicle-model.spec.js
+++ b/src/layouts/vehicle-model/vehicle-model.spec.js
@@ -11,6 +11,7 @@ import baseMixin from "@/mixins/base-mixin.js";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 import { nextTick } from "vue";
 import { useMainStore } from "@/store";
+import { applicationConfig } from "@/constants/application-config";
 
 // Mock our module for promises.
 jest.mock("@/helpers/layout-helper.js", () => ({
@@ -120,12 +121,12 @@ function setupMocks({
       VehicleModelQuestion: buttonQuestionContent,
       VehicleBannerWidget: {
         GenericVehicleImage:
-        "https://digitalisscms.dev.safelite.io/images/default-source/default-album/blurred-image.jpg",
-      },
+          `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/blurred-image.jpg`,
+        },
       SiteHeaderWidget: {
         LogoImage:
-        "https://digitalisscms.dev.safelite.io/images/default-source/default-album/logos/insuranceLogo.jpg",
-      },
+          `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/logos/insuranceLogo.jpg`,
+        },
     },
     modelQuestionInitialData: modelQuestionInitialData,
   };
diff --git a/src/layouts/vehicle-parts/vehicle-parts.spec.js b/src/layouts/vehicle-parts/vehicle-parts.spec.js
index ed6732be..b100dce3 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.spec.js
+++ b/src/layouts/vehicle-parts/vehicle-parts.spec.js
@@ -11,7 +11,7 @@ import { nextTick } from "vue";
 import baseMixin from "@/mixins/base-mixin.js";
 import { useMainStore } from "@/store";
 import { navigationScenarios } from "@/router/router-constants/navigation-scenarios";
-
+import { applicationConfig } from "@/constants/application-config";
 
 // Mock our module for promises.
 jest.mock("@/helpers/layout-helper.js", () => ({
@@ -387,11 +387,11 @@ function setupMocks({ pageHeaderWidgetHeaderText = {}, mountOptionsMockData = {}
             SiteSubHeaderWidget: pageHeaderWidgetHeaderText,
             VehicleBannerWidget: {
                 GenericVehicleImage:
-                    "https://digitalisscms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3",
+                    `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/blurred-image.jpg`,
             },
             FunnelHeaderWidget: {
                 LogoImage:
-                    "https://digitalisscms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3",
+                    `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/logos/insuranceLogo.jpg`,
             },
             ColorQuestionWidget: "Please choose your rear window tint color",
             FeatureQuestionWidget: "Ok no choose features",
diff --git a/src/layouts/vehicle-style/vehicle-style.spec.js b/src/layouts/vehicle-style/vehicle-style.spec.js
index 6a383572..5e74b541 100644
--- a/src/layouts/vehicle-style/vehicle-style.spec.js
+++ b/src/layouts/vehicle-style/vehicle-style.spec.js
@@ -7,6 +7,7 @@ import { getMountOptions } from "@/helpers/unit-test-helper.js";
 import { nextTick } from "vue";
 import { useMainStore } from "@/store";
 import router from "@/router";
+import { applicationConfig } from "@/constants/application-config";
 
 // Components
 import vehicleStyle from "@/layouts/vehicle-style/vehicle-style.vue";
@@ -175,12 +176,12 @@ function setupMocks({
             VehicleStyleQuestion: vehicleStyleQuestionCmsContent,
             VehicleBannerWidget: {
                 GenericVehicleImage:
-                    "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3",
-            },
+                    `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/blurred-image.jpg`,
+                },
             SiteHeaderWidget: {
                 LogoImage:
-                    "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3",
-            },
+                    `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/logos/insuranceLogo.jpg`,
+        },
         },
         styleQuestionInitialData: styleQuestionInitialData,
     };
diff --git a/src/layouts/vehicle-year/vehicle-year.spec.js b/src/layouts/vehicle-year/vehicle-year.spec.js
index a590aaa5..5b054709 100644
--- a/src/layouts/vehicle-year/vehicle-year.spec.js
+++ b/src/layouts/vehicle-year/vehicle-year.spec.js
@@ -6,6 +6,7 @@ import yearQuestion from "@/layouts/vehicle-year/year-question/year-question";
 import baseMixin from "@/mixins/base-mixin.js";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 import { nextTick } from "vue";
+import { applicationConfig } from "@/constants/application-config";
 
 
 // Mock our module for promises.
@@ -83,12 +84,12 @@ function setupMocks({
       VehicleYearQuestion: vehicleYearQuestionCmsContent,
       VehicleBannerWidget: {
         GenericVehicleImage:
-          "https://digitalisscms.dev.safelite.io/images/default-source/default-album/blurred-image.jpg",
-      },
+          `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/blurred-image.jpg`,
+        },
       SiteHeaderWidget: {
         LogoImage:
-          "https://digitalisscms.dev.safelite.io/images/default-source/default-album/logos/insuranceLogo.jpg",
-      },
+          `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/logos/insuranceLogo.jpg`,
+        },
     },
     yearQuestionInitialData: yearQuestionInitialData,
   };

From ce35f538d256a08eb1b4d8111f90f5d033980119 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Wed, 11 Jan 2023 12:01:57 -0500
Subject: [PATCH 23/36] No damage string for repair

New requirement says that if the damage is a repair, the navigation is not going to go to the vehicle lookup pages (by vin, by license place, by address).
No damage string for repair

New requirement says that if the damage is a repair, the navigation is not going to go to the vehicle lookup pages (by vin, by license place, by address).
---
 src/helpers/damage-helper.js | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/helpers/damage-helper.js b/src/helpers/damage-helper.js
index 1aa4f624..09b59e21 100644
--- a/src/helpers/damage-helper.js
+++ b/src/helpers/damage-helper.js
@@ -5,15 +5,10 @@ import { useMainStore } from '@/store';
 export function getDamageString() {
   const mainStore = useMainStore();
 
-  // If it's a repair it's always a windshield.
   const { isRepair } = mainStore.damage;
-  if (isRepair) {
-    return damageCustomLabels.WINDSHIELD;
-  }
-
   const damageLocations = mainStore.damage.glassToReplace;
 
-  if (!damageLocations || !Array.isArray(damageLocations)) {
+  if (isRepair || !damageLocations || !Array.isArray(damageLocations)) {
     return '';
   }
 

From cf5aa9197588f76296796631dbb0eb18f7742c42 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Wed, 11 Jan 2023 12:22:26 -0500
Subject: [PATCH 24/36] SSR-201 changes.

---
 src/common-components/site-footer/site-footer.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/common-components/site-footer/site-footer.vue b/src/common-components/site-footer/site-footer.vue
index e29c3e54..64bdd4c2 100644
--- a/src/common-components/site-footer/site-footer.vue
+++ b/src/common-components/site-footer/site-footer.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="row" :style="`padding-bottom: ${paddingHeight}px`">
     </div>
-    <div class="row">
+    <div class="footerImage" id="imgCity" v-if="footerImageURL" >
         <img id="siteFooterImage" :src="footerImageURL" />
     </div>
     <footer class="footer container-fluid fixed-bottom g-5 bg-light py-4" id="infoBox">
@@ -37,6 +37,7 @@
 <script>
 import textLink from "@/ux-components/text-link/text-link";
 import buttonMain from "@/ux-components/button-main/button-main";
+import { queryStrings } from "@/constants/query-strings";
 
 export default {
     name: "siteFooter",
@@ -57,7 +58,7 @@ export default {
         };
     },
     mounted() {
-        this.paddingHeight = this.getFooterInfoBoxHeight() + 24;
+        this.paddingHeight = queryStrings.ISS_PAGE == "welcome-page" ?  this.getFooterInfoBoxHeight() + 89 : this.getFooterInfoBoxHeight() + 24;
         this.$nextTick(() => {
             window.addEventListener("resize", this.onResize);
         });
@@ -140,4 +141,11 @@ export default {
         overflow-x: visible; // needed to fix hidden footer on some iphones
     }
 }
+.footerImage
+    {
+        text-align: center;
+        position: sticky;
+        bottom: 72px;
+        width: 100%;
+    }
 </style>

From 8aed00aebd2f5f32258b89ac16bd5df2e59ebcb0 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Wed, 11 Jan 2023 12:25:59 -0500
Subject: [PATCH 25/36] commit

---
 src/common-components/site-footer/site-footer.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/common-components/site-footer/site-footer.vue b/src/common-components/site-footer/site-footer.vue
index 64bdd4c2..50b54635 100644
--- a/src/common-components/site-footer/site-footer.vue
+++ b/src/common-components/site-footer/site-footer.vue
@@ -142,10 +142,10 @@ export default {
     }
 }
 .footerImage
-    {
-        text-align: center;
-        position: sticky;
-        bottom: 72px;
-        width: 100%;
-    }
+{
+    text-align: center;
+    position: sticky;
+    bottom: 72px;
+    width: 100%;
+}
 </style>

From 190b964d072badee6a78e11bfcd286c4bc652817 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Wed, 11 Jan 2023 12:35:59 -0500
Subject: [PATCH 26/36] commit

---
 src/common-components/site-footer/site-footer.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/common-components/site-footer/site-footer.vue b/src/common-components/site-footer/site-footer.vue
index 50b54635..d502967d 100644
--- a/src/common-components/site-footer/site-footer.vue
+++ b/src/common-components/site-footer/site-footer.vue
@@ -38,6 +38,7 @@
 import textLink from "@/ux-components/text-link/text-link";
 import buttonMain from "@/ux-components/button-main/button-main";
 import { queryStrings } from "@/constants/query-strings";
+import { issPageValues } from "@/router/router-constants/issPage-values"
 
 export default {
     name: "siteFooter",
@@ -58,7 +59,7 @@ export default {
         };
     },
     mounted() {
-        this.paddingHeight = queryStrings.ISS_PAGE == "welcome-page" ?  this.getFooterInfoBoxHeight() + 89 : this.getFooterInfoBoxHeight() + 24;
+        this.paddingHeight = queryStrings.ISS_PAGE.toLowerCase() == issPageValues.WELCOME_PAGE ?  this.getFooterInfoBoxHeight() + 89 : this.getFooterInfoBoxHeight() + 24;
         this.$nextTick(() => {
             window.addEventListener("resize", this.onResize);
         });

From b94d80a3deb49e75b5a00585e27934b036135608 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Wed, 11 Jan 2023 12:42:10 -0500
Subject: [PATCH 27/36] commit

---
 src/common-components/site-footer/site-footer.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/common-components/site-footer/site-footer.vue b/src/common-components/site-footer/site-footer.vue
index d502967d..654e18f3 100644
--- a/src/common-components/site-footer/site-footer.vue
+++ b/src/common-components/site-footer/site-footer.vue
@@ -37,8 +37,6 @@
 <script>
 import textLink from "@/ux-components/text-link/text-link";
 import buttonMain from "@/ux-components/button-main/button-main";
-import { queryStrings } from "@/constants/query-strings";
-import { issPageValues } from "@/router/router-constants/issPage-values"
 
 export default {
     name: "siteFooter",
@@ -59,7 +57,7 @@ export default {
         };
     },
     mounted() {
-        this.paddingHeight = queryStrings.ISS_PAGE.toLowerCase() == issPageValues.WELCOME_PAGE ?  this.getFooterInfoBoxHeight() + 89 : this.getFooterInfoBoxHeight() + 24;
+        this.paddingHeight = this.getFooterInfoBoxHeight() + 24;
         this.$nextTick(() => {
             window.addEventListener("resize", this.onResize);
         });
@@ -82,7 +80,7 @@ export default {
         footerImageURL()
         {
             return this.getCmsContent(this.cmsWidgetName, "FooterImageURL");
-        }
+        },
     },
     methods: {
         onResize() {

From 341c32924c5cf34c1822e8254373443e615d62cc Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Wed, 11 Jan 2023 12:43:38 -0500
Subject: [PATCH 28/36] commit

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

diff --git a/src/common-components/site-footer/site-footer.vue b/src/common-components/site-footer/site-footer.vue
index 654e18f3..3d5a15ba 100644
--- a/src/common-components/site-footer/site-footer.vue
+++ b/src/common-components/site-footer/site-footer.vue
@@ -80,7 +80,7 @@ export default {
         footerImageURL()
         {
             return this.getCmsContent(this.cmsWidgetName, "FooterImageURL");
-        },
+        }
     },
     methods: {
         onResize() {

From eaea444d0a887fecb21074cffe158d9507324fa4 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Wed, 11 Jan 2023 13:18:51 -0500
Subject: [PATCH 29/36] set image width to 100%

---
 src/common-components/site-footer/site-footer.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/common-components/site-footer/site-footer.vue b/src/common-components/site-footer/site-footer.vue
index 3d5a15ba..f5167af8 100644
--- a/src/common-components/site-footer/site-footer.vue
+++ b/src/common-components/site-footer/site-footer.vue
@@ -145,6 +145,9 @@ export default {
     text-align: center;
     position: sticky;
     bottom: 72px;
+}
+#siteFooterImage
+{
     width: 100%;
 }
 </style>

From 19cdc0ed86eecd655ebd7a254c91995d81e3de07 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Wed, 11 Jan 2023 13:46:50 -0500
Subject: [PATCH 30/36] commit

---
 src/common-components/site-footer/site-footer.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/common-components/site-footer/site-footer.vue b/src/common-components/site-footer/site-footer.vue
index f5167af8..dcf00770 100644
--- a/src/common-components/site-footer/site-footer.vue
+++ b/src/common-components/site-footer/site-footer.vue
@@ -37,6 +37,7 @@
 <script>
 import textLink from "@/ux-components/text-link/text-link";
 import buttonMain from "@/ux-components/button-main/button-main";
+import { issPageValues } from "@/router/router-constants/issPage-values"
 
 export default {
     name: "siteFooter",
@@ -57,7 +58,7 @@ export default {
         };
     },
     mounted() {
-        this.paddingHeight = this.getFooterInfoBoxHeight() + 24;
+        this.paddingHeight = this.includeFooterImage ?  this.getFooterInfoBoxHeight() + 89 : this.getFooterInfoBoxHeight() + 24;
         this.$nextTick(() => {
             window.addEventListener("resize", this.onResize);
         });
@@ -80,6 +81,11 @@ export default {
         footerImageURL()
         {
             return this.getCmsContent(this.cmsWidgetName, "FooterImageURL");
+        },
+        includeFooterImage()
+        {
+            const currentPageName = this.getPageNameByQueryString();
+            return (currentPageName.toLowerCase() == issPageValues.WELCOME_PAGE);
         }
     },
     methods: {
@@ -145,6 +151,7 @@ export default {
     text-align: center;
     position: sticky;
     bottom: 72px;
+    
 }
 #siteFooterImage
 {

From c9352ccf6d27f8f54fa7b8d7199518ee3a66b8d9 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Wed, 11 Jan 2023 14:00:30 -0500
Subject: [PATCH 31/36] cmmit.

---
 src/mixins/analytics-mixin.js | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/mixins/analytics-mixin.js b/src/mixins/analytics-mixin.js
index 7b270633..fcbafd26 100644
--- a/src/mixins/analytics-mixin.js
+++ b/src/mixins/analytics-mixin.js
@@ -18,9 +18,18 @@ import { cookieNames } from "@/constants/cookie-names";
 import { useMainStore } from "@/store";
 
 export default {
-    methods: {                
+    methods: { 
+        getPageNameByQueryString() {
+            const params = new URLSearchParams(location.search);
+        
+            if (params.has(queryStrings.ISS_PAGE)) {
+                return params.get(queryStrings.ISS_PAGE);
+            } else {
+                return "";
+            }
+        },               
         logPageView(pageEvent) {            
-            const currentPageName = getPageNameByQueryString();
+            const currentPageName = this.getPageNameByQueryString();
             var payload = {
                 userId: getDeviceIdValue(),
                 sessionKey: getSessionKeyValue(),
@@ -36,7 +45,7 @@ export default {
         },
 
         logCustomEvent(category, action, label, value) {
-            const currentPageName = getPageNameByQueryString();
+            const currentPageName = this.getPageNameByQueryString();
 
             var payload = {
                 userId: getDeviceIdValue(),
@@ -55,7 +64,7 @@ export default {
         },
 
         pushEventToGA(category, action, label, pushToLogApp = false, valueToLogType = null) {
-            const currentPageName = getPageNameByQueryString();
+            const currentPageName = this.getPageNameByQueryString();
             const labelToLog = getValueToLog(label, valueToLogType);
 
             const eventToBePushed = {
@@ -75,7 +84,7 @@ export default {
         },
 
         pushPageViewToGA() {
-            const currentPageName = getPageNameByQueryString();
+            const currentPageName = this.getPageNameByQueryString();
             const pageViewEvent = {
                 event: GaEvents.PAGE_VIEW_EVENT,
                 pagePath: `/iss/?${queryStrings.ISS_PAGE}=${currentPageName}`,
@@ -187,15 +196,7 @@ function pushToDataLayerIfDefined(data) {
     }
 }
 
-function getPageNameByQueryString() {
-    const params = new URLSearchParams(location.search);
 
-    if (params.has(queryStrings.ISS_PAGE)) {
-        return params.get(queryStrings.ISS_PAGE);
-    } else {
-        return "";
-    }
-}
 
 function getValueToLog(value, valueToLogType) {
     if (valueToLogType != null && valueToLogType === ValueToLogTypes.LAST_5) {

From 9b5c5283d93d6a9e706b9a1d9793fb97d7c41026 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Wed, 11 Jan 2023 14:18:03 -0500
Subject: [PATCH 32/36] commit

---
 src/common-components/site-footer/site-footer.spec.js | 1 +
 src/layouts/vehicle-lookup/vehicle-lookup.spec.js     | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/common-components/site-footer/site-footer.spec.js b/src/common-components/site-footer/site-footer.spec.js
index 6734ec66..a76248b5 100644
--- a/src/common-components/site-footer/site-footer.spec.js
+++ b/src/common-components/site-footer/site-footer.spec.js
@@ -37,6 +37,7 @@ describe("site-footer.vue", () => {
 const mockMixin = {
     methods: {
         getCmsContent: jest.fn(),
+        getPageNameByQueryString: jest.fn(() => "welcome-page"),
         getFooterInfoBoxHeight: jest.fn(() => 80),
     },
 };
diff --git a/src/layouts/vehicle-lookup/vehicle-lookup.spec.js b/src/layouts/vehicle-lookup/vehicle-lookup.spec.js
index c66d164f..a84b712e 100644
--- a/src/layouts/vehicle-lookup/vehicle-lookup.spec.js
+++ b/src/layouts/vehicle-lookup/vehicle-lookup.spec.js
@@ -79,6 +79,7 @@ function setupMocks() {
               return '';
             }),
             getFooterInfoBoxHeight: jest.fn(() => 80),
+            getPageNameByQueryString: jest.fn(() => "vehicle-lookup"),
           },
         },
       ],

From 377428cc2b9520c8ad48cb564a111c176ad56ba1 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Wed, 11 Jan 2023 15:34:39 -0500
Subject: [PATCH 33/36] Add isGlassAvailableForCarId method

The method will be used on all vehicle lookup pages (by manual vin, by license plate, by address).
---
 src/helpers/damage-helper.js | 63 ++++++++++++++++++++----------------
 1 file changed, 35 insertions(+), 28 deletions(-)

diff --git a/src/helpers/damage-helper.js b/src/helpers/damage-helper.js
index 09b59e21..44ee2d72 100644
--- a/src/helpers/damage-helper.js
+++ b/src/helpers/damage-helper.js
@@ -35,6 +35,41 @@ export function getDamageString() {
   return '';
 }
 
+function hasMatchingReplacementOption(vehicleDamageOptions, selectedGlassToReplace) {
+  let result = true;
+  const optionsMap = {
+    Windshield: 'windshieldOptions',
+    Driver: 'driverSideOptions',
+    Passenger: 'passengerSideOptions',
+    Rear: 'backGlassOptions',
+  };
+
+  for (const glassToReplace of selectedGlassToReplace) {
+    const propName = optionsMap[glassToReplace.glassLocation];
+    const { availableReplacementOptions } = vehicleDamageOptions[propName];
+
+    if (!availableReplacementOptions.includes(glassToReplace.glassName)) {
+      result = false;
+      break;
+    }
+  }
+
+  return result;
+}
+
+export async function isGlassAvailableForCarId(carId) {
+  const mainStore = useMainStore();
+
+  try {
+    const vehicleDamageOptionsResponse = await mainStore.getDamageOptions(carId);
+    const selectedGlassToReplace = mainStore.damage.glassToReplace;
+
+    return hasMatchingReplacementOption(vehicleDamageOptionsResponse.data, selectedGlassToReplace);
+  } catch (error) {
+    return false;
+  }
+}
+
 /**
  * Commented code are copied directly from DigitalConsumer.FixMyGlass
  * and have not been adjusted for ISS.
@@ -54,31 +89,3 @@ export function getDamageString() {
 //             : "glass";
 //     return returnString;
 // }
-
-// export async function isGlassAvailableForCarId(carId) {
-//     const newGlassOptions = await baseMixin.methods.dispatchStoreAction(
-//         storeActions.GET_DAMAGE_OPTIONS,
-//         { carId: carId }
-//     );
-
-//     const currentGlassOptions = store.getters.damage.glassToReplace;
-
-//     const optionsMap = {
-//         Windshield: "windshieldOptions",
-//         Driver: "driverSideOptions",
-//         Passenger: "passengerSideOptions",
-//         Rear: "backGlassOptions",
-//     };
-
-//     for (const option of currentGlassOptions) {
-//         if (
-//             !newGlassOptions.data[
-//                 optionsMap[option.glassLocation]
-//             ].availableReplacementOptions.includes(option.glassName)
-//         ) {
-//             return false;
-//         }
-//     }
-
-//     return true;
-// }

From 58ffba52e89ea576af20728ef820ab3a6abbfcbd Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 12 Jan 2023 09:23:29 -0500
Subject: [PATCH 34/36] fix to focus state styling issue

---
 src/common-components/base-input-button/base-input-button.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/common-components/base-input-button/base-input-button.vue b/src/common-components/base-input-button/base-input-button.vue
index 98f0425e..c95a53cb 100644
--- a/src/common-components/base-input-button/base-input-button.vue
+++ b/src/common-components/base-input-button/base-input-button.vue
@@ -167,6 +167,7 @@ input {
     opacity: 0;
     height: 0.1px; // NOTE: cannot be zero or Safari can't put focus on it
     width: 0;
+    position: absolute; // to fix focus styling issue (SSR-212)
 }
 
 @supports (-moz-appearance: none) {

From 8e66875e82f3dea2dc8e12855d056fe8291e85cf Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 12 Jan 2023 09:49:55 -0500
Subject: [PATCH 35/36] removed unneeded comment from line

---
 src/common-components/base-input-button/base-input-button.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/common-components/base-input-button/base-input-button.vue b/src/common-components/base-input-button/base-input-button.vue
index c95a53cb..4c94356c 100644
--- a/src/common-components/base-input-button/base-input-button.vue
+++ b/src/common-components/base-input-button/base-input-button.vue
@@ -167,7 +167,7 @@ input {
     opacity: 0;
     height: 0.1px; // NOTE: cannot be zero or Safari can't put focus on it
     width: 0;
-    position: absolute; // to fix focus styling issue (SSR-212)
+    position: absolute;
 }
 
 @supports (-moz-appearance: none) {

From 44474139e8e7931c5a63dbe7e65f269d96228888 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Thu, 12 Jan 2023 15:12:34 -0500
Subject: [PATCH 36/36] Lock vue-router to 4.1.3

Starting from version 4.1.4, Vue Router strips off custom params. This makes the VehicleChangeAlert unable to be displayed in vehicle-damage page due to its dependency to that custom param.
---
 package-lock.json | 14 +++++++-------
 package.json      |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 9fdfd550..1f26c2b4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,7 @@
         "pinia-plugin-persistedstate": "^2.2.0",
         "vee-validate": "^4.7.0",
         "vue": "^3.2.13",
-        "vue-router": "^4.0.3"
+        "vue-router": "4.1.3"
       },
       "devDependencies": {
         "@testing-library/jest-dom": "5.16.5",
@@ -16262,9 +16262,9 @@
       }
     },
     "node_modules/vue-router": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.5.tgz",
-      "integrity": "sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ==",
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.3.tgz",
+      "integrity": "sha512-XvK81bcYglKiayT7/vYAg/f36ExPC4t90R/HIpzrZ5x+17BOWptXLCrEPufGgZeuq68ww4ekSIMBZY1qdUdfjA==",
       "dependencies": {
         "@vue/devtools-api": "^6.1.4"
       },
@@ -29196,9 +29196,9 @@
       }
     },
     "vue-router": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.5.tgz",
-      "integrity": "sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ==",
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.3.tgz",
+      "integrity": "sha512-XvK81bcYglKiayT7/vYAg/f36ExPC4t90R/HIpzrZ5x+17BOWptXLCrEPufGgZeuq68ww4ekSIMBZY1qdUdfjA==",
       "requires": {
         "@vue/devtools-api": "^6.1.4"
       }
diff --git a/package.json b/package.json
index 79289a85..08adb912 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     "pinia-plugin-persistedstate": "^2.2.0",
     "vee-validate": "^4.7.0",
     "vue": "^3.2.13",
-    "vue-router": "^4.0.3"
+    "vue-router": "4.1.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "5.16.5",