jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSR-222: update CMS API object names

Browse source
This commit is contained in:
Adam Caouette 2022-01-03 12:16:57 -05:00
parent 7de8be9bf2
commit 2c0dd25316
10 changed files with 53 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/constants/widget-names.js
View file

@ -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 };

18
src/helpers/cms-helper.spec.js
View file

@ -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");
});

10
src/layouts/vehicle-make/vehicle-make.spec.js
View file

@ -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",

12
src/layouts/vehicle-make/vehicle-make.vue
View file

@ -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);
});

8
src/layouts/vehicle-model/vehicle-model.spec.js
View file

@ -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",

12
src/layouts/vehicle-model/vehicle-model.vue
View file

@ -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);
});

10
src/layouts/vehicle-style/vehicle-style.spec.js
View file

@ -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",

12
src/layouts/vehicle-style/vehicle-style.vue
View file

@ -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);
});

8
src/layouts/vehicle-year/vehicle-year.spec.js
View file

@ -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",

12
src/layouts/vehicle-year/vehicle-year.vue
View file

@ -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);
});