Merge pull request #367 from Safelite/defect/digital/SSR-505
Fixing bug with compensation
This commit is contained in:
commit
32ce777e0f
5 changed files with 280 additions and 267 deletions
|
|
@ -1,5 +1,9 @@
|
||||||
<template>
|
<template>
|
||||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }" >
|
<Form
|
||||||
|
ref="theForm"
|
||||||
|
v-slot="{ meta }"
|
||||||
|
@submit="onSubmit"
|
||||||
|
@invalid-submit="onInvalidSubmit">
|
||||||
<div class="page-container-grouped-styles">
|
<div class="page-container-grouped-styles">
|
||||||
<div class="fade-on-route-transition position-relative">
|
<div class="fade-on-route-transition position-relative">
|
||||||
<siteHeader cmsWidgetName="SiteHeaderWidget" />
|
<siteHeader cmsWidgetName="SiteHeaderWidget" />
|
||||||
|
|
@ -9,152 +13,155 @@
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="select-car-form rounded pb-1">
|
<div class="select-car-form rounded pb-1">
|
||||||
<textBlock
|
<textBlock
|
||||||
|
id="coverage-statement-text-block"
|
||||||
cmsWidgetName="verifyingCoverageStatement"
|
cmsWidgetName="verifyingCoverageStatement"
|
||||||
typeStyle="h5"
|
typeStyle="h5"
|
||||||
justifyText="center"
|
justifyText="center"
|
||||||
class="mt-4 mb-4"
|
class="mt-4 mb-4" />
|
||||||
id="coverage-statement-text-block" />
|
|
||||||
<div>
|
<div>
|
||||||
<p v-html="continueWithSchedulingBodyText" class="mt-0 small" ></p>
|
<p
|
||||||
|
class="mt-0 small"
|
||||||
|
v-html="continueWithSchedulingBodyText"></p>
|
||||||
</div>
|
</div>
|
||||||
<textBlock
|
<textBlock
|
||||||
|
id="coverage-statement-text-block"
|
||||||
cmsWidgetName="whatHappensNextCopy"
|
cmsWidgetName="whatHappensNextCopy"
|
||||||
class="mt-4 mb-2 fw-bold"
|
class="mt-4 mb-2 fw-bold" />
|
||||||
id="coverage-statement-text-block" />
|
|
||||||
<div>
|
<div>
|
||||||
<p class="small" v-html="bodyText" ref="coverageStatementBodyText"></p>
|
<p
|
||||||
|
ref="coverageStatementBodyText"
|
||||||
|
class="small"
|
||||||
|
v-html="bodyText"></p>
|
||||||
</div>
|
</div>
|
||||||
<steeringText cmsWidgetName="MASteeringText" ></steeringText>
|
<steeringText cmsWidgetName="MASteeringText"></steeringText>
|
||||||
</div>
|
</div>
|
||||||
<siteFooter
|
<siteFooter
|
||||||
|
ref="siteFooter"
|
||||||
class="mt-5"
|
class="mt-5"
|
||||||
cmsWidgetName="SiteFooterWidget"
|
cmsWidgetName="SiteFooterWidget"
|
||||||
:isForwardActionDisabled="!meta.valid"
|
:isForwardActionDisabled="!meta.valid"
|
||||||
@backClicked="navigateBack"
|
@backClicked="navigateBack"
|
||||||
@forwardClicked="forwardButtonAction"
|
@forwardClicked="forwardButtonAction" />
|
||||||
ref="siteFooter" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<recalModal ref="RecalModal" cmsWidgetName="RecalModal" />
|
<recalModal
|
||||||
|
ref="RecalModal"
|
||||||
|
cmsWidgetName="RecalModal" />
|
||||||
</Form>
|
</Form>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
// Import Component
|
// Import Component
|
||||||
import baseFormMixin from '@/mixins/base-form-mixin';
|
|
||||||
import { Form } from 'vee-validate';
|
import { Form } from 'vee-validate';
|
||||||
import siteFooter from '@/iss-components/site-footer/site-footer.vue';
|
import siteFooter from '@/iss-components/site-footer/site-footer';
|
||||||
import siteHeader from '@/iss-components/site-header/site-header.vue';
|
import siteHeader from '@/iss-components/site-header/site-header';
|
||||||
import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
|
import textBlock from '@/digital-components/text-block/text-block';
|
||||||
import textBlock from "@/digital-components/text-block/text-block";
|
import recalModal from '@/layouts/coverage-statement/recal-modal/recal-modal';
|
||||||
import recalModal from '@/layouts/coverage-statement/recal-modal/recal-modal.vue';
|
import steeringText from '@/iss-components/steering-text/steering-text';
|
||||||
import steeringText from "@/iss-components/steering-text/steering-text.vue";
|
|
||||||
// Import Supporting Files
|
// Import Supporting Files
|
||||||
import { fetchCmsContentForPage, setupModalLinks } from '@/helpers/cms-content-helper';
|
import { fetchCmsContentForPage, setupModalLinks } from '@/helpers/cms-content-helper.js';
|
||||||
import { settleAllPromises } from '@/helpers/layout-helper';
|
import { settleAllPromises } from '@/helpers/layout-helper.js';
|
||||||
import { getDamageString } from '@/helpers/damage-helper.js';
|
import { getDamageString } from '@/helpers/damage-helper.js';
|
||||||
import { useMainStore } from "@/store";
|
import { useMainStore } from '@/store/index.js';
|
||||||
import vehicleQuestionsMixin from "@/mixins/vehicle-questions-mixin";
|
import vehicleQuestionsMixin from '@/mixins/vehicle-questions-mixin.js';
|
||||||
|
import baseFormMixin from '@/mixins/base-form-mixin.js';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'coverage-statement',
|
name: 'coverage-statement',
|
||||||
mixins: [baseFormMixin, vehicleQuestionsMixin],
|
components: {
|
||||||
components: {
|
siteFooter,
|
||||||
siteFooter,
|
siteHeader,
|
||||||
siteHeader,
|
// eslint-disable-next-line vue/no-reserved-component-names
|
||||||
siteSubHeader,
|
Form,
|
||||||
Form,
|
textBlock,
|
||||||
textBlock,
|
recalModal,
|
||||||
recalModal,
|
steeringText
|
||||||
steeringText
|
},
|
||||||
},
|
mixins: [baseFormMixin, vehicleQuestionsMixin],
|
||||||
mounted() {
|
async beforeRouteEnter(to, from, next) {
|
||||||
setupModalLinks(this);
|
// Call APIs
|
||||||
},
|
const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
|
||||||
computed: {
|
|
||||||
bodyText() {
|
|
||||||
if (useMainStore().damage.isRepair) {
|
|
||||||
return this.unverifiedNonADASRepairBodyText;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
let parts = useMainStore().lineItems.glassParts;
|
|
||||||
|
|
||||||
// if ADAS, display ADASNextSteps
|
// Settle promises and get results
|
||||||
if (parts != null && parts.filter(part => part.requiresRecalibration).length > 0) {
|
const promiseResultMap = [
|
||||||
return this.unverifiedADASNextStepsBodyText;
|
{
|
||||||
}
|
resultKey: 'cmsContent',
|
||||||
// if non-ADAS, display NonADASNextSteps
|
promise: cmsContentPromise
|
||||||
else {
|
}
|
||||||
return this.unverifiedNonADASNextStepsBodyText;
|
];
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
continueWithSchedulingBodyText() {
|
|
||||||
return this.getCmsContent("continueWithSchedulingCopy", "BodyText");
|
|
||||||
},
|
|
||||||
unverifiedADASNextStepsBodyText() {
|
|
||||||
return this.getCmsContent("UnverifiedADASNextStepsWidget", "BodyText").replaceAll("{custom:damage}", this.damageText);
|
|
||||||
},
|
|
||||||
unverifiedNonADASNextStepsBodyText() {
|
|
||||||
return this.getCmsContent("UnverifiedNonADASNextStepsWidget", "BodyText").replaceAll("{custom:damage}", this.damageText);
|
|
||||||
},
|
|
||||||
unverifiedNonADASRepairBodyText() {
|
|
||||||
return this.getCmsContent("UnverifiedNonADASRepairWidget", "BodyText");
|
|
||||||
},
|
|
||||||
damageText() {
|
|
||||||
var damageString = getDamageString();
|
|
||||||
return damageString == "match" ? "" : damageString;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
async beforeRouteEnter(to, from, next) {
|
|
||||||
// Call APIs
|
|
||||||
const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
|
|
||||||
|
|
||||||
// Settle promises and get results
|
if (useMainStore().isClaimRegistrationRequired && !useMainStore().policy.noCoverage) {
|
||||||
const promiseResultMap = [
|
const registerClaimResponse = await useMainStore().registerClaim();
|
||||||
{
|
promiseResultMap.push({
|
||||||
resultKey: 'cmsContent',
|
resultKey: 'registerClaim',
|
||||||
promise: cmsContentPromise,
|
promise: registerClaimResponse
|
||||||
},
|
});
|
||||||
];
|
}
|
||||||
|
|
||||||
if (useMainStore().isClaimRegistrationRequired){
|
const resultMap = await settleAllPromises(promiseResultMap);
|
||||||
const registerClaimResponse = await useMainStore().registerClaim();
|
|
||||||
promiseResultMap.push({
|
next((vm) => {
|
||||||
resultKey: 'registerClaim',
|
vm.setCmsContent(resultMap.cmsContent);
|
||||||
promise: registerClaimResponse,
|
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
|
computed: {
|
||||||
|
bodyText() {
|
||||||
|
if (useMainStore().damage.isRepair) {
|
||||||
|
return this.unverifiedNonADASRepairBodyText;
|
||||||
|
}
|
||||||
|
|
||||||
const resultMap = await settleAllPromises(promiseResultMap);
|
const parts = useMainStore().lineItems.glassParts;
|
||||||
|
|
||||||
next((vm) => {
|
// if ADAS, display ADASNextSteps
|
||||||
vm.setCmsContent(resultMap.cmsContent);
|
if (parts != null && parts.filter((part) =>
|
||||||
});
|
part.requiresRecalibration).length > 0) {
|
||||||
},
|
return this.unverifiedADASNextStepsBodyText;
|
||||||
methods: {
|
}
|
||||||
arePagePrerequisitesValid() {
|
// if non-ADAS, display NonADASNextSteps
|
||||||
if (useMainStore().vehicle.vin) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
|
|
||||||
async forwardButtonAction() {
|
return this.unverifiedNonADASNextStepsBodyText;
|
||||||
return this.navigateForward();
|
},
|
||||||
},
|
continueWithSchedulingBodyText() {
|
||||||
|
return this.getCmsContent('continueWithSchedulingCopy', 'BodyText');
|
||||||
|
},
|
||||||
|
unverifiedADASNextStepsBodyText() {
|
||||||
|
return this.getCmsContent('UnverifiedADASNextStepsWidget', 'BodyText').replaceAll('{custom:damage}', this.damageText);
|
||||||
|
},
|
||||||
|
unverifiedNonADASNextStepsBodyText() {
|
||||||
|
return this.getCmsContent('UnverifiedNonADASNextStepsWidget', 'BodyText').replaceAll('{custom:damage}', this.damageText);
|
||||||
|
},
|
||||||
|
unverifiedNonADASRepairBodyText() {
|
||||||
|
return this.getCmsContent('UnverifiedNonADASRepairWidget', 'BodyText');
|
||||||
|
},
|
||||||
|
damageText() {
|
||||||
|
const damageString = getDamageString();
|
||||||
|
return damageString === 'match' ? '' : damageString;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
setupModalLinks(this);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
arePagePrerequisitesValid() {
|
||||||
|
if (useMainStore().vehicle.vin) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
|
||||||
navigateForward() {
|
async forwardButtonAction() {
|
||||||
this.$router.navigate(
|
return this.navigateForward();
|
||||||
this.navigationScenarios.CLICKED_FORWARD,
|
},
|
||||||
this.$route
|
|
||||||
);
|
navigateForward() {
|
||||||
},
|
this.$router.navigate(this.navigationScenarios.CLICKED_FORWARD,
|
||||||
},
|
this.$route);
|
||||||
|
}
|
||||||
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -66,7 +66,7 @@ describe('policy-vehicles.vue', () => {
|
||||||
const expectedInput = {
|
const expectedInput = {
|
||||||
year: year,
|
year: year,
|
||||||
vin: vin,
|
vin: vin,
|
||||||
noCompensation: true,
|
noCoverage: true,
|
||||||
deductible: 0,
|
deductible: 0,
|
||||||
repairWaived: false
|
repairWaived: false
|
||||||
}
|
}
|
||||||
|
|
@ -89,7 +89,7 @@ describe('policy-vehicles.vue', () => {
|
||||||
//Arrange
|
//Arrange
|
||||||
const { wrapper } = setupMocks({});
|
const { wrapper } = setupMocks({});
|
||||||
|
|
||||||
const vin = getRandomString(17,17);
|
const vin = getRandomString(17, 17);
|
||||||
await wrapper.setData({
|
await wrapper.setData({
|
||||||
selectedVehicleVin: vin,
|
selectedVehicleVin: vin,
|
||||||
bailout: false
|
bailout: false
|
||||||
|
|
@ -130,24 +130,24 @@ describe('policy-vehicles.vue', () => {
|
||||||
{}
|
{}
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
})
|
});
|
||||||
|
|
||||||
describe('noCompensationForSelectedVehicle computed property', () => {
|
describe('noCoverageForSelectedVehicle computed property', () => {
|
||||||
it('No vehicle match => returns true', async () => {
|
it('No vehicle match => returns true', async () => {
|
||||||
// Arrange
|
// Arrange
|
||||||
const selectedVin = getRandomString(17,17);
|
const selectedVin = getRandomString(17, 17);
|
||||||
const otherVin = getRandomString(17,17);
|
const otherVin = getRandomString(17, 17);
|
||||||
const testValues = {
|
const testValues = {
|
||||||
selectedVehicleVin: selectedVin,
|
selectedVehicleVin: selectedVin,
|
||||||
policyVehicles: [
|
policyVehicles: [
|
||||||
{
|
{
|
||||||
vin: otherVin,
|
vin: otherVin
|
||||||
},
|
}
|
||||||
],
|
]
|
||||||
}
|
};
|
||||||
|
|
||||||
// Act
|
// Act
|
||||||
const result = policyVehicles.computed.noCompensationForSelectedVehicle.call(testValues);
|
const result = policyVehicles.computed.noCoverageForSelectedVehicle.call(testValues);
|
||||||
|
|
||||||
// Assert
|
// Assert
|
||||||
expect(result).toBeTruthy();
|
expect(result).toBeTruthy();
|
||||||
|
|
@ -155,19 +155,19 @@ describe('policy-vehicles.vue', () => {
|
||||||
|
|
||||||
it('Coverages list empty => true', () => {
|
it('Coverages list empty => true', () => {
|
||||||
// Arrange
|
// Arrange
|
||||||
const vin = getRandomString(17,17);
|
const vin = getRandomString(17, 17);
|
||||||
const testValues = {
|
const testValues = {
|
||||||
selectedVehicleVin: vin,
|
selectedVehicleVin: vin,
|
||||||
policyVehicles: [
|
policyVehicles: [
|
||||||
{
|
{
|
||||||
vin: vin,
|
vin,
|
||||||
coverages: []
|
coverages: []
|
||||||
},
|
}
|
||||||
],
|
]
|
||||||
}
|
};
|
||||||
|
|
||||||
// Act
|
// Act
|
||||||
const result = policyVehicles.computed.noCompensationForSelectedVehicle.call(testValues);
|
const result = policyVehicles.computed.noCoverageForSelectedVehicle.call(testValues);
|
||||||
|
|
||||||
// Assert
|
// Assert
|
||||||
expect(result).toBeTruthy();
|
expect(result).toBeTruthy();
|
||||||
|
|
@ -175,28 +175,28 @@ describe('policy-vehicles.vue', () => {
|
||||||
|
|
||||||
it('Coverages list non-empty => false', () => {
|
it('Coverages list non-empty => false', () => {
|
||||||
// Arrange
|
// Arrange
|
||||||
const vin = getRandomString(17,17);
|
const vin = getRandomString(17, 17);
|
||||||
const testValues = {
|
const testValues = {
|
||||||
selectedVehicleVin: vin,
|
selectedVehicleVin: vin,
|
||||||
policyVehicles: [
|
policyVehicles: [
|
||||||
{
|
{
|
||||||
vin: vin,
|
vin,
|
||||||
coverages: [
|
coverages: [
|
||||||
{
|
{
|
||||||
deductible: 0
|
deductible: 0
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
}
|
||||||
],
|
]
|
||||||
}
|
};
|
||||||
|
|
||||||
// Act
|
// Act
|
||||||
const result = policyVehicles.computed.noCompensationForSelectedVehicle.call(testValues);
|
const result = policyVehicles.computed.noCoverageForSelectedVehicle.call(testValues);
|
||||||
|
|
||||||
// Assert
|
// Assert
|
||||||
expect(result).toBeFalsy();
|
expect(result).toBeFalsy();
|
||||||
});
|
});
|
||||||
})
|
});
|
||||||
|
|
||||||
describe('deductibleForSelectedVehicle computed property', () => {
|
describe('deductibleForSelectedVehicle computed property', () => {
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -104,7 +104,7 @@ export default {
|
||||||
}) ?? [];
|
}) ?? [];
|
||||||
return mappedData;
|
return mappedData;
|
||||||
},
|
},
|
||||||
noCompensationForSelectedVehicle() {
|
noCoverageForSelectedVehicle() {
|
||||||
const vehicle = this.policyVehicles.find((policyVehicle) =>
|
const vehicle = this.policyVehicles.find((policyVehicle) =>
|
||||||
policyVehicle.vin === this.selectedVehicleVin);
|
policyVehicle.vin === this.selectedVehicleVin);
|
||||||
return (vehicle?.coverages?.length ?? 0) === 0;
|
return (vehicle?.coverages?.length ?? 0) === 0;
|
||||||
|
|
@ -174,7 +174,7 @@ export default {
|
||||||
|
|
||||||
this.vehicleFromLookup = Object.assign(vehicleLookupResponse.data, {
|
this.vehicleFromLookup = Object.assign(vehicleLookupResponse.data, {
|
||||||
vin: this.selectedVehicleVin,
|
vin: this.selectedVehicleVin,
|
||||||
noCompensation: this.noCompensationForSelectedVehicle,
|
noCoverage: this.noCoverageForSelectedVehicle,
|
||||||
deductible: this.deductibleForSelectedVehicle,
|
deductible: this.deductibleForSelectedVehicle,
|
||||||
repairWaived: this.repairWaivedForSelectedVehicle
|
repairWaived: this.repairWaivedForSelectedVehicle
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -53,7 +53,7 @@ const getDefaultState = () =>
|
||||||
damageState: null,
|
damageState: null,
|
||||||
damageCity: null,
|
damageCity: null,
|
||||||
isDamageGlassOnly: null,
|
isDamageGlassOnly: null,
|
||||||
noCompensation: null,
|
noCoverage: null,
|
||||||
deductible: {
|
deductible: {
|
||||||
repair: null, // numerical value; how much customer owes on deductible in repair case
|
repair: null, // numerical value; how much customer owes on deductible in repair case
|
||||||
replace: null // numerical value; how much customer owes on deductible in replace case,
|
replace: null // numerical value; how much customer owes on deductible in replace case,
|
||||||
|
|
@ -396,6 +396,10 @@ export const useMainStore = defineStore({
|
||||||
number: this.order.customer.phoneNumber?.replaceAll(nonNumberCharRegex, '') ?? ''
|
number: this.order.customer.phoneNumber?.replaceAll(nonNumberCharRegex, '') ?? ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
driver: {
|
||||||
|
firstName: this.order.customer.firstName,
|
||||||
|
lastName: this.order.customer.lastName
|
||||||
|
},
|
||||||
caller: {
|
caller: {
|
||||||
homePhone: {}
|
homePhone: {}
|
||||||
},
|
},
|
||||||
|
|
@ -424,11 +428,13 @@ export const useMainStore = defineStore({
|
||||||
}).then((response) => {
|
}).then((response) => {
|
||||||
const registerClaimFailed = response.data.isError;
|
const registerClaimFailed = response.data.isError;
|
||||||
this.order.payment.insuranceCoverage.isVerified = !registerClaimFailed;
|
this.order.payment.insuranceCoverage.isVerified = !registerClaimFailed;
|
||||||
this.order.payment.insuranceCoverage.coverageStatus = registerClaimFailed
|
if (registerClaimFailed) {
|
||||||
? coverageStatuses.PENDING
|
this.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.PENDING;
|
||||||
: this.policy.noCompensation
|
} else if (this.policy.noCoverage) {
|
||||||
? coverageStatuses.NO_COMP
|
this.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.NO_COMP;
|
||||||
: coverageStatuses.VERIFIED;
|
} else {
|
||||||
|
this.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.VERIFIED;
|
||||||
|
}
|
||||||
}, (error) => {
|
}, (error) => {
|
||||||
this.order.payment.insuranceCoverage.isVerified = false;
|
this.order.payment.insuranceCoverage.isVerified = false;
|
||||||
this.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.PENDING;
|
this.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.PENDING;
|
||||||
|
|
@ -764,7 +770,7 @@ export const useMainStore = defineStore({
|
||||||
this.order.vehicle.imageColor = vehicle.imageVifColor;
|
this.order.vehicle.imageColor = vehicle.imageVifColor;
|
||||||
|
|
||||||
// These could be undefined
|
// These could be undefined
|
||||||
this.order.policy.noCompensation = vehicle.noCoverage;
|
this.order.policy.noCoverage = vehicle.noCoverage;
|
||||||
this.order.policy.deductible.replace = vehicle.deductible;
|
this.order.policy.deductible.replace = vehicle.deductible;
|
||||||
this.order.policy.deductible.repair = vehicle?.repairWaived ?? false ? 0 : vehicle.deductible;
|
this.order.policy.deductible.repair = vehicle?.repairWaived ?? false ? 0 : vehicle.deductible;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
import { useMainStore } from '@/store';
|
import { useMainStore } from '@/store/index.js';
|
||||||
import { setActivePinia, createPinia } from 'pinia';
|
import { setActivePinia, createPinia } from 'pinia';
|
||||||
import globalMethods from '@/global-methods';
|
import globalMethods from '@/global-methods.js';
|
||||||
import { getRandomString, getRandomGuid, getRandomInt, getRandomBoolean } from '@/helpers/data-generation';
|
import { getRandomString, getRandomGuid, getRandomInt, getRandomBoolean } from '@/helpers/data-generation.js';
|
||||||
import { coverageStatuses } from '@/constants/coverage-statuses.js';
|
import { coverageStatuses } from '@/constants/coverage-statuses.js';
|
||||||
|
|
||||||
describe('Store', () => {
|
describe('Store', () => {
|
||||||
|
|
@ -29,15 +29,15 @@ describe('Store', () => {
|
||||||
const copy = getRandomString(5, 25);
|
const copy = getRandomString(5, 25);
|
||||||
const headline = getRandomString(5, 25);
|
const headline = getRandomString(5, 25);
|
||||||
const type = getRandomString(5, 15);
|
const type = getRandomString(5, 15);
|
||||||
let event = {
|
const event = {
|
||||||
category: category,
|
category,
|
||||||
subCategory: subCategory,
|
subCategory,
|
||||||
eventValue: {
|
eventValue: {
|
||||||
isDismissible: isDismissible,
|
isDismissible,
|
||||||
messageCopy: copy,
|
messageCopy: copy,
|
||||||
messageHeadline: headline,
|
messageHeadline: headline,
|
||||||
type: type,
|
type
|
||||||
},
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// Act
|
// Act
|
||||||
|
|
@ -55,15 +55,15 @@ describe('Store', () => {
|
||||||
const copy = getRandomString(5, 25);
|
const copy = getRandomString(5, 25);
|
||||||
const headline = getRandomString(5, 25);
|
const headline = getRandomString(5, 25);
|
||||||
const type = getRandomString(5, 15);
|
const type = getRandomString(5, 15);
|
||||||
let event = {
|
const event = {
|
||||||
category: category,
|
category,
|
||||||
subCategory: subCategory,
|
subCategory,
|
||||||
eventValue: {
|
eventValue: {
|
||||||
isDismissible: isDismissible,
|
isDismissible,
|
||||||
messageCopy: copy,
|
messageCopy: copy,
|
||||||
messageHeadline: headline,
|
messageHeadline: headline,
|
||||||
type: type,
|
type
|
||||||
},
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
store.addEventToBus(event);
|
store.addEventToBus(event);
|
||||||
|
|
@ -85,21 +85,21 @@ describe('Store', () => {
|
||||||
const copy = getRandomString(5, 25);
|
const copy = getRandomString(5, 25);
|
||||||
const headline = getRandomString(5, 25);
|
const headline = getRandomString(5, 25);
|
||||||
const type = getRandomString(5, 15);
|
const type = getRandomString(5, 15);
|
||||||
let event = {
|
const event = {
|
||||||
category: category,
|
category,
|
||||||
subCategory: subCategory,
|
subCategory,
|
||||||
eventValue: {
|
eventValue: {
|
||||||
isDismissible: isDismissible,
|
isDismissible,
|
||||||
messageCopy: copy,
|
messageCopy: copy,
|
||||||
messageHeadline: headline,
|
messageHeadline: headline,
|
||||||
type: type,
|
type
|
||||||
},
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
store.addEventToBus(event);
|
store.addEventToBus(event);
|
||||||
|
|
||||||
// Act
|
// Act
|
||||||
const actual = store.eventBusItem(event.category, event.subCategory)
|
const actual = store.eventBusItem(event.category, event.subCategory);
|
||||||
|
|
||||||
// Assert
|
// Assert
|
||||||
expect(actual).toEqual(event.eventValue);
|
expect(actual).toEqual(event.eventValue);
|
||||||
|
|
@ -107,38 +107,38 @@ describe('Store', () => {
|
||||||
|
|
||||||
it('UpdateVehicle should merge vehicle with response object', () => {
|
it('UpdateVehicle should merge vehicle with response object', () => {
|
||||||
// Arrange
|
// Arrange
|
||||||
const carId = getRandomString(10,14);
|
const carId = getRandomString(10, 14);
|
||||||
const category = getRandomString(3,7);
|
const category = getRandomString(3, 7);
|
||||||
const year = getRandomInt(1960, 2023);
|
const year = getRandomInt(1960, 2023);
|
||||||
const make = getRandomString(4,10);
|
const make = getRandomString(4, 10);
|
||||||
const model = getRandomString(4,10);
|
const model = getRandomString(4, 10);
|
||||||
const style = getRandomString(4,15);
|
const style = getRandomString(4, 15);
|
||||||
const imageUrl = getRandomString(50,100);
|
const imageUrl = getRandomString(50, 100);
|
||||||
const imageVifNumber = getRandomInt(10000,99999).toString();
|
const imageVifNumber = getRandomInt(10000, 99999).toString();
|
||||||
const imageColor = getRandomString(4,10);
|
const imageColor = getRandomString(4, 10);
|
||||||
const providedVehicle = {
|
const providedVehicle = {
|
||||||
carId: carId,
|
carId,
|
||||||
category: category,
|
category,
|
||||||
year: year,
|
year,
|
||||||
make: make,
|
make,
|
||||||
model: model,
|
model,
|
||||||
style: style,
|
style,
|
||||||
imageUrl: imageUrl,
|
imageUrl,
|
||||||
imageVifNumber: imageVifNumber,
|
imageVifNumber,
|
||||||
imageVifColor: imageColor
|
imageVifColor: imageColor
|
||||||
};
|
};
|
||||||
|
|
||||||
const expectedVehicle = {
|
const expectedVehicle = {
|
||||||
carId: carId,
|
carId,
|
||||||
category: category,
|
category,
|
||||||
year: year,
|
year,
|
||||||
make: make,
|
make,
|
||||||
model: model,
|
model,
|
||||||
style: style,
|
style,
|
||||||
imageUrl: imageUrl,
|
imageUrl,
|
||||||
imageVifNumber: imageVifNumber,
|
imageVifNumber,
|
||||||
imageColor: imageColor
|
imageColor
|
||||||
}
|
};
|
||||||
|
|
||||||
// Act
|
// Act
|
||||||
store.updateVehicle(providedVehicle);
|
store.updateVehicle(providedVehicle);
|
||||||
|
|
@ -149,16 +149,16 @@ describe('Store', () => {
|
||||||
|
|
||||||
it('UpdateVehicle should set policy values appropriately with repair waived', () => {
|
it('UpdateVehicle should set policy values appropriately with repair waived', () => {
|
||||||
// Arrange
|
// Arrange
|
||||||
const noCompensation = getRandomBoolean();
|
const noCoverage = getRandomBoolean();
|
||||||
const deductible = getRandomInt(1,500);
|
const deductible = getRandomInt(1, 500);
|
||||||
const vehicle = {
|
const vehicle = {
|
||||||
noCoverage: noCompensation,
|
noCoverage,
|
||||||
deductible: deductible,
|
deductible,
|
||||||
repairWaived: true
|
repairWaived: true
|
||||||
};
|
};
|
||||||
|
|
||||||
const expectedPolicy = {
|
const expectedPolicy = {
|
||||||
noCompensation: noCompensation,
|
noCoverage,
|
||||||
deductible: {
|
deductible: {
|
||||||
replace: deductible,
|
replace: deductible,
|
||||||
repair: 0
|
repair: 0
|
||||||
|
|
@ -174,16 +174,16 @@ describe('Store', () => {
|
||||||
|
|
||||||
it('UpdateVehicle should set policy values appropriately with repair not waived', () => {
|
it('UpdateVehicle should set policy values appropriately with repair not waived', () => {
|
||||||
// Arrange
|
// Arrange
|
||||||
const noCompensation = getRandomBoolean();
|
const noCoverage = getRandomBoolean();
|
||||||
const deductible = getRandomInt(1,500);
|
const deductible = getRandomInt(1, 500);
|
||||||
const vehicle = {
|
const vehicle = {
|
||||||
noCoverage: noCompensation,
|
noCoverage,
|
||||||
deductible: deductible,
|
deductible,
|
||||||
repairWaived: false
|
repairWaived: false
|
||||||
};
|
};
|
||||||
|
|
||||||
const expectedPolicy = {
|
const expectedPolicy = {
|
||||||
noCompensation: noCompensation,
|
noCoverage,
|
||||||
deductible: {
|
deductible: {
|
||||||
replace: deductible,
|
replace: deductible,
|
||||||
repair: deductible
|
repair: deductible
|
||||||
|
|
@ -200,25 +200,25 @@ describe('Store', () => {
|
||||||
// TODO update test to work also checking store values
|
// TODO update test to work also checking store values
|
||||||
it('setVehicle should call globalMethods.callHttpClient', () => {
|
it('setVehicle should call globalMethods.callHttpClient', () => {
|
||||||
// Arrange
|
// Arrange
|
||||||
const carId = getRandomString(10,14);
|
const carId = getRandomString(10, 14);
|
||||||
const category = getRandomString(3,7);
|
const category = getRandomString(3, 7);
|
||||||
const year = getRandomInt(1960, 2023);
|
const year = getRandomInt(1960, 2023);
|
||||||
const make = getRandomString(4,10);
|
const make = getRandomString(4, 10);
|
||||||
const model = getRandomString(4,10);
|
const model = getRandomString(4, 10);
|
||||||
const style = getRandomString(4,15);
|
const style = getRandomString(4, 15);
|
||||||
const imageUrl = getRandomString(50,100);
|
const imageUrl = getRandomString(50, 100);
|
||||||
const imageVifNumber = getRandomInt(10000,99999).toString();
|
const imageVifNumber = getRandomInt(10000, 99999).toString();
|
||||||
const imageColor = getRandomString(4,10);
|
const imageColor = getRandomString(4, 10);
|
||||||
const response = {
|
const response = {
|
||||||
data: {
|
data: {
|
||||||
carId: carId,
|
carId,
|
||||||
category: category,
|
category,
|
||||||
year: year,
|
year,
|
||||||
make: make,
|
make,
|
||||||
model: model,
|
model,
|
||||||
style: style,
|
style,
|
||||||
imageUrl: imageUrl,
|
imageUrl,
|
||||||
imageVifNumber: imageVifNumber,
|
imageVifNumber,
|
||||||
imageVifColor: imageColor
|
imageVifColor: imageColor
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
@ -235,14 +235,14 @@ describe('Store', () => {
|
||||||
|
|
||||||
it('saveVehicleDamage with windshield repair should update damage with number of chips not null', () => {
|
it('saveVehicleDamage with windshield repair should update damage with number of chips not null', () => {
|
||||||
// Arrange
|
// Arrange
|
||||||
const glassName = getRandomString(4,10);
|
const glassName = getRandomString(4, 10);
|
||||||
const glassLocation = getRandomString(5,15);
|
const glassLocation = getRandomString(5, 15);
|
||||||
const isWindshieldRepair = true;
|
const isWindshieldRepair = true;
|
||||||
const selectedGlassToReplace = [{
|
const selectedGlassToReplace = [{
|
||||||
glassName: glassName,
|
glassName,
|
||||||
glassLocation: glassLocation
|
glassLocation
|
||||||
}];
|
}];
|
||||||
const chipCount = getRandomInt(0,3);
|
const chipCount = getRandomInt(0, 3);
|
||||||
|
|
||||||
// Act
|
// Act
|
||||||
store.saveVehicleDamage(isWindshieldRepair, selectedGlassToReplace, chipCount);
|
store.saveVehicleDamage(isWindshieldRepair, selectedGlassToReplace, chipCount);
|
||||||
|
|
@ -255,14 +255,14 @@ describe('Store', () => {
|
||||||
|
|
||||||
it('saveVehicleDamage without windshield repair should update damage with number of chips null', () => {
|
it('saveVehicleDamage without windshield repair should update damage with number of chips null', () => {
|
||||||
// Arrange
|
// Arrange
|
||||||
const glassName = getRandomString(4,10);
|
const glassName = getRandomString(4, 10);
|
||||||
const glassLocation = getRandomString(5,15);
|
const glassLocation = getRandomString(5, 15);
|
||||||
const isWindshieldRepair = false;
|
const isWindshieldRepair = false;
|
||||||
const selectedGlassToReplace = [{
|
const selectedGlassToReplace = [{
|
||||||
glassName: glassName,
|
glassName,
|
||||||
glassLocation: glassLocation
|
glassLocation
|
||||||
}];
|
}];
|
||||||
const chipCount = getRandomInt(0,3);
|
const chipCount = getRandomInt(0, 3);
|
||||||
|
|
||||||
const expectedChipCount = null;
|
const expectedChipCount = null;
|
||||||
|
|
||||||
|
|
@ -276,77 +276,77 @@ describe('Store', () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should return registration data if available', () => {
|
it('should return registration data if available', () => {
|
||||||
//Arrange
|
// Arrange
|
||||||
const streetAddress = getRandomString(5,15);
|
const streetAddress = getRandomString(5, 15);
|
||||||
const city = getRandomString(5,15);
|
const city = getRandomString(5, 15);
|
||||||
const state = getRandomString(5,10);
|
const state = getRandomString(5, 10);
|
||||||
const zipCode = getRandomInt(10000,99999).toString();
|
const zipCode = getRandomInt(10000, 99999).toString();
|
||||||
const firstName = getRandomString(5,20);
|
const firstName = getRandomString(5, 20);
|
||||||
const lastName = getRandomString(5,20);
|
const lastName = getRandomString(5, 20);
|
||||||
const expected = {
|
const expected = {
|
||||||
addressQuestions: {
|
addressQuestions: {
|
||||||
streetAddress: streetAddress,
|
streetAddress,
|
||||||
city: city,
|
city,
|
||||||
state: state,
|
state,
|
||||||
zipCode: zipCode,
|
zipCode
|
||||||
},
|
},
|
||||||
firstName: firstName,
|
firstName,
|
||||||
lastName: lastName,
|
lastName
|
||||||
}
|
};
|
||||||
|
|
||||||
store.order.vehicle.registration = {
|
store.order.vehicle.registration = {
|
||||||
licensePlate: null,
|
licensePlate: null,
|
||||||
address: streetAddress,
|
address: streetAddress,
|
||||||
city: city,
|
city,
|
||||||
state: state,
|
state,
|
||||||
zipCode: zipCode,
|
zipCode,
|
||||||
firstName: firstName,
|
firstName,
|
||||||
lastName: lastName,
|
lastName
|
||||||
};
|
};
|
||||||
|
|
||||||
//Act
|
// Act
|
||||||
const actual = store.customerData;
|
const actual = store.customerData;
|
||||||
|
|
||||||
//Assert
|
// Assert
|
||||||
expect(actual).toEqual(expected);
|
expect(actual).toEqual(expected);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should return customer data if registration data unavailable', () => {
|
it('should return customer data if registration data unavailable', () => {
|
||||||
//Arrange
|
// Arrange
|
||||||
const address = getRandomString(1,25);
|
const address = getRandomString(1, 25);
|
||||||
const city = getRandomString(5,20);
|
const city = getRandomString(5, 20);
|
||||||
const state = getRandomString(4,20);
|
const state = getRandomString(4, 20);
|
||||||
const zipCode = getRandomInt(10000, 99999).toString();
|
const zipCode = getRandomInt(10000, 99999).toString();
|
||||||
const firstName = getRandomString(5,25);
|
const firstName = getRandomString(5, 25);
|
||||||
const lastName = getRandomString(5,25);
|
const lastName = getRandomString(5, 25);
|
||||||
const expected = {
|
const expected = {
|
||||||
addressQuestions: {
|
addressQuestions: {
|
||||||
streetAddress: address,
|
streetAddress: address,
|
||||||
city: city,
|
city,
|
||||||
state: state,
|
state,
|
||||||
zipCode: zipCode,
|
zipCode
|
||||||
},
|
},
|
||||||
firstName: firstName,
|
firstName,
|
||||||
lastName: lastName,
|
lastName
|
||||||
}
|
};
|
||||||
|
|
||||||
store.order.vehicle.registration.address = null;
|
store.order.vehicle.registration.address = null;
|
||||||
|
|
||||||
store.order.customer = {
|
store.order.customer = {
|
||||||
address: {
|
address: {
|
||||||
streetAddress: address,
|
streetAddress: address,
|
||||||
city: city,
|
city,
|
||||||
state: state,
|
state,
|
||||||
zipCode: zipCode
|
zipCode
|
||||||
},
|
},
|
||||||
firstName: firstName,
|
firstName,
|
||||||
lastName: lastName
|
lastName
|
||||||
};
|
};
|
||||||
|
|
||||||
//Act
|
// Act
|
||||||
const actual = store.customerData;
|
const actual = store.customerData;
|
||||||
|
|
||||||
//Assert
|
// Assert
|
||||||
expect(actual).toMatchObject(expected);
|
expect(actual).toMatchObject(expected);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -364,7 +364,7 @@ describe('Store', () => {
|
||||||
deductible: 0
|
deductible: 0
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
store.policy.noCompensation = true;
|
store.policy.noCoverage = true;
|
||||||
|
|
||||||
globalMethods.callHttpClient = jest.fn().mockReturnValue(Promise.resolve(response));
|
globalMethods.callHttpClient = jest.fn().mockReturnValue(Promise.resolve(response));
|
||||||
|
|
||||||
|
|
@ -390,7 +390,7 @@ describe('Store', () => {
|
||||||
deductible: 0
|
deductible: 0
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
store.policy.noCompensation = false;
|
store.policy.noCoverage = false;
|
||||||
|
|
||||||
globalMethods.callHttpClient = jest.fn().mockReturnValue(Promise.resolve(response));
|
globalMethods.callHttpClient = jest.fn().mockReturnValue(Promise.resolve(response));
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue