From 3d0bdb734c61262731ad1b8826a299775cc4f1e8 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Thu, 19 Oct 2023 15:00:26 -0400
Subject: [PATCH 1/4] CSR-1712 add copy to vehicle page.

---
 src/layouts/vehicle/vehicle.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/layouts/vehicle/vehicle.vue b/src/layouts/vehicle/vehicle.vue
index e064250bd..fe0f86dc5 100644
--- a/src/layouts/vehicle/vehicle.vue
+++ b/src/layouts/vehicle/vehicle.vue
@@ -9,6 +9,10 @@
             <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="siteSubHeader" />
+                    <p
+                        cmsWidgetName="FindYourVehicleCopyWidget"
+                        v-html="this.findYourVehicleCopy"
+                        class="mt-2 mb-4 small"></p>
                     <vehicleQuestion
                         ref="vehicleYearQuestion"
                         v-model="selectedYear"
@@ -294,6 +298,9 @@ export default {
             else if (this.imageUrl == null && this.carId !== null) return false;
             else return true;
         },
+        findYourVehicleCopy() {
+            return this.getCmsContent("FindYourVehicleCopyWidget", "QuestionText");
+        },
     },
     methods: {
         getVehicle(year, make, model, style) {
@@ -430,6 +437,6 @@ export default {
 }
 .siteSubHeader {
     margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
+    margin-bottom: 0;
 }
 </style>

From 61c2c039cc76350b2f61a7468a509108e61a748a Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Thu, 19 Oct 2023 17:49:10 -0400
Subject: [PATCH 2/4] Change P to div.

---
 src/layouts/vehicle/vehicle.vue   | 4 ++--
 src/ux-components/alert/alert.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/vehicle/vehicle.vue b/src/layouts/vehicle/vehicle.vue
index fe0f86dc5..1754a3a91 100644
--- a/src/layouts/vehicle/vehicle.vue
+++ b/src/layouts/vehicle/vehicle.vue
@@ -9,10 +9,10 @@
             <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="siteSubHeader" />
-                    <p
+                    <div
                         cmsWidgetName="FindYourVehicleCopyWidget"
                         v-html="this.findYourVehicleCopy"
-                        class="mt-2 mb-4 small"></p>
+                        class="mt-2 mb-4 small"></div>
                     <vehicleQuestion
                         ref="vehicleYearQuestion"
                         v-model="selectedYear"
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index 951f1c0ec..ce4e6b60f 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -1,6 +1,6 @@
 <template>
     <div
-        class="alert fade show text-center mb-0 py-2 px-4"
+        class="alert fade show text-center mb-0 py-2 px-4 border-0"
         role="alert"
         :class="[
             isDismissible ? 'alert-dismissible' : '',

From 8c7e1953a96f5911fa91a46b37eee2cf49415566 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 20 Oct 2023 10:11:15 -0400
Subject: [PATCH 3/4] Update unit test.

---
 src/layouts/vehicle/vehicle.spec.js | 38 ++++++++++++++++++++---------
 1 file changed, 27 insertions(+), 11 deletions(-)

diff --git a/src/layouts/vehicle/vehicle.spec.js b/src/layouts/vehicle/vehicle.spec.js
index 56b46292d..e8671b7a8 100644
--- a/src/layouts/vehicle/vehicle.spec.js
+++ b/src/layouts/vehicle/vehicle.spec.js
@@ -5,17 +5,25 @@ import vehicle from "@/layouts/vehicle/vehicle.vue";
 import { shallowMount } from "@vue/test-utils";
 import { nextTick } from "vue";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
+import baseMixin from "../../mixins/base-mixin";
 
 // 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(),
+}));
+
 describe("vehicle.vue", () => {
     test("arePagePrerequisitesValid should be true ", async () => {
         //Arrange
         const { wrapper } = setupMocks();
 
+
         //Act
         let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
         await nextTick();
@@ -40,17 +48,25 @@ describe("vehicle.vue", () => {
 });
 
 function setupMocks() {
-    const wrapper = shallowMount(
-        vehicle,
-        getMountOptions({
-            router: {
-                navigate: jest.fn(),
-                navigate: jest.fn(),
-                navigateWithSaving: jest.fn(),
-                navigateWithoutSaving: jest.fn(),
-            },
-        })
-    );
+
+    const mountOptions = getMountOptions({
+        router: {
+            navigate: jest.fn(),
+            navigate: jest.fn(),
+            navigateWithSaving: jest.fn(),
+            navigateWithoutSaving: jest.fn(),
+        },
+    });
+
+    //Mock props
+    const mockMixin = {
+        methods: {
+            getCmsContent: jest.fn(),
+        },
+    };
+
+    mountOptions.mixins = [mockMixin];
+    const wrapper = shallowMount(vehicle, mountOptions);
 
     return { wrapper };
 }

From b16c36d2cf33b4ae8065c024cb7f6d78117367a3 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 20 Oct 2023 10:17:25 -0400
Subject: [PATCH 4/4] format code.

---
 src/layouts/vehicle/vehicle.spec.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/layouts/vehicle/vehicle.spec.js b/src/layouts/vehicle/vehicle.spec.js
index e8671b7a8..74d29071a 100644
--- a/src/layouts/vehicle/vehicle.spec.js
+++ b/src/layouts/vehicle/vehicle.spec.js
@@ -23,7 +23,6 @@ describe("vehicle.vue", () => {
         //Arrange
         const { wrapper } = setupMocks();
 
-
         //Act
         let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
         await nextTick();
@@ -48,7 +47,6 @@ describe("vehicle.vue", () => {
 });
 
 function setupMocks() {
-
     const mountOptions = getMountOptions({
         router: {
             navigate: jest.fn(),