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

Merge pull request #385 from Safelite/feature/digital/SSR-603

Browse source 
Feature/digital/ssr 603
This commit is contained in:
michaela-brydon-safelite 2023-07-31 16:34:16 -04:00 committed by GitHub
commit d48eed7f9d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 776 additions and 243 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

892
src/layouts/coverage-statement/coverage-statement.spec.js
View file

@ -1,231 +1,757 @@
describe('test', () => {
test('dummy test', () => {
// Components
import coverageStatement from '@/layouts/coverage-statement/coverage-statement';
// Supporting Files
import { mount } from '@vue/test-utils';
import { getMountOptions } from '@/helpers/unit-test-helper.js';
import { createTestingPinia } from '@pinia/testing';
import { navigationScenarios } from '@/router/router-constants/navigation-scenarios.js';
import { useMainStore } from '@/store/index.js';
import { getRandomString, getRandomInt } from '@/helpers/data-generation.js';
import { settleAllPromises } from '@/helpers/layout-helper.js';
import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
jest.mock('@/helpers/layout-helper.js', () => ({
settleAllPromises: jest.fn()
}));
jest.mock('@/helpers/cms-content-helper', () => ({
fetchCmsContentForPage: jest.fn(),
setupModalLinks: jest.fn(),
processIfStatements: jest.fn()
}));
const mockMixin = {
methods: {
getCmsContent: jest.fn().mockImplementation(() => ''),
setCmsContent: jest.fn()
}
};
const footerStub = {
render: () => {},
methods: {
updateButtonText: jest.fn()
}
};
const loadingModalStub = {
render: () => {},
methods: {
showModal: jest.fn(),
hideModal: jest.fn()
}
};
function getMountedComponent(mainInitialState = {}, initialData = {}) {
const mountOptions = getMountOptions({
router: {
navigate: jest.fn()
}
});
mountOptions.global.stubs = {
siteFooter: footerStub,
siteHeader: true,
recalModal: true,
contentGroupModal: true,
alert: true,
loadingModal: loadingModalStub
};
mountOptions.global.plugins = [createTestingPinia({
initialState: {
main: mainInitialState
}
})];
mountOptions.mixins = [mockMixin];
mountOptions.data = () => (
initialData
// {
// foo: 'fromOptions',
// }
);
const apiResponses = {
supportingItems: []
};
const apiPromise = Promise.resolve(apiResponses);
settleAllPromises.mockImplementation(() => apiPromise);
fetchCmsContentForPage.mockImplementation(() => Promise.resolve());
const wrapper = mount(coverageStatement, mountOptions);
return { wrapper };
}
describe('coverageStatement.vue', () => {
describe('method arePagePrerequisitesValid...', () => {
test('Should return true for valid page requisites if vin exists', () => {
// Arrange
let test = 'test';
const { wrapper } = getMountedComponent({
order: {
vehicle: {
vin: getRandomString(5, 20)
}
}
});
// Act
test = 'test2';
const arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
// Assert
expect(test.length).toBe(5);
expect(arePagePrerequisitesValid).toBeTruthy();
});
test('Should return false for valid page requisites if vin is missing', () => {
// Arrange
const { wrapper } = getMountedComponent({
order: {
vehicle: {
vin: null
}
}
});
// *Testing to be completed on SSR-603
// Act
const arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
// // Components
// import coverageStatement from "@/layouts/coverage-statement/coverage-statement.vue";
// Assert
expect(arePagePrerequisitesValid).not.toBeTruthy();
});
});
describe('Rendering', () => {
test('Should render site header', () => {
// Arrange
const { wrapper } = getMountedComponent({});
// // Supporting files
// import { shallowMount } from "@vue/test-utils";
// import { getMountOptions } from "@/helpers/unit-test-helper.js";
// import { useMainStore } from "@/store";
// import baseMixin from "@/mixins/base-mixin";
// import vehicleQuestionsMixin from "@/mixins/vehicle-questions-mixin";
// import { applicationConfig } from "@/constants/application-config";
// import { fetchCmsContentForPage, setupModalLinks } from "@/helpers/cms-content-helper";
// import { settleAllPromises } from "@/helpers/layout-helper.js";
// import { createTestingPinia } from '@pinia/testing';
// import { getRandomString } from '@/helpers/data-generation.js';
// Act
const siteHeader = wrapper.findComponent({ ref: 'siteHeader' });
// jest.mock("@/helpers/damage-helper", () => ({
// getDamageString: jest.fn(),
// }));
// Assert
expect(siteHeader.exists()).toBe(true);
});
test('Should render site subheader', () => {
// Arrange
const { wrapper } = getMountedComponent({});
// // Mock our module for promises.
// jest.mock("@/helpers/layout-helper.js", () => ({
// settleAllPromises: jest.fn(),
// }));
// Act
const subheader = wrapper.find({ ref: 'siteSubHeader' });
// // Mock fetchCmsContentForPage, setupModalLinks
// jest.mock("@/helpers/cms-content-helper", () => ({
// fetchCmsContentForPage: jest.fn(),
// setupModalLinks: jest.fn(),
// }));
// Assert
expect(subheader.exists()).toBe(true);
});
// describe("coverage-statement.vue...", () => {
// describe("method arePagePrerequisitesValid...", () => {
// test("Should return true for valid page requisites if vin exists", () => {
// // Arrange
// const { wrapper } = setupMocks({});
// useMainStore().order.vehicle.vin = getRandomString(5,20);
test('Should render explanatory text', () => {
// Arrange
const { wrapper } = getMountedComponent({});
// // Act
// let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
// Act
const explanatoryText = wrapper.find({ ref: 'explanatoryText' });
// //Assert
// expect(arePagePrerequisitesValid).toBe(true);
// });
// Assert
expect(explanatoryText.exists()).toBe(true);
});
test('Should render secondary text', () => {
// Arrange
const { wrapper } = getMountedComponent({});
// test("Should return false for valid page requisites if vin is missing", () => {
// // Arrange
// const { wrapper } = setupMocks({});
// Act
const secondaryText = wrapper.find({ ref: 'secondaryText' });
// useMainStore().order.vehicle.vin = null;
// Assert
expect(secondaryText.exists()).toBe(true);
});
test('Should render site footer', () => {
// Arrange
const { wrapper } = getMountedComponent({});
// // Act
// let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
// Act
const footer = wrapper.findComponent({ ref: 'siteFooter' });
// //Assert
// expect(arePagePrerequisitesValid).toBe(false);
// });
// });
// describe("navigation", () => {
// test("forwardButtonAction should trigger navigateForward", async () => {
// // Arrange
// const { wrapper } = setupMocks({});
// Assert
expect(footer.exists()).toBe(true);
});
});
describe('Verified ITAC scenario', () => {
test('If policy lookup successful, not No Comp, and deductible > service price, verifiedITAC returns true', () => {
// Arrange
const sellingPrice = getRandomInt(100, 500);
const deductible = sellingPrice + 1;
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: false,
deductible: {
repair: deductible
},
policyLookupSuccessful: true
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
wrapper.setData({
availableLineItems: [
{
sellingPrice,
kitPrice: 0,
laborAmount: 0
}
]
});
// wrapper.vm.navigateForward = jest.fn();
// Assert
expect(wrapper.vm.verifiedITAC).toBeTruthy();
});
test('If policy lookup unsuccessful, verifiedITAC returns false', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
policyLookupSuccessful: false
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
// // Act
// await wrapper.vm.forwardButtonAction();
// Assert
expect(wrapper.vm.verifiedITAC).toBeFalsy();
});
test('If No Comp, verifiedITAC returns false', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: true
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
// //Assert
// expect(wrapper.vm.navigateForward).toHaveBeenCalled();
// });
// });
// describe("display correct coverage statement", () => {
// test("If damage is Repair, display NonADASRepair coverage statement", async () => {
// // Arrange
// const wrapper = shallowMount(coverageStatement, {
// mixins: [mockMixin],
// });
// Assert
expect(wrapper.vm.verifiedITAC).toBeFalsy();
});
test('If deductible < service price, verifiedITAC returns false', () => {
// Arrange
const sellingPrice = getRandomInt(100, 500);
const deductible = sellingPrice - 1;
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: false,
deductible: {
repair: deductible
}
}
}
};
// useMainStore().order.damage.isRepair = true;
const { wrapper } = getMountedComponent(mainInitialState);
wrapper.setData({
availableLineItems: [
{
sellingPrice,
kitPrice: 0,
laborAmount: 0
}
]
});
// // Assert
// expect(wrapper.vm.bodyText).toEqual("NonADASRepairTestReturn");
// })
// Assert
expect(wrapper.vm.verifiedITAC).toBeFalsy();
});
});
describe('Verified Deductible scenario', () => {
test('If policy lookup successful, not No Comp, and service price > deductible, verifiedITAC returns true', () => {
// Arrange
const sellingPrice = getRandomInt(100, 500);
const deductible = sellingPrice - 1;
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: false,
deductible: {
repair: deductible
},
policyLookupSuccessful: true
}
}
};
// test("If damage is NonADAS Replace, display NonADASReplace coverage statement", async () => {
// // Arrange
// const wrapper = shallowMount(coverageStatement, {
// mixins: [mockMixin],
// });
const { wrapper } = getMountedComponent(mainInitialState);
wrapper.setData({
availableLineItems: [
{
sellingPrice,
kitPrice: 0,
laborAmount: 0
}
]
});
// useMainStore().lineItems.glassParts =
// [
// {
// requiresRecalibration: false,
// }
// ];
// useMainStore().order.damage.isRepair = false;
// Assert
expect(wrapper.vm.verifiedDeductible).toBeTruthy();
});
test('If policy lookup unsuccessful, verifiedDeductible returns false', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
policyLookupSuccessful: false
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
// // Assert
// expect(wrapper.vm.bodyText).toEqual("NonADASReplaceTestReturn");
// })
// Assert
expect(wrapper.vm.verifiedDeductible).toBeFalsy();
});
test('If No Comp, verifiedDeductible returns false', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: true
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
// test("If damage is ADAS Replace, display ADASReplace coverage statement", async () => {
// // Arrange
// const wrapper = shallowMount(coverageStatement, {
// mixins: [mockMixin],
// });
// useMainStore().lineItems.glassParts = [
// {
// requiresRecalibration: true,
// }
// ];
// useMainStore().order.damage.isRepair = false;
// Assert
expect(wrapper.vm.verifiedDeductible).toBeFalsy();
});
test('If service price < deductible, verifiedDeductible returns false', () => {
const sellingPrice = getRandomInt(100, 500);
const deductible = sellingPrice + 1;
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: false,
deductible: {
repair: deductible
}
}
}
};
// // Assert
// expect(wrapper.vm.bodyText).toEqual("ADASReplaceTestReturn");
// })
// });
// describe("claim registration api call", () => {
// it("claim registration not required => method not called", async () => {
// // Arrange
// const wrapper = setupMocks({});
const { wrapper } = getMountedComponent(mainInitialState);
wrapper.setData({
availableLineItems: [
{
sellingPrice,
kitPrice: 0,
laborAmount: 0
}
]
});
// const store = useMainStore();
// store.isClaimRegistrationRequired = false;
// Assert
expect(wrapper.vm.verifiedDeductible).toBeFalsy();
});
});
describe('No Comp scenario', () => {
test('If noCoverage = true, verifiedNoComp returns true', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: true,
policyLookupSuccessful: true
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
// const to = {
// query: { issPage: getRandomString(4,10) }
// };
// const next = jest.fn();
// Assert
expect(wrapper.vm.verifiedNoComp).toBeTruthy();
});
test('If noCoverage = false, verifiedNoComp returns false', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: false
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
// // SUT
// coverageStatement.beforeRouteEnter.call(wrapper.vm, to, undefined, next)
// Assert
expect(wrapper.vm.verifiedNoComp).toBeFalsy();
});
});
describe('Unverified scenario', () => {
test('If policyLookupSuccessful false, unverified returns true', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
policyLookupSuccessful: false
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
// // Assert
// expect(store.registerClaim).not.toHaveBeenCalled();
// });
// Assert
expect(wrapper.vm.unverified).toBeTruthy();
});
test('If policyLookupSuccessful is true, unverified returns false', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
policyLookupSuccessful: true
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
// it("claim registration required => register claim method called", async () => {
// // Arrange
// const wrapper = setupMocks({});
// Assert
expect(wrapper.vm.unverified).toBeFalsy();
});
});
describe('Navigation', () => {
test('If Unverified, navigate forward with CLICKED_FORWARD scenario', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
policyLookupSuccessful: false
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
// const store = useMainStore();
// store.isClaimRegistrationRequired = true;
// Act
wrapper.vm.forwardButtonAction();
// const to = {
// query: { issPage: getRandomString(4,10) }
// };
// const next = jest.fn();
// Assert
expect(wrapper.vm.$router.navigate)
.toHaveBeenCalledWith(navigationScenarios.CLICKED_FORWARD, undefined);
});
test('If Verified Deductible, navigate forward with CLICKED_FORWARD scenario', () => {
// Arrange
const sellingPrice = getRandomInt(100, 500);
const deductible = sellingPrice - 1;
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: false,
deductible: {
repair: deductible
},
policyLookupSuccessful: true
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
wrapper.setData({
availableLineItems: [
{
sellingPrice,
kitPrice: 0,
laborAmount: 0
}
]
});
// // SUT
// coverageStatement.beforeRouteEnter.call(wrapper.vm, to, undefined, next)
// Act
wrapper.vm.forwardButtonAction();
// // Assert
// expect(store.registerClaim).toHaveBeenCalled();
// });
// })
// });
// Assert
expect(wrapper.vm.$router.navigate)
.toHaveBeenCalledWith(navigationScenarios.CLICKED_FORWARD, undefined);
});
test('If Verified ITAC and selected Safelite, navigate forward with CLICKED_FORWARD_WITH_SAFELITE scenario', () => {
// Arrange
const sellingPrice = getRandomInt(100, 500);
const deductible = sellingPrice + 1;
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: false,
deductible: {
repair: deductible
},
policyLookupSuccessful: true
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
wrapper.setData({
availableLineItems: [
{
sellingPrice,
kitPrice: 0,
laborAmount: 0
}
],
selectedProvider: 'Safelite'
});
// const mockMixin = {
// methods: {
// getCmsContent: jest.fn((contentName) => {
// if (contentName === "UnverifiedADASNextStepsWidget") {
// return "ADASReplaceTestReturn"
// }
// else if (contentName === "UnverifiedNonADASRepairWidget") {
// return "NonADASRepairTestReturn"
// }
// else if (contentName === "UnverifiedNonADASNextStepsWidget") {
// return "NonADASReplaceTestReturn"
// }
// return null;
// }),
// }
// };
// Act
wrapper.vm.forwardButtonAction();
// function setupMocks({
// pageHeaderWidgetHeaderText,
// mountOptionsMockData = {},
// }) {
// //Mock api responses
// const apiResponses = {
// cmsContent: {
// SiteSubHeaderWidget: pageHeaderWidgetHeaderText,
// FunnelHeaderWidget: {
// LogoImage:
// `${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",
// AlertWidget: {
// BodyText: "Please choose your tint color",
// HeadlineText: "Just a few more steps to go",
// },
// unverifiedNonADASRepairBodyText: "Repair body text",
// },
// };
// Assert
expect(wrapper.vm.$router.navigate)
.toHaveBeenCalledWith(navigationScenarios.CLICKED_FORWARD_WITH_SAFELITE, undefined);
});
test('If Verified ITAC, selected other shop, and TPA enabled, navigate forward w/ CLICKED_FORWARD_WITH_TPA_ENABLED', () => {
// Arrange
const sellingPrice = getRandomInt(100, 500);
const deductible = sellingPrice + 1;
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: false,
deductible: {
repair: deductible
},
policyLookupSuccessful: true
}
},
issConfig: {
enableTPAFlow: true
}
};
const { wrapper } = getMountedComponent(mainInitialState);
wrapper.setData({
availableLineItems: [
{
sellingPrice,
kitPrice: 0,
laborAmount: 0
}
],
selectedProvider: 'Other'
});
// const apiPromise = Promise.resolve(apiResponses);
// Act
wrapper.vm.forwardButtonAction();
// settleAllPromises.mockImplementation(() => apiPromise);
// fetchCmsContentForPage.mockImplementation(() => Promise.resolve());
// Assert
expect(wrapper.vm.$router.navigate)
.toHaveBeenCalledWith(navigationScenarios.CLICKED_FORWARD_WITH_TPA_ENABLED, undefined);
});
test('If Verified ITAC, selected other shop, and TPA disabled, navigate forward w/ CLICKED_FORWARD_WITH_TPA_DISABLED', () => {
// Arrange
const sellingPrice = getRandomInt(100, 500);
const deductible = sellingPrice + 1;
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: false,
deductible: {
repair: deductible
},
policyLookupSuccessful: true
}
},
issConfig: {
enableTPAFlow: false
}
};
const { wrapper } = getMountedComponent(mainInitialState);
wrapper.setData({
availableLineItems: [
{
sellingPrice,
kitPrice: 0,
laborAmount: 0
}
],
selectedProvider: 'Other'
});
// const mountOptions = getMountOptions({});
// Act
wrapper.vm.forwardButtonAction();
// mountOptions.mixins = [baseMixin, vehicleQuestionsMixin];
// mountOptions.global = {
// plugins: [createTestingPinia()]
// }
// Assert
expect(wrapper.vm.$router.navigate)
.toHaveBeenCalledWith(navigationScenarios.CLICKED_FORWARD_WITH_TPA_DISABLED, undefined);
});
test('If No Comp and selected Safelite, navigate forward with CLICKED_FORWARD scenario', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: true
},
policy: {
noCoverage: true,
policyLookupSuccessful: true
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
wrapper.setData({
isVerified: false,
selectedProvider: 'Safelite'
});
// const wrapper = shallowMount(coverageStatement, mountOptions);
// Act
wrapper.vm.forwardButtonAction();
// wrapper.vm.setCmsContent = baseMixin.methods.setCmsContent;
// Assert
expect(wrapper.vm.$router.navigate)
.toHaveBeenCalledWith(navigationScenarios.CLICKED_FORWARD_WITH_SAFELITE, undefined);
});
});
describe('ADAS', () => {
test('if Replace and parts require recalibration, isADAS should return true', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: false
},
lineItems: {
glassParts: [
{
requiresRecalibration: true
}
]
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
// return { wrapper };
// }
// Assert
expect(wrapper.vm.isADAS).toBeTruthy();
});
test('if Replace and parts do not require recalibration, isADAS should return false', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: false
},
lineItems: {
glassParts: [
{
requiresRecalibration: false
}
]
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
// Assert
expect(wrapper.vm.isADAS).toBeFalsy();
});
test('if Repair, isADAS should return true', () => {
// Arrange
const mainInitialState = {
order: {
damage: {
isRepair: true
}
}
};
const { wrapper } = getMountedComponent(mainInitialState);
// Assert
expect(wrapper.vm.isADAS).toBeFalsy();
});
});
describe('claim registration api call', () => {
it('claim registration not required => method not called', async () => {
// Arrange
const { wrapper } = getMountedComponent({
issConfig: {
isClaimRegistrationRequired: false
}
});
// Assert
expect(wrapper.vm.mainStore.registerClaim).not.toHaveBeenCalled();
});
it('claim registration required => register claim method called', async () => {
// Arrange
const sellingPrice = getRandomInt(50, 100);
const deductible = sellingPrice - 1;
const initialStore = {
order: {
policy: {
policyLookupSuccessful: true,
noCoverage: false,
deductible: {
repair: deductible
}
},
damage: {
isRepair: true
}
},
issConfig: {
isClaimRegistrationRequired: true
}
};
const initialData = {
availableLineItems: [
{
sellingPrice,
kitPrice: 0,
laborAmount: 0
}
]
};
const { wrapper } = getMountedComponent(initialStore, initialData);
// Assert
expect(wrapper.vm.mainStore.registerClaim).toHaveBeenCalled();
});
});
});

36
src/layouts/coverage-statement/coverage-statement.vue
View file

@ -9,23 +9,26 @@
<loadingModal
ref="loadingModal"
:textSlides="loadingText" />
<siteHeader cmsWidgetName="SiteHeaderWidget" />
<siteHeader cmsWidgetName="SiteHeaderWidget" ref="siteHeader" />
<div class="select-car">
<div class="container-fluid pb-2">
<div class="row px-3">
<div class="col">
<div class="pb-1 mt-4">
<h5
v-html="coverageStatementSubHeader"
class="text-center text-black"
v-html="coverageStatementSubHeader">
ref="siteSubHeader">
</h5>
<div
class="body-text text-center mt-4"
v-html="explanatoryText">
class="body-text text-center mt-2"
v-html="explanatoryText"
ref="explanatoryText">
</div>
<div
class="text-center mt-4 fw-bold text-black"
v-html="secondaryText">
v-html="secondaryText"
ref="secondaryText">
</div>
<div
v-if="verifiedDeductible"
@ -34,7 +37,7 @@
</div>
<div
v-if="displayQuote"
class="d-flex justify-content-center cost mb-1">
class="d-flex justify-content-center cost mb-5">
{{ formattedServicePrice }}
</div>
<div
@ -115,7 +118,7 @@ import { useMainStore } from '@/store/index.js';
import vehicleQuestionsMixin from '@/mixins/vehicle-questions-mixin.js';
import globalRules from '@/constants/global-rules.js';
import baseFormMixin from '@/mixins/base-form-mixin.js';
import navigationScenarios from '@/router/router-constants/navigation-scenarios.js';
import { navigationScenarios } from '@/router/router-constants/navigation-scenarios.js';
export default {
name: 'coverage-statement',
@ -131,10 +134,9 @@ export default {
loadingModal
},
mixins: [baseFormMixin, vehicleQuestionsMixin],
async beforeRouteEnter(to, _from, next) {
async beforeRouteEnter(to, from, next) {
// Call APIs
const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
const supportingItemsPromise = await useMainStore().getSupportingItems();
// Settle promises and get results
@ -155,7 +157,7 @@ export default {
: [];
const availableLineItems = [
...resultMap.supportingItems,
...clonedGlassParts
...clonedGlassParts,
];
const pricingResults = await useMainStore().getPriceOrderItems(availableLineItems);
@ -166,6 +168,10 @@ export default {
vm.availableLineItems = pricingResults;
});
},
setup() {
const mainStore = useMainStore();
return { mainStore };
},
data() {
return {
availableLineItems: [],
@ -189,7 +195,7 @@ export default {
},
verifiedITACAlertBody() {
return this.getCmsContent('VerifiedITACAlert',
'BodyText').replaceAll('{custom:costSavings}', this.costSavings);
'BodyText')?.replaceAll('{custom:costSavings}', this.costSavings);
},
coverageStatementSubHeader() {
return this.getSubheaderTextFromCms('SiteSubHeaderWidget');
@ -204,16 +210,16 @@ export default {
return this.getHeaderTextFromCms('NextStepsWidget');
},
nextStepsBody() {
return this.getBodyTextFromCms('NextStepsWidget').replaceAll('{custom:damage}', this.damageText);
return this.getBodyTextFromCms('NextStepsWidget')?.replaceAll('{custom:damage}', this.damageText);
},
continueWithSchedulingBodyText() {
return this.getCmsContent('continueWithSchedulingCopy', 'BodyText');
},
unverifiedADASNextStepsBodyText() {
return this.getCmsContent('UnverifiedADASNextStepsWidget', 'BodyText').replaceAll('{custom:damage}', this.damageText);
return this.getCmsContent('UnverifiedADASNextStepsWidget', 'BodyText')?.replaceAll('{custom:damage}', this.damageText);
},
unverifiedNonADASNextStepsBodyText() {
return this.getCmsContent('UnverifiedNonADASNextStepsWidget', 'BodyText').replaceAll('{custom:damage}', this.damageText);
return this.getCmsContent('UnverifiedNonADASNextStepsWidget', 'BodyText')?.replaceAll('{custom:damage}', this.damageText);
},
unverifiedNonADASRepairBodyText() {
return this.getCmsContent('UnverifiedNonADASRepairWidget', 'BodyText');
@ -310,7 +316,7 @@ export default {
if (this.policyLookupSuccessful
&& useMainStore().isClaimRegistrationRequired
&& this.coveredAndServicePriceAboveOrEqualDeductible) {
await useMainStore().registerClaim().catch(() => {});
await useMainStore().registerClaim()?.catch(() => {});
}
vm.$refs.loadingModal.hideModal();
},

1
src/router/router-constants/navigation-scenarios.js
View file

@ -53,6 +53,7 @@ const navigationScenarios = {
// Coverage Statement
CLICKED_BACK_WITH_REPAIR: 'CLICKED_BACK_WITH_REPAIR',
CLICKED_FORWARD_WITH_INVALID_STATE: 'CLICKED_FORWARD_WITH_INVALID_STATE',
// Provider Preference
CLICKED_FORWARD_WITH_SAFELITE: 'CLICKED_FORWARD_WITH_SAFELITE',