From 2c0dd25316a0fdc23f0f72d2224490ae7d688a39 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Mon, 3 Jan 2022 12:16:57 -0500
Subject: [PATCH] CSR-222: update CMS API object names

---
 src/constants/widget-names.js                  |  4 ++--
 src/helpers/cms-helper.spec.js                 | 18 +++++++++---------
 src/layouts/vehicle-make/vehicle-make.spec.js  | 10 +++++-----
 src/layouts/vehicle-make/vehicle-make.vue      | 12 ++++++------
 .../vehicle-model/vehicle-model.spec.js        |  8 ++++----
 src/layouts/vehicle-model/vehicle-model.vue    | 12 ++++++------
 .../vehicle-style/vehicle-style.spec.js        | 10 +++++-----
 src/layouts/vehicle-style/vehicle-style.vue    | 12 ++++++------
 src/layouts/vehicle-year/vehicle-year.spec.js  |  8 ++++----
 src/layouts/vehicle-year/vehicle-year.vue      | 12 ++++++------
 10 files changed, 53 insertions(+), 53 deletions(-)

diff --git a/src/constants/widget-names.js b/src/constants/widget-names.js
index 9fe78f2ba..d9782f90b 100644
--- a/src/constants/widget-names.js
+++ b/src/constants/widget-names.js
@@ -1,8 +1,8 @@
 const widgetNames = {
-  PAGE_HEADER_WIDGET: "PageHeaderWidget",
+  FUNNEL_SUB_HEADER_WIDGET: "FunnelSubHeaderWidget",
   RADIO_QUESTION_WIDGET: "RadioQuestionWidget",
   VEHICLE_BANNER_WIDGET: "VehicleBannerWidget",
-  SITE_HEADER_WIDGET: "SiteHeaderWidget",
+  FUNNEL_HEADER_WIDGET: "FunnelHeaderWidget",
 };
 
 export { widgetNames };
diff --git a/src/helpers/cms-helper.spec.js b/src/helpers/cms-helper.spec.js
index 0f03ab604..4aa25710b 100644
--- a/src/helpers/cms-helper.spec.js
+++ b/src/helpers/cms-helper.spec.js
@@ -15,13 +15,13 @@ describe("cms-content-helper.js", () => {
     const cmsMockData = {
       Result: [
         {
-          Type: "PageHeaderWidget",
+          Type: "FunnelSubHeaderWidget",
           Model: {
             HeaderText: "Select a year to get started",
           },
         },
         {
-          Type: "PageHeaderWidget",
+          Type: "FunnelSubHeaderWidget",
           Model: {
             HeaderText: "Select a model",
           },
@@ -40,7 +40,7 @@ describe("cms-content-helper.js", () => {
     // Act
     fetchCmsContentForPage("testPage").then((response) => {
       // Assert
-      expect(response.PageHeaderWidget[0].HeaderText).toEqual(
+      expect(response.FunnelSubHeaderWidget[0].HeaderText).toEqual(
         "Select a year to get started"
       );
     });
@@ -53,7 +53,7 @@ describe("cms-content-helper.js", () => {
     const cmsMockData = {
       Result: [
         {
-          Type: "PageHeaderWidget",
+          Type: "FunnelSubHeaderWidget",
           Model: {
             HeaderText: "{globalState:order.vehicle.year}",
           },
@@ -65,7 +65,7 @@ describe("cms-content-helper.js", () => {
   
     fetchCmsContentForPage("testPage").then((response) => {
       // Assert
-      expect(response.PageHeaderWidget[0].HeaderText).toEqual(
+      expect(response.FunnelSubHeaderWidget[0].HeaderText).toEqual(
         "2019"
       );
     });
@@ -78,7 +78,7 @@ describe("cms-content-helper.js", () => {
     const cmsMockData = {
       Result: [
         {
-          Type: "PageHeaderWidget",
+          Type: "FunnelSubHeaderWidget",
           Model: {
             HeaderText: "{globalState:order.vehicle.year}",
           },
@@ -96,7 +96,7 @@ describe("cms-content-helper.js", () => {
   
     fetchCmsContentForPage("testPage").then((response) => {
       // Assert
-      expect(response.PageHeaderWidget[0].HeaderText).toEqual("2019");
+      expect(response.FunnelSubHeaderWidget[0].HeaderText).toEqual("2019");
       expect(response.RadioQuestionWidget[0].ExampleText).toEqual("My widget value!");
   
     });
@@ -109,7 +109,7 @@ describe("cms-content-helper.js", () => {
     const cmsMockData = {
       Result: [
         {
-          Type: "PageHeaderWidget",
+          Type: "FunnelSubHeaderWidget",
           Model: {
             HeaderText: "{globalState:order.vehicle.year}",
           },
@@ -130,7 +130,7 @@ describe("cms-content-helper.js", () => {
     fetchCmsContentForPage("testPage").then((response) => {
       // Assert
   
-      expect(response.PageHeaderWidget[0].HeaderText).toEqual("2019");
+      expect(response.FunnelSubHeaderWidget[0].HeaderText).toEqual("2019");
       expect(response.RadioQuestionWidget[0].OtherObjectInside.ExampleText).toEqual("Acura");
   
     });
diff --git a/src/layouts/vehicle-make/vehicle-make.spec.js b/src/layouts/vehicle-make/vehicle-make.spec.js
index 120f8de4f..f8d841bea 100644
--- a/src/layouts/vehicle-make/vehicle-make.spec.js
+++ b/src/layouts/vehicle-make/vehicle-make.spec.js
@@ -36,7 +36,7 @@ describe("vehicle-make.vue", () => {
   test("Page header is passed data from CMS", async (done) => {
 
     //Arrange
-    const { wrapper, apiPromise } = setupMocks( { pageHeaderWidgetHeaderText: "Select a make to get started" });
+    const { wrapper, apiPromise } = setupMocks( { funnelSubHeaderWidgetHeaderText: "Select a make to get started" });
 
     //Act
     vehicleMake.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-make" } }, undefined, (c) => c(wrapper.vm));
@@ -55,7 +55,7 @@ describe("vehicle-make.vue", () => {
     
     //Arrange
     const { wrapper, apiPromise } = setupMocks( { 
-      pageHeaderWidgetHeaderText: "Select a make to get started",
+      funnelSubHeaderWidgetHeaderText: "Select a make to get started",
       mountOptionsMockData: {
         router: {
           navigate: jest.fn()
@@ -79,14 +79,14 @@ describe("vehicle-make.vue", () => {
 function setupMocks({
   radioQuestionCmsContent = {},
   makeQuestionInitialData = {},
-  pageHeaderWidgetHeaderText = {},
+  funnelSubHeaderWidgetHeaderText = {},
   mountOptionsMockData = {},
 }) {
   
   //Mock api responses
   const apiResponses = {
     cmsContent: {
-      PageHeaderWidget: [{ HeaderText: pageHeaderWidgetHeaderText }],
+      FunnelSubHeaderWidget: [{ HeaderText: funnelSubHeaderWidgetHeaderText }],
       RadioQuestionWidget: [radioQuestionCmsContent],
       VehicleBannerWidget: [
         {
@@ -94,7 +94,7 @@ function setupMocks({
             "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3",
         },
       ],
-      SiteHeaderWidget: [
+      FunnelHeaderWidget: [
         {
           LogoImage:
             "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3",
diff --git a/src/layouts/vehicle-make/vehicle-make.vue b/src/layouts/vehicle-make/vehicle-make.vue
index be5e925ea..f158b754a 100644
--- a/src/layouts/vehicle-make/vehicle-make.vue
+++ b/src/layouts/vehicle-make/vehicle-make.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="container-fluid shadow rounded-3 p-0">
-    <funnelHeader :imageSrc="siteHeaderWidget.LogoImage" />
+    <funnelHeader :imageSrc="funnelHeaderWidget.LogoImage" />
     <div class="select-car">
       <div class="select-car-form rounded text-center">
         <vehicleBanner :vehicleImageSrc="vehicleBannerWidget.GenericVehicleImage" />
         <funnelSubHeader 
-            :text="pageHeaderWidgets.HeaderText"
+            :text="funnelSubHeaderWidget.HeaderText"
             :hasBackButton="true"
             backButtonAccessibleText="Change Vehicle Year"
             :backButtonAction="backButtonAction"
@@ -30,8 +30,8 @@ export default {
   name: "vehicle-make",
   data() {
     return {
-      pageHeaderWidgets: {},
-      siteHeaderWidget: {},
+      funnelSubHeaderWidget: {},
+      funnelHeaderWidget: {},
       vehicleBannerWidget: {},
       selectedMake: null,
     };
@@ -58,8 +58,8 @@ export default {
     settleAllPromises(promiseResultMap).then((resultMap) => {
       // Call the "next" function to complete the transition to this page.
       next((vm) => {
-        vm.pageHeaderWidgets = resultMap.cmsContent.PageHeaderWidget[0];
-        vm.siteHeaderWidget = resultMap.cmsContent.SiteHeaderWidget[0];
+        vm.funnelSubHeaderWidget = resultMap.cmsContent.FunnelSubHeaderWidget[0];
+        vm.funnelHeaderWidget = resultMap.cmsContent.FunnelHeaderWidget[0];
         vm.vehicleBannerWidget = resultMap.cmsContent.VehicleBannerWidget[0];
         vm.$refs.makeQuestion.initializeComponent(resultMap.cmsContent.RadioQuestionWidget[0], resultMap.makeQuestionInitialData);
       });
diff --git a/src/layouts/vehicle-model/vehicle-model.spec.js b/src/layouts/vehicle-model/vehicle-model.spec.js
index 8ee3885de..b8931ec39 100644
--- a/src/layouts/vehicle-model/vehicle-model.spec.js
+++ b/src/layouts/vehicle-model/vehicle-model.spec.js
@@ -36,7 +36,7 @@ describe("vehicle-model.vue", () => {
   test("Page header is passed data from CMS", async (done) => {
 
     //Arange
-    const { wrapper, apiPromise } = setupMocks( { pageHeaderWidgetHeaderText: "Select a model to get started" });
+    const { wrapper, apiPromise } = setupMocks( { funnelSubHeaderWidgetHeaderText: "Select a model to get started" });
 
     //Act
     vehicleModel.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-model" } }, undefined, (c) => c(wrapper.vm));
@@ -53,13 +53,13 @@ describe("vehicle-model.vue", () => {
 function setupMocks({
   radioQuestionCmsContent = {},
   modelQuestionInitialData = {},
-  pageHeaderWidgetHeaderText = {},
+  funnelSubHeaderWidgetHeaderText = {},
 }) {
   
   //Mock api responses
   const apiResponses = {
     cmsContent: {
-      PageHeaderWidget: [{ HeaderText: pageHeaderWidgetHeaderText }],
+      FunnelSubHeaderWidget: [{ HeaderText: funnelSubHeaderWidgetHeaderText }],
       RadioQuestionWidget: [radioQuestionCmsContent],
       VehicleBannerWidget: [
         {
@@ -67,7 +67,7 @@ function setupMocks({
             "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3",
         },
       ],
-      SiteHeaderWidget: [
+      FunnelHeaderWidget: [
         {
           LogoImage:
             "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3",
diff --git a/src/layouts/vehicle-model/vehicle-model.vue b/src/layouts/vehicle-model/vehicle-model.vue
index 1d86c99b4..bac05f3bc 100644
--- a/src/layouts/vehicle-model/vehicle-model.vue
+++ b/src/layouts/vehicle-model/vehicle-model.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="container-fluid shadow rounded-3 p-0">
-    <funnelHeader :imageSrc="siteHeaderWidget.LogoImage" />
+    <funnelHeader :imageSrc="funnelHeaderWidget.LogoImage" />
     <div class="select-car">
       <div class="select-car-form rounded text-center">
         <vehicleBanner :vehicleImageSrc="vehicleBannerWidget.GenericVehicleImage" />
         <funnelSubHeader 
-          :text="pageHeaderWidgets.HeaderText"
+          :text="funnelSubHeaderWidget.HeaderText"
           :hasBackButton="true"
           backButtonAccessibleText="Change Vehicle Make"
           :backButtonAction="backButtonAction"
@@ -30,8 +30,8 @@ export default {
   name: "vehicle-model",
   data() {
     return {
-      pageHeaderWidgets: {},
-      siteHeaderWidget: {},
+      funnelSubHeaderWidget: {},
+      funnelHeaderWidget: {},
       vehicleBannerWidget: {},
       selectedModel: null,
     };
@@ -58,8 +58,8 @@ export default {
     settleAllPromises(promiseResultMap).then((resultMap) => {
       // Call the "next" function to complete the transition to this page.
       next((vm) => {
-        vm.pageHeaderWidgets = resultMap.cmsContent.PageHeaderWidget[0];
-        vm.siteHeaderWidget = resultMap.cmsContent.SiteHeaderWidget[0];
+        vm.funnelSubHeaderWidget = resultMap.cmsContent.FunnelSubHeaderWidget[0];
+        vm.funnelHeaderWidget = resultMap.cmsContent.FunnelHeaderWidget[0];
         vm.vehicleBannerWidget = resultMap.cmsContent.VehicleBannerWidget[0];
         vm.$refs.modelQuestion.initializeComponent(resultMap.cmsContent.RadioQuestionWidget[0], resultMap.modelQuestionInitialData);
       });
diff --git a/src/layouts/vehicle-style/vehicle-style.spec.js b/src/layouts/vehicle-style/vehicle-style.spec.js
index 90dd6e926..babcb4fe4 100644
--- a/src/layouts/vehicle-style/vehicle-style.spec.js
+++ b/src/layouts/vehicle-style/vehicle-style.spec.js
@@ -36,7 +36,7 @@ describe("vehicle-style.vue", () => {
   test("Page header is passed data from CMS", async (done) => {
 
     //Arrange
-    const { wrapper, apiPromise } = setupMocks( { pageHeaderWidgetHeaderText: "Select a style to get started" });
+    const { wrapper, apiPromise } = setupMocks( { funnelSubHeaderWidgetHeaderText: "Select a style to get started" });
 
     //Act
     vehicleStyle.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-style" } }, undefined, (c) => c(wrapper.vm));
@@ -55,7 +55,7 @@ describe("vehicle-style.vue", () => {
     
     //Arrange
     const { wrapper, apiPromise } = setupMocks( { 
-      pageHeaderWidgetHeaderText: "Select a style to get started",
+      funnelSubHeaderWidgetHeaderText: "Select a style to get started",
       mountOptionsMockData: {
         router: {
           navigate: jest.fn()
@@ -79,14 +79,14 @@ describe("vehicle-style.vue", () => {
 function setupMocks({
   radioQuestionCmsContent = {},
   styleQuestionInitialData = {},
-  pageHeaderWidgetHeaderText = {},
+  funnelSubHeaderWidgetHeaderText = {},
   mountOptionsMockData = {},
 }) {
   
   //Mock api responses
   const apiResponses = {
     cmsContent: {
-      PageHeaderWidget: [{ HeaderText: pageHeaderWidgetHeaderText }],
+      FunnelSubHeaderWidget: [{ HeaderText: funnelSubHeaderWidgetHeaderText }],
       RadioQuestionWidget: [radioQuestionCmsContent],
       VehicleBannerWidget: [
         {
@@ -94,7 +94,7 @@ function setupMocks({
             "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3",
         },
       ],
-      SiteHeaderWidget: [
+      FunnelHeaderWidget: [
         {
           LogoImage:
             "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3",
diff --git a/src/layouts/vehicle-style/vehicle-style.vue b/src/layouts/vehicle-style/vehicle-style.vue
index 6b5d4bf86..22b8b29b1 100644
--- a/src/layouts/vehicle-style/vehicle-style.vue
+++ b/src/layouts/vehicle-style/vehicle-style.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="container-fluid shadow rounded-3 p-0">
-    <funnelHeader :imageSrc="siteHeaderWidget.LogoImage" />
+    <funnelHeader :imageSrc="funnelHeaderWidget.LogoImage" />
     <div class="select-car">
       <div class="select-car-form rounded text-center">
         <vehicleBanner :vehicleImageSrc="vehicleBannerWidget.GenericVehicleImage" />
         <funnelSubHeader 
-          :text="pageHeaderWidgets.HeaderText"
+          :text="funnelSubHeaderWidget.HeaderText"
           :hasBackButton="true"
           backButtonAccessibleText="Change Vehicle Model"
           :backButtonAction="backButtonAction"
@@ -30,8 +30,8 @@ export default {
   name: "vehicle-style",
   data() {
     return {
-      pageHeaderWidgets: {},
-      siteHeaderWidget: {},
+      funnelSubHeaderWidget: {},
+      funnelHeaderWidget: {},
       vehicleBannerWidget: {},
       selectedStyle: null,
     };
@@ -58,8 +58,8 @@ export default {
     settleAllPromises(promiseResultMap).then((resultMap) => {
       // Call the "next" function to complete the transition to this page.
       next((vm) => {
-        vm.pageHeaderWidgets = resultMap.cmsContent.PageHeaderWidget[0];
-        vm.siteHeaderWidget = resultMap.cmsContent.SiteHeaderWidget[0];
+        vm.funnelSubHeaderWidget = resultMap.cmsContent.FunnelSubHeaderWidget[0];
+        vm.funnelHeaderWidget = resultMap.cmsContent.FunnelHeaderWidget[0];
         vm.vehicleBannerWidget = resultMap.cmsContent.VehicleBannerWidget[0];
         vm.$refs.styleQuestion.initializeComponent(resultMap.cmsContent.RadioQuestionWidget[0], resultMap.styleQuestionInitialData);
       });
diff --git a/src/layouts/vehicle-year/vehicle-year.spec.js b/src/layouts/vehicle-year/vehicle-year.spec.js
index 594630ba4..d5fdde8a9 100644
--- a/src/layouts/vehicle-year/vehicle-year.spec.js
+++ b/src/layouts/vehicle-year/vehicle-year.spec.js
@@ -36,7 +36,7 @@ describe("vehicle-year.vue", () => {
   test("Page header is passed data from CMS", async (done) => {
 
     //Arrange
-    const { wrapper, apiPromise } = setupMocks( { pageHeaderWidgetHeaderText: "Select a year to get started" });
+    const { wrapper, apiPromise } = setupMocks( { funnelSubHeaderWidgetHeaderText: "Select a year to get started" });
 
     //Act
     vehicleYear.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-year" } }, undefined, (c) => c(wrapper.vm));
@@ -53,14 +53,14 @@ describe("vehicle-year.vue", () => {
 function setupMocks({
   radioQuestionCmsContent = {},
   yearQuestionInitialData = {},
-  pageHeaderWidgetHeaderText = {},
+  funnelSubHeaderWidgetHeaderText = {},
   mountOptionsMockData = {},
 }) {
   
   //Mock api responses
   const apiResponses = {
     cmsContent: {
-      PageHeaderWidget: [{ HeaderText: pageHeaderWidgetHeaderText }],
+      FunnelSubHeaderWidget: [{ HeaderText: funnelSubHeaderWidgetHeaderText }],
       RadioQuestionWidget: [radioQuestionCmsContent],
       VehicleBannerWidget: [
         {
@@ -68,7 +68,7 @@ function setupMocks({
             "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3",
         },
       ],
-      SiteHeaderWidget: [
+      FunnelHeaderWidget: [
         {
           LogoImage:
             "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3",
diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index 48508adc2..d195bf72a 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/src/layouts/vehicle-year/vehicle-year.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="container-fluid shadow rounded-3 p-0">
-    <funnelHeader :imageSrc="siteHeaderWidget.LogoImage" />
+    <funnelHeader :imageSrc="funnelHeaderWidget.LogoImage" />
     <div class="select-car">
       <div class="select-car-form rounded text-center">
         <vehicleBanner :vehicleImageSrc="vehicleBannerWidget.GenericVehicleImage" />
         <funnelSubHeader 
-            :text="pageHeaderWidgets.HeaderText" 
+            :text="funnelSubHeaderWidget.HeaderText" 
             class="Header" 
         />
         <yearQuestion v-model="selectedYear" ref="yearQuestion" />
@@ -28,8 +28,8 @@ export default {
   name: "vehicle-year",
   data() {
     return {
-      pageHeaderWidgets: {},
-      siteHeaderWidget: {},
+      funnelSubHeaderWidget: {},
+      funnelHeaderWidget: {},
       vehicleBannerWidget: {},
       selectedYear: null,
     };
@@ -57,8 +57,8 @@ export default {
 
       // Call the "next" function to complete the transition to this page.
       next((vm) => {
-        vm.pageHeaderWidgets = resultMap.cmsContent.PageHeaderWidget[0];
-        vm.siteHeaderWidget = resultMap.cmsContent.SiteHeaderWidget[0];
+        vm.funnelSubHeaderWidget = resultMap.cmsContent.FunnelSubHeaderWidget[0];
+        vm.funnelHeaderWidget = resultMap.cmsContent.FunnelHeaderWidget[0];
         vm.vehicleBannerWidget = resultMap.cmsContent.VehicleBannerWidget[0];
         vm.$refs.yearQuestion.initializeComponent(resultMap.cmsContent.RadioQuestionWidget[0], resultMap.yearQuestionInitialData);
       });