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

Fixing bugs with coverage statement

Browse source
This commit is contained in:
brydon1 2023-07-24 17:43:32 -04:00
parent ef410f4fcb
commit 76d909908e
8 changed files with 155 additions and 112 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/iss-components/loading-modal/loading-modal.spec.js
View file

@ -5,6 +5,14 @@ import { getMountOptions } from '@/helpers/unit-test-helper.js';
jest.mock('@/assets/img/loader.gif', () => 'loader.gif');
jest.mock('@/assets/img/windshield.png', () => 'windshield.png');
function setupMocks() {
const mountOptions = getMountOptions({
});
const wrapper = shallowMount(loadingModal, mountOptions);
return { wrapper };
}
describe('loadingModal', () => {
test('showModal sets modal visible', async () => {
// Arrange
@ -18,12 +26,16 @@ describe('loadingModal', () => {
expect(wrapper.vm.isModalVisible).toEqual(true);
wrapper.unmount();
});
});
test('hideModal sets modal invisible', async () => {
// Arrange
const { wrapper } = setupMocks();
wrapper.vm.isModalVisible = true;
function setupMocks() {
const mountOptions = getMountOptions({
// Act
wrapper.vm.hideModal();
// Assert
expect(wrapper.vm.isModalVisible).toEqual(false);
wrapper.unmount();
});
const wrapper = shallowMount(loadingModal, mountOptions);
return { wrapper };
}
});

21
src/iss-components/loading-modal/loading-modal.vue
View file

@ -12,7 +12,16 @@
<div class="row">
<div class="col">
<div class="text-container slide">
<p>
<p
v-for="text in textSlides"
:key="text">
{{ text }}
<span class="dot-1">.</span>
<span class="dot-2">.</span>
<span class="dot-3">.</span>
</p>
<!-- <p>
Finding shops near you
<span class="dot-1">.</span>
<span class="dot-2">.</span>
@ -41,7 +50,7 @@
<span class="dot-1">.</span>
<span class="dot-2">.</span>
<span class="dot-3">.</span>
</p>
</p> -->
</div>
</div>
</div>
@ -52,7 +61,10 @@
<script>
export default {
name: 'Modal',
name: 'loading-modal',
props: {
textSlides: Array
},
data() {
return {
isModalVisible: false
@ -74,6 +86,9 @@ export default {
},
false
);
},
hideModal() {
this.isModalVisible = false;
}
}
};

7
src/iss-components/questions-page-layout/questions-page-layout.vue
View file

@ -1,7 +1,9 @@
<template>
<div :class="`page-container-grouped-styles questions-page`">
<div class="fade-on-route-transition position-relative">
<loadingModal ref="loadingModal" />
<loadingModal
ref="loadingModal"
:textSlides="loadingText" />
<siteHeader cmsWidgetName="SiteHeaderWidget" />
<div class="select-car">
<div class="container-fluid pb-2">
@ -52,7 +54,7 @@ import alert from '@/ux-components/alert/alert';
import questionChain from '@/digital-components/question-chain/question-chain';
import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header';
import siteFooter from '@/iss-components/site-footer/site-footer';
import loadingModal from '@/iss-components/loading-modal/loading-modal.vue';
import loadingModal from '@/iss-components/loading-modal/loading-modal';
export default {
name: 'questions-page',
@ -63,6 +65,7 @@ export default {
questionsData: Array,
validationRules: String,
modelValue: Object,
loadingText: Array,
index: Number
},
computed: {

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

@ -6,6 +6,9 @@
@invalidSubmit="onInvalidSubmit">
<div class="page-container-grouped-styles">
<div class="fade-on-route-transition position-relative">
<loadingModal
ref="loadingModal"
:textSlides="loadingText" />
<siteHeader cmsWidgetName="SiteHeaderWidget" />
<div class="select-car">
<div class="container-fluid pb-2">
@ -102,6 +105,7 @@ import recalModal from '@/layouts/coverage-statement/recal-modal/recal-modal';
import alert from '@/ux-components/alert/alert';
import contentGroupModal from '@/iss-components/content-group-modal/content-group-modal';
import buttonQuestion from '@/digital-components/button-question/button-question';
import loadingModal from '@/iss-components/loading-modal/loading-modal';
// Import Supporting Files
import { fetchCmsContentForPage, setupModalLinks, processIfStatements } from '@/helpers/cms-content-helper.js';
@ -124,11 +128,12 @@ export default {
recalModal,
alert,
contentGroupModal,
buttonQuestion
buttonQuestion,
loadingModal
},
mixins: [baseFormMixin, vehicleQuestionsMixin],
async beforeRouteEnter(to, from, next) {
// Call APIs
async beforeRouteEnter(to, _from, next) {
// Call APIs
const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
const supportingItemsPromise = await store.getSupportingItems();
@ -145,18 +150,7 @@ export default {
}
];
if (useMainStore().policy.policyLookupSuccessful
&& useMainStore().isClaimRegistrationRequired
&& !useMainStore().policy.noCoverage) {
const registerClaimResponse = await useMainStore().registerClaim();
promiseResultMap.push({
resultKey: 'registerClaim',
promise: registerClaimResponse
});
}
const resultMap = await settleAllPromises(promiseResultMap);
const clonedGlassParts = store.order.lineItems.glassParts
? JSON.parse(JSON.stringify(store.order.lineItems.glassParts))
: [];
@ -170,19 +164,21 @@ export default {
// Call the "next" function to complete the transition to this page.
next((vm) => {
vm.setCmsContent(resultMap.cmsContent);
vm.pricedGlassParts = clonedGlassParts;
vm.supportingItems = resultMap.supportingItems;
vm.availableLineItems = pricingResults;
});
},
data() {
return {
isVerified: store.order.payment.insuranceCoverage.isVerified,
supportingItems: [],
pricedGlassParts: [],
availableLineItems: [],
selectedProvider: '',
deductibleText: 'Your deductible is:',
isLoading: true,
loadingText: [
'Connecting to your insurance company',
'Nearly there',
'Finishing up'
],
rules: {
selectionRequired: globalRules.OPTION_REQUIRED
}
@ -249,22 +245,16 @@ export default {
return this.getDeductibleString(this.vehicleDeductible);
},
isDeductibleZero() {
if (this.coverageVerified && this.verifiedDeductible) {
return this.vehicleDeductible === 0;
}
return null;
return this.verifiedDeductible && this.vehicleDeductible === 0;
},
deductibleOverZero() {
if (this.coverageVerified && this.verifiedDeductible) {
return !this.isDeductibleZero;
}
return null;
return this.verifiedDeductible && !this.isDeductibleZero;
},
coverageVerified() {
return this.isVerified;
return useMainStore().order.policy.policyLookupSuccessful;
},
coverageUnverified() {
return !this.isVerified;
return !this.coverageVerified;
},
verifiedNoComp() {
return this.coverageVerified ? store.order.policy.noCoverage : false;
@ -331,7 +321,19 @@ export default {
}
},
mounted() {
this.$refs.loadingModal.showModal();
setupModalLinks(this);
const vm = this;
if (useMainStore().policy.coverageVerified
&& useMainStore().isClaimRegistrationRequired
&& !useMainStore().policy.noCoverage) {
useMainStore().registerClaim().then((r) => {
vm.$refs.loadingModal.hideModal();
return r;
});
} else {
vm.$refs.loadingModal.hideModal();
}
},
methods: {
arePagePrerequisitesValid() {
@ -344,7 +346,7 @@ export default {
return this.navigateForward();
},
async navigateForward() {
if (this.coverageUnverified || this.verifiedDeductible) {
if (!this.coverageVerified || this.verifiedDeductible) {
this.$router.navigate(this.navigationScenarios.CLICKED_FORWARD,
this.$route);
} else if (this.verifiedITAC || this.verifiedNoComp) {

20
src/layouts/service-packages/service-packages.vue
View file

@ -5,8 +5,7 @@
<siteHeader cmsWidgetName="SiteHeaderWidget" />
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget"
justification="left"
issContainingPage="service-packages"
/>
issContainingPage="service-packages" />
<div class="mx-5">
<servicePackageQuestion ref="servicePackage"
cmsWidgetName="ServicePackage"
@ -25,7 +24,9 @@
</div>
</div>
</div>
<loadingModal ref="loadingModal" />
<loadingModal
ref="loadingModal"
:textSlides="loadingText" />
<contentGroupModal ref="RainDefenseModal" cmsWidgetName="RainDefenseModal" />
<contentGroupModal ref="FrontWiperModal" cmsWidgetName="FrontWiperModal" />
<contentGroupModal ref="RearWiperModal" cmsWidgetName="RearWiperModal" />
@ -108,10 +109,17 @@ export default {
},
data() {
return {
selectedVaps: [],
selectedVaps: [],
availableLineItems: [],
supportingItems: [],
pricedGlassParts: [],
supportingItems: [],
pricedGlassParts: [],
loadingText: [
'Finding shops near you',
'Looking for dates',
'Searching for times',
'Nearly there',
'Finishing up'
],
rules: {
optionRequired: globalRules.OPTION_REQUIRED
}

1
src/layouts/vehicle-lookup/vehicle-lookup.vue
View file

@ -89,7 +89,6 @@ export default {
forwardButtonAction() {
switch (this.selectedVinLookupMethod) {
case vinLookupMethodSelections.MANUALVIN:
useMainStore().updateVehicleVin(null);
this.$router.navigate(this.navigationScenarios.SELECTED_MANUAL_VIN, this.$route);
break;
case vinLookupMethodSelections.LICENSEPLATE:

6
src/layouts/vin-lookup/vin-lookup.vue
View file

@ -159,7 +159,7 @@ export default {
// because the form itself actually passes its client-side validation.
// SSR-189 Scenario #4.
this.$refs.siteFooter.enableForwardAction();
this.bailout = true
this.bailout = true;
}
if (this.bailout) {
@ -190,8 +190,8 @@ export default {
let isSelectedGlassAvailableForVehicle = true;
if (this.isCarIdDifferentFromTheStore) {
isSelectedGlassAvailableForVehicle =
await isGlassAvailableForCarId(this.vehicleFromLookup.carId);
isSelectedGlassAvailableForVehicle
= await isGlassAvailableForCarId(this.vehicleFromLookup.carId);
}
// navigate back to vehicle-damage

126
src/store/index.js
View file

@ -381,71 +381,75 @@ export const useMainStore = defineStore({
// TODO: replace place holder correlationId with the real thing
const placeHolderCorrelationId = '00000000-0000-0000-0000-000000000000';
const nonNumberCharRegex = /[^0-9]/g;
const order = this.order;
globalMethods.callHttpClient({
method: endpoints.RegisterClaim.method,
endpoint: endpoints.RegisterClaim.url,
payload:
{
correlationId: placeHolderCorrelationId,
accountNumber: this.issConfig.accountNumber?.toString() ?? '',
insured: {
firstName: this.order.customer.firstName,
lastName: this.order.customer.lastName,
address: {
addressLine1: this.order.customer.address.streetAddress,
addressLine2: this.order.customer.address.streetAddress2,
city: this.order.customer.address.city,
state: this.order.customer.address.state,
zipCode: this.order.customer.address.zipCode,
country: 'US' // TODO set from store
const { order } = this;
return new Promise((resolve, reject) => {
globalMethods.callHttpClient({
method: endpoints.RegisterClaim.method,
endpoint: endpoints.RegisterClaim.url,
payload:
{
correlationId: placeHolderCorrelationId,
accountNumber: this.issConfig.accountNumber?.toString() ?? '',
insured: {
firstName: this.order.customer.firstName,
lastName: this.order.customer.lastName,
address: {
addressLine1: this.order.customer.address.streetAddress,
addressLine2: this.order.customer.address.streetAddress2,
city: this.order.customer.address.city,
state: this.order.customer.address.state,
zipCode: this.order.customer.address.zipCode,
country: 'US' // TODO set from store
},
homePhone: {
number: this.order.customer.phoneNumber?.replaceAll(nonNumberCharRegex, '') ?? ''
}
},
homePhone: {
number: this.order.customer.phoneNumber?.replaceAll(nonNumberCharRegex, '') ?? ''
driver: {
firstName: this.order.customer.firstName,
lastName: this.order.customer.lastName
},
caller: {
homePhone: {}
},
policyInfo: {
policyNumber: this.order.policy.policyNumber,
safelitePolicy: {
policies: []
}
},
lossInfo: {
dateOfLoss: this.order.policy.dateOfLoss,
location: {
city: this.order.policy.damageCity,
state: this.order.policy.damageState,
country: 'US' // TODO set from store
},
vehicle: {
year: this.order.vehicle.year?.toString() ?? '',
make: this.order.vehicle.make,
model: this.order.vehicle.model,
vin: this.order.vehicle.vin
},
damageDescription: this.order.policy.damageCause
}
},
driver: {
firstName: this.order.customer.firstName,
lastName: this.order.customer.lastName
},
caller: {
homePhone: {}
},
policyInfo: {
policyNumber: this.order.policy.policyNumber,
safelitePolicy: {
policies: []
}
},
lossInfo: {
dateOfLoss: this.order.policy.dateOfLoss,
location: {
city: this.order.policy.damageCity,
state: this.order.policy.damageState,
country: 'US' // TODO set from store
},
vehicle: {
year: this.order.vehicle.year?.toString() ?? '',
make: this.order.vehicle.make,
model: this.order.vehicle.model,
vin: this.order.vehicle.vin
},
damageDescription: this.order.policy.damageCause
}
}
}).then((response) => {
const registerClaimFailed = response.data.isError;
order.payment.insuranceCoverage.isVerified = !registerClaimFailed;
if (registerClaimFailed) {
}).then((response) => {
const registerClaimFailed = response.data.isError;
order.payment.insuranceCoverage.isVerified = !registerClaimFailed;
if (registerClaimFailed) {
this.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.PENDING;
} else if (this.policy.noCoverage) {
this.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.NO_COMP;
} else {
this.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.VERIFIED;
}
return resolve(response);
}, (error) => {
this.order.payment.insuranceCoverage.isVerified = false;
this.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.PENDING;
} else if (this.policy.noCoverage) {
this.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.NO_COMP;
} else {
this.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.VERIFIED;
}
}, (error) => {
this.order.payment.insuranceCoverage.isVerified = false;
this.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.PENDING;
return reject(error.response);
});
});
},
async lookupVinByPlate(licensePlate, licenseState) {