Merge branch 'develop' into rlsmerge/2026.05.07-to-develop
This commit is contained in:
CarlNation
GitHub
commit
89b2d13727
59 changed files with 2921 additions and 102 deletions
|
|
@ -33,19 +33,20 @@ module.exports = {
|
|||
"!src/layouts/payment-pia-return/*.vue", // Temp test exclusion while in development
|
||||
"!src/layouts/insurance/*.vue", // Temp test exclusion while in development
|
||||
"!src/layouts/insurance-company/*.vue", // Temp test exclusion while in development
|
||||
"!src/digital-components/date-picker/**/*.vue", // Temp test exclusion while in development
|
||||
"!src/layouts/policy-info/*.vue",
|
||||
"!src/layouts/policy-vehicle/*.vue",
|
||||
"!src/layouts/policy-driver/*.vue",
|
||||
"!src/layouts/duplicate-check/*.vue",
|
||||
"!src/layouts/endorsements/*.vue",
|
||||
"!src/layouts/policy-info-submitted/*.vue",
|
||||
"!src/layouts/recalibration-info/*.vue",
|
||||
"!src/layouts/coverage-statement/*.vue",
|
||||
"!src/layouts/insurance-details/*.vue",
|
||||
"!src/layouts/verify-details/*.vue",
|
||||
"!src/layouts/insurance-company/insurance-company-question/*.vue", // Temp test exclusion while in development
|
||||
"!src/experiment-components/*.vue",
|
||||
// END
|
||||
], // ! means exclude from coverage.
|
||||
testMatch: ["**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],
|
||||
coverageThreshold: {
|
||||
global: {
|
||||
statements: 68,
|
||||
},
|
||||
},
|
||||
// Uncomment this to avoid the massive amount of warnings we are getting for onSubmit and onInvalidSubmit
|
||||
//silent: true,
|
||||
};
|
||||
|
||||
process.env = Object.assign(process.env, environmentVariablesWithDefaults);
|
||||
129
package-lock.json
generated
129
package-lock.json
generated
|
|
@ -10,6 +10,7 @@
|
|||
"dependencies": {
|
||||
"@adyen/adyen-web": "^6.27.0",
|
||||
"@iframe-resizer/child": "^5.3.3",
|
||||
"@vuepic/vue-datepicker": "^12.1.0",
|
||||
"axios": "^0.30.2",
|
||||
"bootstrap": "^5.3.3",
|
||||
"core-js": "^3.38.1",
|
||||
|
|
@ -1910,6 +1911,11 @@
|
|||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@date-fns/tz": {
|
||||
"version": "1.4.1",
|
||||
"resolved": "https://registry.npmjs.org/@date-fns/tz/-/tz-1.4.1.tgz",
|
||||
"integrity": "sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA=="
|
||||
},
|
||||
"node_modules/@discoveryjs/json-ext": {
|
||||
"version": "0.5.7",
|
||||
"resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
|
||||
|
|
@ -2045,6 +2051,63 @@
|
|||
"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@floating-ui/core": {
|
||||
"version": "1.7.5",
|
||||
"resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz",
|
||||
"integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==",
|
||||
"dependencies": {
|
||||
"@floating-ui/utils": "^0.2.11"
|
||||
}
|
||||
},
|
||||
"node_modules/@floating-ui/dom": {
|
||||
"version": "1.7.6",
|
||||
"resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.6.tgz",
|
||||
"integrity": "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==",
|
||||
"dependencies": {
|
||||
"@floating-ui/core": "^1.7.5",
|
||||
"@floating-ui/utils": "^0.2.11"
|
||||
}
|
||||
},
|
||||
"node_modules/@floating-ui/utils": {
|
||||
"version": "0.2.11",
|
||||
"resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz",
|
||||
"integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg=="
|
||||
},
|
||||
"node_modules/@floating-ui/vue": {
|
||||
"version": "1.1.11",
|
||||
"resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.11.tgz",
|
||||
"integrity": "sha512-HzHKCNVxnGS35r9fCHBc3+uCnjw9IWIlCPL683cGgM9Kgj2BiAl8x1mS7vtvP6F9S/e/q4O6MApwSHj8hNLGfw==",
|
||||
"dependencies": {
|
||||
"@floating-ui/dom": "^1.7.6",
|
||||
"@floating-ui/utils": "^0.2.11",
|
||||
"vue-demi": ">=0.13.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@floating-ui/vue/node_modules/vue-demi": {
|
||||
"version": "0.14.10",
|
||||
"resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
|
||||
"integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
|
||||
"hasInstallScript": true,
|
||||
"bin": {
|
||||
"vue-demi-fix": "bin/vue-demi-fix.js",
|
||||
"vue-demi-switch": "bin/vue-demi-switch.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/antfu"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@vue/composition-api": "^1.0.0-rc.1",
|
||||
"vue": "^3.0.0-0 || ^2.6.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@vue/composition-api": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@hapi/hoek": {
|
||||
"version": "9.3.0",
|
||||
"resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
|
||||
|
|
@ -3572,6 +3635,11 @@
|
|||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@types/web-bluetooth": {
|
||||
"version": "0.0.21",
|
||||
"resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
|
||||
"integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA=="
|
||||
},
|
||||
"node_modules/@types/ws": {
|
||||
"version": "8.18.1",
|
||||
"resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
|
||||
|
|
@ -4536,6 +4604,58 @@
|
|||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@vuepic/vue-datepicker": {
|
||||
"version": "12.1.0",
|
||||
"resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-12.1.0.tgz",
|
||||
"integrity": "sha512-QuWcO+CqIGYFoRNCagp9xUY9sMK/OHUlVIDxBYjw7HjCTWXfuE/r3l3loB00faEtb0Teo3DeBn26hT3tYA5pgg==",
|
||||
"dependencies": {
|
||||
"@date-fns/tz": "^1.4.1",
|
||||
"@floating-ui/vue": "^1.1.9",
|
||||
"@vueuse/core": "^14.1.0",
|
||||
"date-fns": "^4.1.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=18.12.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vue": ">=3.5.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@vueuse/core": {
|
||||
"version": "14.2.1",
|
||||
"resolved": "https://registry.npmjs.org/@vueuse/core/-/core-14.2.1.tgz",
|
||||
"integrity": "sha512-3vwDzV+GDUNpdegRY6kzpLm4Igptq+GA0QkJ3W61Iv27YWwW/ufSlOfgQIpN6FZRMG0mkaz4gglJRtq5SeJyIQ==",
|
||||
"dependencies": {
|
||||
"@types/web-bluetooth": "^0.0.21",
|
||||
"@vueuse/metadata": "14.2.1",
|
||||
"@vueuse/shared": "14.2.1"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/antfu"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vue": "^3.5.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@vueuse/metadata": {
|
||||
"version": "14.2.1",
|
||||
"resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-14.2.1.tgz",
|
||||
"integrity": "sha512-1ButlVtj5Sb/HDtIy1HFr1VqCP4G6Ypqt5MAo0lCgjokrk2mvQKsK2uuy0vqu/Ks+sHfuHo0B9Y9jn9xKdjZsw==",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/antfu"
|
||||
}
|
||||
},
|
||||
"node_modules/@vueuse/shared": {
|
||||
"version": "14.2.1",
|
||||
"resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-14.2.1.tgz",
|
||||
"integrity": "sha512-shTJncjV9JTI4oVNyF1FQonetYAiTBd+Qj7cY89SWbXSkx7gyhrgtEdF2ZAVWS1S3SHlaROO6F2IesJxQEkZBw==",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/antfu"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vue": "^3.5.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@webassemblyjs/ast": {
|
||||
"version": "1.14.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
|
||||
|
|
@ -6693,6 +6813,15 @@
|
|||
"node": ">=10"
|
||||
}
|
||||
},
|
||||
"node_modules/date-fns": {
|
||||
"version": "4.1.0",
|
||||
"resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
|
||||
"integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
|
||||
"funding": {
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/kossnocorp"
|
||||
}
|
||||
},
|
||||
"node_modules/debounce": {
|
||||
"version": "1.2.1",
|
||||
"resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.1.tgz",
|
||||
|
|
|
|||
|
|
@ -14,6 +14,7 @@
|
|||
"dependencies": {
|
||||
"@adyen/adyen-web": "^6.27.0",
|
||||
"@iframe-resizer/child": "^5.3.3",
|
||||
"@vuepic/vue-datepicker": "^12.1.0",
|
||||
"axios": "^0.30.2",
|
||||
"bootstrap": "^5.3.3",
|
||||
"core-js": "^3.38.1",
|
||||
|
|
|
|||
|
|
@ -9,8 +9,9 @@ SKIP_CONTENT_SITE="false"
|
|||
|
||||
# Experiments Flag
|
||||
IS_MOBILEFIRST="false"
|
||||
IS_ADYENPAYMENTS="false"
|
||||
IS_ADYENPAYMENTS="true"
|
||||
IS_MULTILOCATIONPOPUP="false"
|
||||
IS_MSRSPLITPAY="false"
|
||||
|
||||
# Base URLs by environment
|
||||
# qa
|
||||
|
|
|
|||
|
|
@ -2,15 +2,16 @@
|
|||
# Environment configuration
|
||||
|
||||
# Environment type
|
||||
PLAYWRIGHT_ENV="qa"
|
||||
PLAYWRIGHT_ENV="QA"
|
||||
|
||||
# Skip content site
|
||||
SKIP_CONTENT_SITE="false"
|
||||
|
||||
# Experiments Flag
|
||||
IS_MOBILEFIRST="false"
|
||||
IS_ADYENPAYMENTS="false"
|
||||
IS_ADYENPAYMENTS="true"
|
||||
IS_MULTILOCATIONPOPUP="false"
|
||||
IS_MSRSPLITPAY="false"
|
||||
|
||||
# Base URLs by environment
|
||||
# qa
|
||||
|
|
|
|||
|
|
@ -11,6 +11,10 @@ export interface ITestData extends base {
|
|||
mockFirstInshopCallNoSchedule?: boolean,
|
||||
handleMobileFirstModal?: boolean,
|
||||
experiments?: IExperiments
|
||||
isMSRGlassPart?: boolean,
|
||||
isMSRZip?: boolean,
|
||||
isPIAEnabled?: boolean,
|
||||
isDualRecal?: boolean,
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -19,5 +23,6 @@ export function getDefaultExperimentsData(): IExperiments {
|
|||
isAdyenPayments: !!process.env.IS_ADYENPAYMENTS && process.env.IS_ADYENPAYMENTS !== "" ? process.env.IS_ADYENPAYMENTS === "true" : false,
|
||||
isMobileFirst: !!process.env.IS_MOBILEFIRST && process.env.IS_MOBILEFIRST !== "" ? process.env.IS_MOBILEFIRST === "true" : false,
|
||||
isMultiLocationPopup: !!process.env.IS_MULTILOCATIONPOPUP && process.env.IS_MULTILOCATIONPOPUP !== "" ? process.env.IS_MULTILOCATIONPOPUP === "true" : false,
|
||||
isMsrSplitPay: !!process.env.IS_MSRSPLITPAY && process.env.IS_MSRSPLITPAY !== "" ? process.env.IS_MSRSPLITPAY === "true" : false,
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
export interface IExperiments {
|
||||
isMobileFirst: boolean,
|
||||
isAdyenPayments: boolean,
|
||||
isMultiLocationPopup: boolean
|
||||
isMultiLocationPopup: boolean,
|
||||
isMsrSplitPay: boolean
|
||||
}
|
||||
|
|
@ -19,6 +19,7 @@ export class BasePage {
|
|||
readonly hamburgerMenu: Locator;
|
||||
readonly progressBar: Locator;
|
||||
readonly loaders: Locator;
|
||||
readonly yellowAlertMessage: Locator;
|
||||
|
||||
constructor(page: Page) {
|
||||
this.page = page;
|
||||
|
|
@ -29,6 +30,7 @@ export class BasePage {
|
|||
this.hamburgerMenu = this.page.getByRole('button', { name: 'Hamburger Menu (modal window)' });
|
||||
this.progressBar = this.page.locator('.progress-bar-outer .progress-bar-inner');
|
||||
this.loaders = this.page.locator('.spinner-border, .loader');
|
||||
this.yellowAlertMessage = this.page.locator('.alert-warning');
|
||||
}
|
||||
|
||||
async nextPage() {
|
||||
|
|
@ -135,42 +137,30 @@ export class BasePage {
|
|||
|
||||
|
||||
async mockScheduleResponseForFirstInshopCallNoSchedule(customerDetails: ICustomerDetails) {
|
||||
let fistInshopScheduleCall = true;
|
||||
// let fistInshopScheduleCall = true;
|
||||
|
||||
const apiUrl = `https://digitalapi.${process.env['PLAYWRIGHT_ENV']!.replace('sys', 'test').toLowerCase()}.safelite.io/schedule/api/v1/schedule/shop-time-slots`;
|
||||
await this.page.route(apiUrl, async (route) => {
|
||||
if (!fistInshopScheduleCall) {
|
||||
/*if (!fistInshopScheduleCall) {
|
||||
return route.continue();
|
||||
}
|
||||
|
||||
// const fmt = (d: Date) => `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,"0")}-${String(d.getDate()).padStart(2,"0")}`;
|
||||
// const startDate = new Date();
|
||||
//const beginningOfWeek = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate() - startDate.getDay());
|
||||
// const endDate = new Date(beginningOfWeek.getFullYear(), beginningOfWeek.getMonth(), beginningOfWeek.getDate() + 13);
|
||||
// e.g., "2025-07-23"
|
||||
/*if (route.request().postDataJSON().startDate === fmt(startDate) && route.request().postDataJSON().endDate === fmt(endDate)) {
|
||||
const response = await route.fetch();
|
||||
const responseBody = await response.json();
|
||||
|
||||
responseBody.days = [];
|
||||
// Mock the response
|
||||
await route.fulfill({
|
||||
response,
|
||||
body: JSON.stringify(responseBody),
|
||||
});
|
||||
}*/
|
||||
|
||||
const response = await route.fetch();
|
||||
const responseBody = await response.json();
|
||||
|
||||
responseBody.days = [];
|
||||
// Remove up to the first five items from the days array, keeping the rest; if empty, leave as is
|
||||
if (Array.isArray(responseBody.days) && responseBody.days.length > 0) {
|
||||
responseBody.days = responseBody.days.slice(5);
|
||||
} else {
|
||||
responseBody.days = [];
|
||||
}
|
||||
|
||||
// Mock the response
|
||||
await route.fulfill({
|
||||
response,
|
||||
body: JSON.stringify(responseBody),
|
||||
});
|
||||
fistInshopScheduleCall = false;
|
||||
// fistInshopScheduleCall = false;
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -252,9 +242,9 @@ export class BasePage {
|
|||
|
||||
if (experiments !== undefined) {
|
||||
experimentsURLExtension += "?cns=all&experiments="
|
||||
experimentsURLExtension += experiments?.isMobileFirst
|
||||
/*experimentsURLExtension += experiments?.isMobileFirst
|
||||
? "MobileFirstAppointment=MobileFirstAppt_V1=MobileFirstAppt_TEST=true"
|
||||
: "MobileFirstAppointment=MobileFirstAppt_V1=MobileFirstAppt_CONTROL=true";
|
||||
: "MobileFirstAppointment=MobileFirstAppt_V1=MobileFirstAppt_CONTROL=true";*/
|
||||
|
||||
experimentsURLExtension += experiments?.isAdyenPayments
|
||||
? ",Adyen%20Payments=Adyen%20Payment%20Test=Adyen%20Payment%20(Test)=true"
|
||||
|
|
@ -263,11 +253,15 @@ export class BasePage {
|
|||
experimentsURLExtension += experiments?.isMultiLocationPopup
|
||||
? ",MultiLocationPopup=MultiLocationPopup_V1=MultiLocationPopup_TEST=true"
|
||||
: ",MultiLocationPopup=MultiLocationPopup_V1=MultiLocationPopup_CONTROL=true";
|
||||
|
||||
experimentsURLExtension += experiments?.isMsrSplitPay
|
||||
? ",MSR=MSR_With_Splitpay=YesShowMSR_TEST=true"
|
||||
: ",MSR=MSR_With_Splitpay=NoShowMSR_CONTROL=true";
|
||||
} else {
|
||||
console.log("Url extension without query string");
|
||||
}
|
||||
|
||||
// Convert to HTML encoding before returning
|
||||
return experimentsURLExtension;
|
||||
return process.env.PLAYWRIGHT_ENV == 'sys' ? '' : experimentsURLExtension;
|
||||
}
|
||||
}
|
||||
|
|
@ -21,7 +21,7 @@ export class HomePage extends BasePage {
|
|||
readonly viewQuoteButton: Locator;
|
||||
|
||||
//Zip Entry
|
||||
readonly widgetZipEntryField: Locator;
|
||||
readonly widgetZipEntryInputField: Locator;
|
||||
readonly getQuoteAndScheduleButton: Locator;
|
||||
|
||||
url = process.env['BASE_URL']!;
|
||||
|
|
@ -30,7 +30,7 @@ export class HomePage extends BasePage {
|
|||
super(page);
|
||||
|
||||
this.page = page;
|
||||
this.letsGetStartedButton = this.page.getByRole('button', { name: 'Let\'s get started' });
|
||||
this.letsGetStartedButton = this.page.locator('a.zip-submit-button');
|
||||
this.cusmodalPopup = this.page.locator('#Cusmodalpopup');
|
||||
this.closePopupButton = this.page.getByRole('button', { name: '×' });
|
||||
|
||||
|
|
@ -46,7 +46,7 @@ export class HomePage extends BasePage {
|
|||
this.viewQuoteButton = this.page.locator('#ctaSubmit');
|
||||
|
||||
//Zip Entry
|
||||
this.widgetZipEntryField = this.page.getByRole('textbox', { name: 'Enter service ZIP code' });
|
||||
this.widgetZipEntryInputField = this.page.locator('input#zipcode');
|
||||
this.getQuoteAndScheduleButton = this.page.getByLabel('main').getByRole('link', { name: 'Get quote + schedule' });
|
||||
}
|
||||
|
||||
|
|
@ -61,7 +61,7 @@ export class HomePage extends BasePage {
|
|||
|
||||
async letsGetStarted(zip: string, enterFunnelWithZip: boolean) {
|
||||
if (enterFunnelWithZip) {
|
||||
await this.widgetZipEntryField.fill(zip);
|
||||
await this.widgetZipEntryInputField.fill(zip);
|
||||
/* await this.letsGetStartedButton.evaluate((element, zip) => {
|
||||
const currentHref = element.getAttribute('href') || '';
|
||||
element.setAttribute('href', `${currentHref}?zipCode=${zip}`);
|
||||
|
|
|
|||
|
|
@ -272,9 +272,10 @@ export class PaymentMethodPage extends BasePage {
|
|||
if (await this.payAtServiceButton.isVisible()) {
|
||||
await this.payAtServiceButton.click();
|
||||
} else if (isRecalVehicle) {
|
||||
await this.recalibrationCheckbox.click();
|
||||
if (await this.recalibrationCheckbox.isVisible()) {
|
||||
await this.recalibrationCheckbox.click();
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
async verifyVAPS(): Promise<void> {
|
||||
|
|
@ -559,8 +560,10 @@ export class PaymentMethodPage extends BasePage {
|
|||
|
||||
await this.validateProgressBar(ProgressBarPercentages.PaymentMethodPage);
|
||||
await this.validatePaymentDetailsPage(testData);
|
||||
await this.ValidateAfterPayBreakOutSection();
|
||||
|
||||
if (testData.isPIAEnabled) {
|
||||
await this.ValidateAfterPayBreakOutSection();
|
||||
}
|
||||
|
||||
if (isForcedOEM) {
|
||||
await this.validateOEMPart(isForcedOEM);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -47,10 +47,10 @@ export class PaypalPage extends BasePage {
|
|||
await this.page.screenshot({ path: `test-results\\ortoni-data\\paypal-username-${Date.now()}.png`, fullPage: true });
|
||||
await this.usernameTextBox.fill(paymentDetails!.username!);
|
||||
await this.nextButton.click();
|
||||
if (!experiments!.isAdyenPayments){
|
||||
/*if (!experiments!.isAdyenPayments){
|
||||
await this.tryAnotherWayButton.click();
|
||||
await this.usePasswordInsteadButton.click();
|
||||
}
|
||||
}*/
|
||||
await this.passwordTextBox.fill(paymentDetails!.password!);
|
||||
await this.paypalLoginButton.click();
|
||||
await this.payWithRadioButton.click();
|
||||
|
|
|
|||
|
|
@ -80,6 +80,15 @@ export class SchedulePage extends BasePage {
|
|||
async selectLocation(testData: Partial<ITestData>) {
|
||||
const { appointmentDetails, customerDetails } = testData;
|
||||
|
||||
if (testData.isMSRGlassPart || testData.isDualRecal) {
|
||||
if (testData.isMSRZip) {
|
||||
expect(await this.mobileButton.isVisible()).toBe(true);
|
||||
} else {
|
||||
expect(await this.mobileButton.isVisible()).toBe(false);
|
||||
expect(await this.yellowAlertMessage.locator('.alert-heading').filter({ hasText: ' We\'re not able to provide mobile service.' }).isVisible()).toBe(true);
|
||||
}
|
||||
}
|
||||
|
||||
switch(appointmentDetails?.serviceLocation) {
|
||||
case ServiceLocation.Mobile:
|
||||
await this.scheduleMobile(testData);
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ import { ProgressBarPercentages } from 'framework/localTypes/Enums';
|
|||
import { PaymentMethod } from "framework/localTypes/Enums";
|
||||
import { step } from 'framework/localTypes/Step';
|
||||
import { ITestData } from 'framework/TestData';
|
||||
import { PaymentMethodPage } from './PaymentMethodPage';
|
||||
|
||||
export class ServicePackagesPage extends BasePage {
|
||||
readonly page: Page;
|
||||
|
|
@ -227,6 +228,32 @@ export class ServicePackagesPage extends BasePage {
|
|||
}
|
||||
}
|
||||
|
||||
async verifyGlassCashQuoteEvent() {
|
||||
// Get displayed price text for Glass Only package (e.g. "$41.25in 4 interest-free payments\nor $164.99 in single payment")
|
||||
const expectedGlassOnlyPrice = await this.glassOnlypackagePrice.innerText();
|
||||
|
||||
// Extract the single payment amount (e.g. 164.99) from the end of the string using regex
|
||||
const singlePaymentRegex = /\$([\d,]+\.\d{2})\s*in single payment/;
|
||||
const match = expectedGlassOnlyPrice.match(singlePaymentRegex);
|
||||
if (!match) {
|
||||
throw new Error(`Expected single payment price to be present in: ${expectedGlassOnlyPrice}`);
|
||||
}
|
||||
const expectedSinglePayAmount = parseFloat(match[1].replace(',', ''));
|
||||
|
||||
// Retrieve the dataLayer from the browser. (Assumes dataLayer is in global scope. Adjust if needed.)
|
||||
const dataLayer = await this.page.evaluate(() => (window as any).dataLayer);
|
||||
|
||||
// Find the first object with a GlassCashQuote property and extract its value.
|
||||
const glassCashQuote = dataLayer?.find((item: any) => item && item.GlassCashQuote)?.GlassCashQuote;
|
||||
if (glassCashQuote === undefined || glassCashQuote === null) {
|
||||
throw new Error("No GlassCashQuote found in dataLayer");
|
||||
}
|
||||
|
||||
// Validate that the GlassCashQuote value matches the extracted expectedSinglePayAmount (with currency float precision)
|
||||
Soft.expect(Number.parseFloat(glassCashQuote)).toBe(expectedSinglePayAmount);
|
||||
|
||||
}
|
||||
|
||||
@step("ServicePackagePage >> Select Payment Method and Service Type: ")
|
||||
async handleServicePackagePage(testData: Partial<ITestData>) {
|
||||
const { customerDetails, paymentMethod, paymentDetails, servicePackage, isCanNotRecal, isDynamicRecal, hasOemEndorsement, vehicleDamage, appointmentDetails, totalAmount } = testData;
|
||||
|
|
@ -289,6 +316,10 @@ export class ServicePackagesPage extends BasePage {
|
|||
await this.verifyVehicleParts(vehicleDamage!);
|
||||
}
|
||||
|
||||
if (testData.paymentMethod == PaymentMethod.SelfPay) {
|
||||
await this.verifyGlassCashQuoteEvent();
|
||||
}
|
||||
|
||||
// Validate backend for OEM endorsement
|
||||
if (hasOemEndorsement) {
|
||||
await this.verifyOEMPart();
|
||||
|
|
|
|||
|
|
@ -100,7 +100,8 @@ export default defineConfig({
|
|||
headless: process.env.CI ? true : false,
|
||||
screenshot: "only-on-failure",
|
||||
actionTimeout: 60_000,
|
||||
navigationTimeout: 60_000
|
||||
navigationTimeout: 60_000,
|
||||
bypassCSP: true
|
||||
},
|
||||
|
||||
/* Configure projects for major browsers */
|
||||
|
|
|
|||
|
|
@ -19,12 +19,14 @@ import { ApiResponseInterceptUtil } from 'safelite-playwright-core';
|
|||
import cashReplaceGlassPromoInshopTests from "./CashReplaceGlassPromoInshop";
|
||||
import cashReplaceMultiGlassPromoInshopTests from "./CashReplaceMultiGlassPromoInshop";
|
||||
import cashReplaceStaticInshopTests from "./CashReplaceStaticInshop";
|
||||
import cashReplaceStaticMobileMSRTests from "./CashReplaceStaticMobileMSR";
|
||||
import cashReplaceRainDefensePromoInshopTests from "./CashReplaceRainDefensePromoInshop";
|
||||
import cashReplaceSafeliteCanNotRecalMobileTests from "./CashReplaceSafeliteCanNotRecalMobile";
|
||||
import cashReplaceVinMobileTests from "./CashReplaceVinMobile";
|
||||
import cashReplaceWiperDropoffTests from "./CashReplaceWiperDropoff";
|
||||
import cashReplaceWiperPromoInShopTests from "./CashReplaceWiperPromoInshop";
|
||||
import insuranceAcuityPaypalTests from "./InsuranceAcuityPaypal";
|
||||
// import insuranceUSAAMsrTests from "./InsuranceUSAAMsr";
|
||||
import insuranceITAC21stCenturyTests from "./InsuranceITAC21stCentury";
|
||||
import insuranceGeicoTests from "./InsuranceGeico";
|
||||
import insuranceITACOptimizedPriceValidationAllStateTests from "./InsuranceITACOptimizedPriceValidationAllState";
|
||||
|
|
@ -42,6 +44,9 @@ import insuranceBigTruckVerifiedTests from "./InsuranceBigTruckVerified";
|
|||
import insuranceUnverifiedTests from "./InsuranceUnverified";
|
||||
import CashReplaceSplitWindshieldTests from "./CashReplaceSplitWindshield";
|
||||
import insuranceMeemicNearSchoolVerifiedTests from "./InsuranceMeemicNearSchoolVerified";
|
||||
import cashReplaceDualMobileMSRTests from "./CashReplaceDualMobileMSR";
|
||||
import cashReplaceDualNonMSRInshopTests from "./CashReplaceDualNonMSRInshop";
|
||||
|
||||
|
||||
const test = getTestObject();
|
||||
|
||||
|
|
@ -78,12 +83,16 @@ const allStandardTests = [
|
|||
{ name: "CashReplaceVinMobile", tests: cashReplaceVinMobileTests },
|
||||
{ name: "CashReplaceWiperDropoff", tests: cashReplaceWiperDropoffTests },
|
||||
{ name: "CashReplaceStaticInshop", tests: cashReplaceStaticInshopTests },
|
||||
{ name: "CashReplaceDualMobileMSR", tests: cashReplaceDualMobileMSRTests },
|
||||
{ name: "CashReplaceDualNonMSRInshop", tests: cashReplaceDualNonMSRInshopTests },
|
||||
{ name: "CashReplaceStaticMobileMSR", tests: cashReplaceStaticMobileMSRTests },
|
||||
{ name: "CashReplaceWiperPromoInshop", tests: cashReplaceWiperPromoInShopTests },
|
||||
{ name: "CashReplaceSwitchToInsuranceProgressiveNoComp", tests: cashReplaceSwitchToInsuranceProgressiveNoCompTests },
|
||||
{ name: "CashReplaceMobileFirstModal", tests: cashReplaceMobileFirstModalTests },
|
||||
// { name: "CashReplaceMobileFirstModal", tests: cashReplaceMobileFirstModalTests },
|
||||
// TODO: Uncomment when QA is ready to run heavy truck tests
|
||||
// {name: "CashReplaceSplitWindshield", tests: CashReplaceSplitWindshieldTests},
|
||||
{ name: "InsuranceAcuityPaypal", tests: insuranceAcuityPaypalTests },
|
||||
// { name: "InsuranceUSAAMsr", tests: insuranceUSAAMsrTests },
|
||||
{ name: "InsuranceITAC21stCentury", tests: insuranceITAC21stCenturyTests },
|
||||
{ name: "InsuranceNoCompProgressive", tests: insuranceNoCompProgressiveTests },
|
||||
// {name: "InsuranceBigTruckVerified", tests: insuranceBigTruckVerifiedTests},
|
||||
|
|
|
|||
|
|
@ -38,7 +38,8 @@ const cashRepairInShopAfterPayData : Partial<ITestData> = {
|
|||
|
||||
// Experiments
|
||||
experiments: {
|
||||
...getDefaultExperimentsData()
|
||||
...getDefaultExperimentsData(),
|
||||
isAdyenPayments: true
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
99
playwright-tests/tests/CashReplaceDualMobileMSR.ts
Normal file
99
playwright-tests/tests/CashReplaceDualMobileMSR.ts
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
//Imports here
|
||||
import { ITestData, getDefaultExperimentsData } from 'framework/TestData'
|
||||
import { ServicePackage, PaymentType, PartQuestionType, ServiceLocation } from 'safelite-playwright-core';
|
||||
import { ITestCase } from '../framework/Typedefs'
|
||||
import { VehicleLookupType } from 'safelite-playwright-core';
|
||||
import { getDefaultTestData, setFakerSeedFromTestName } from 'safelite-playwright-core';
|
||||
import { PaymentMethod } from 'framework/localTypes/Enums';
|
||||
|
||||
// Set the seed before generating any data
|
||||
setFakerSeedFromTestName("CashReplaceDualMobileMSR");
|
||||
|
||||
// Now get the test data with the seeded faker
|
||||
const CashReplaceDualMobileMSRData: Partial<ITestData> = {
|
||||
...getDefaultTestData(), // Get default data with current seed
|
||||
|
||||
// CASH Client
|
||||
paymentMethod: PaymentMethod.SelfPay,
|
||||
|
||||
// Key feature: Premium package with Rain Defense
|
||||
servicePackage: ServicePackage.Standard,
|
||||
|
||||
// Flag for recalibration vehicle
|
||||
isRecalVehicle: true,
|
||||
|
||||
// Override customer details
|
||||
customerDetails: {
|
||||
...getDefaultTestData().customerDetails!,
|
||||
address: {
|
||||
...getDefaultTestData().customerDetails!.address,
|
||||
postalCode: '43085'
|
||||
// postalCode: '21237'
|
||||
}
|
||||
},
|
||||
|
||||
// Override appointment details
|
||||
appointmentDetails: {
|
||||
serviceLocation: ServiceLocation.Mobile,
|
||||
appointmentDate: getDefaultTestData().appointmentDetails?.appointmentDate,
|
||||
serviceAddress: {
|
||||
// Use street address from current faker seed
|
||||
street: "649 High Street",
|
||||
city: 'Worthington',
|
||||
state: 'OH',
|
||||
postalCode: '43085', //
|
||||
country: 'United States'
|
||||
},
|
||||
},
|
||||
|
||||
// override part questions
|
||||
partQuestions: [
|
||||
{
|
||||
partQuestionType: PartQuestionType.GeneralQuestion1,
|
||||
isOnPage: true,
|
||||
optionToSelect: 'Yes'
|
||||
}
|
||||
],
|
||||
|
||||
|
||||
// Override vehicle details
|
||||
vehicleDetails: {
|
||||
...getDefaultTestData().vehicleDetails!,
|
||||
year: '2020',
|
||||
make: 'Honda',
|
||||
model: 'Pilot',
|
||||
style: '4 door utility',
|
||||
vehicleLookupType: VehicleLookupType.Zip
|
||||
},
|
||||
|
||||
mockFirstInshopCallNoSchedule: true,
|
||||
|
||||
isMSRGlassPart: true,
|
||||
isMSRZip: true,
|
||||
|
||||
// No need to override vehicleDamage as it already defaults to WindshieldCrack
|
||||
|
||||
// Payment at service
|
||||
paymentDetails: {
|
||||
paymentType: PaymentType.PayAtService
|
||||
},
|
||||
|
||||
// Flag for PIA disabled
|
||||
isPIAEnabled: false,
|
||||
|
||||
// Experiments
|
||||
experiments: {
|
||||
...getDefaultExperimentsData()
|
||||
}
|
||||
}
|
||||
|
||||
const cashReplaceDualMobileMSRTests: ITestCase[] = [];
|
||||
|
||||
const tc = {
|
||||
name: `CashReplaceDualMobileMSR`,
|
||||
tags: ['@E2E', '@CashReplaceDualMobileMSR', '@test_report', '@CASH'],
|
||||
testData: CashReplaceDualMobileMSRData
|
||||
};
|
||||
cashReplaceDualMobileMSRTests.push(tc);
|
||||
|
||||
export default cashReplaceDualMobileMSRTests;
|
||||
82
playwright-tests/tests/CashReplaceDualNonMSRInshop.ts
Normal file
82
playwright-tests/tests/CashReplaceDualNonMSRInshop.ts
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
//Imports here
|
||||
import { ITestData, getDefaultExperimentsData } from 'framework/TestData'
|
||||
import { ServicePackage, PaymentType, PartQuestionType, ServiceLocation } from 'safelite-playwright-core';
|
||||
import { ITestCase } from '../framework/Typedefs'
|
||||
import { VehicleLookupType } from 'safelite-playwright-core';
|
||||
import { getDefaultTestData, setFakerSeedFromTestName } from 'safelite-playwright-core';
|
||||
import { PaymentMethod } from 'framework/localTypes/Enums';
|
||||
|
||||
// Set the seed before generating any data
|
||||
setFakerSeedFromTestName("CashReplaceDualNonMSRInshop");
|
||||
|
||||
// Now get the test data with the seeded faker
|
||||
const CashReplaceDualMobileMSRData: Partial<ITestData> = {
|
||||
...getDefaultTestData(), // Get default data with current seed
|
||||
|
||||
// CASH Client
|
||||
paymentMethod: PaymentMethod.SelfPay,
|
||||
|
||||
// Key feature: Premium package with Rain Defense
|
||||
servicePackage: ServicePackage.Standard,
|
||||
|
||||
// Flag for recalibration vehicle
|
||||
isRecalVehicle: true,
|
||||
|
||||
// Override customer details
|
||||
customerDetails: {
|
||||
...getDefaultTestData().customerDetails!,
|
||||
address: {
|
||||
...getDefaultTestData().customerDetails!.address,
|
||||
postalCode: '43085'
|
||||
// postalCode: '21237'
|
||||
}
|
||||
},
|
||||
|
||||
// override part questions
|
||||
partQuestions: [
|
||||
{
|
||||
partQuestionType: PartQuestionType.GeneralQuestion1,
|
||||
isOnPage: true,
|
||||
optionToSelect: 'Yes'
|
||||
}
|
||||
],
|
||||
|
||||
// Override vehicle details
|
||||
vehicleDetails: {
|
||||
...getDefaultTestData().vehicleDetails!,
|
||||
year: '2024',
|
||||
make: 'Subaru',
|
||||
model: 'Ascent',
|
||||
style: '4 door utility',
|
||||
vehicleLookupType: VehicleLookupType.Zip
|
||||
},
|
||||
|
||||
mockFirstInshopCallNoSchedule: true,
|
||||
|
||||
isMSRGlassPart: false,
|
||||
isMSRZip: true,
|
||||
|
||||
// Payment at service
|
||||
paymentDetails: {
|
||||
paymentType: PaymentType.PayAtService
|
||||
},
|
||||
|
||||
// Flag for PIA disabled
|
||||
isPIAEnabled: false,
|
||||
|
||||
// Experiments
|
||||
experiments: {
|
||||
...getDefaultExperimentsData()
|
||||
}
|
||||
}
|
||||
|
||||
const cashReplaceDualNonMSRInshopTests: ITestCase[] = [];
|
||||
|
||||
const tc = {
|
||||
name: `CashReplaceDualNonMSRInshop`,
|
||||
tags: ['@E2E', '@CashReplaceDualNonMSRInshop', '@test_report', '@CASH'],
|
||||
testData: CashReplaceDualMobileMSRData
|
||||
};
|
||||
cashReplaceDualNonMSRInshopTests.push(tc);
|
||||
|
||||
export default cashReplaceDualNonMSRInshopTests;
|
||||
|
|
@ -35,10 +35,10 @@ const cashReplaceGlassAddressLookupInshopAfterPayData: Partial<ITestData> = {
|
|||
// Override vehicle details
|
||||
vehicleDetails: {
|
||||
...getDefaultTestData().vehicleDetails!,
|
||||
year: '2013',
|
||||
make: 'Hyundai',
|
||||
model: 'Sonata',
|
||||
style: '4 door sedan',
|
||||
year: '2024',
|
||||
make: 'Acura',
|
||||
model: 'MDX',
|
||||
style: '4 door utility',
|
||||
vehicleLookupType: VehicleLookupType.Address
|
||||
},
|
||||
|
||||
|
|
@ -48,7 +48,7 @@ const cashReplaceGlassAddressLookupInshopAfterPayData: Partial<ITestData> = {
|
|||
// Experiments
|
||||
experiments: {
|
||||
...getDefaultExperimentsData()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const cashReplaceGlassAddressLookupInshopAfterPayTests: ITestCase[] = [];
|
||||
|
|
|
|||
|
|
@ -35,9 +35,12 @@ const cashReplaceMultiGlassPromoInshopData: Partial<ITestData> = {
|
|||
make: 'Subaru',
|
||||
model: 'Outback',
|
||||
style: '4 door station wagon',
|
||||
vin: '4S4BSENC4K3221004',
|
||||
vehicleLookupType: VehicleLookupType.Vin
|
||||
// vin: '4S4BSENC4K3221004',
|
||||
vehicleLookupType: VehicleLookupType.Zip
|
||||
},
|
||||
|
||||
// Special flag to skip estimate page
|
||||
isSkipEstimatePage: true,
|
||||
|
||||
// Key feature: multiple damaged glasses
|
||||
vehicleDamage: [
|
||||
|
|
@ -55,6 +58,15 @@ const cashReplaceMultiGlassPromoInshopData: Partial<ITestData> = {
|
|||
// Add promo code
|
||||
promoCode: '20CALL',
|
||||
},
|
||||
|
||||
// override part questions
|
||||
partQuestions: [
|
||||
{
|
||||
partQuestionType: PartQuestionType.GeneralQuestion1,
|
||||
isOnPage: true,
|
||||
optionToSelect: 'Yes'
|
||||
}
|
||||
],
|
||||
|
||||
// Vehicle part questions for multiple glass parts
|
||||
vehiclePartQuestions: [
|
||||
|
|
@ -62,7 +74,7 @@ const cashReplaceMultiGlassPromoInshopData: Partial<ITestData> = {
|
|||
partQuestionType: PartQuestionType.WindshieldColor,
|
||||
isOnPage: true,
|
||||
optionToSelect: 'Green Tint, Blue Shade',
|
||||
secondaryQuestionOptionToSelect: 'solar, lane departure warning system, heated glass wiper park, high beam assist, soundproofing'
|
||||
secondaryQuestionOptionToSelect: 'solar, lane departure warning system, hwp, high beam assist, soundproofing'
|
||||
},
|
||||
{
|
||||
partQuestionType: PartQuestionType.DriverFrontColor,
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@ const cashReplaceMultiSlidingGlassDropoffData: Partial<ITestData> = {
|
|||
partQuestionType: PartQuestionType.WindshieldColor,
|
||||
isOnPage: true,
|
||||
optionToSelect: 'Green Tint',
|
||||
secondaryQuestionOptionToSelect: 'rain sensor, solar, soundproofing, third visor frit, lane departure warning system, heated glass wiper park, w/combination bracket'
|
||||
secondaryQuestionOptionToSelect: 'rain sensor, solar, soundproofing, third visor frit, lane departure warning system, hwp, w/combination bracket'
|
||||
},
|
||||
{
|
||||
partQuestionType: PartQuestionType.PassengerFrontColor,
|
||||
|
|
|
|||
|
|
@ -15,19 +15,26 @@ const CashReplaceStaticInshopData: Partial<ITestData> = {
|
|||
|
||||
// CASH Client
|
||||
paymentMethod: PaymentMethod.SelfPay,
|
||||
|
||||
|
||||
// Key feature: Premium package with Rain Defense
|
||||
servicePackage: ServicePackage.Standard,
|
||||
|
||||
|
||||
// Flag for recalibration vehicle
|
||||
isRecalVehicle: true,
|
||||
|
||||
|
||||
// Flag for MSR Glass Part
|
||||
isMSRGlassPart: true,
|
||||
|
||||
// Flag for MSR Zip
|
||||
isMSRZip: false,
|
||||
|
||||
// Override customer details
|
||||
customerDetails: {
|
||||
...getDefaultTestData().customerDetails!,
|
||||
address: {
|
||||
...getDefaultTestData().customerDetails!.address,
|
||||
postalCode: '43085'
|
||||
postalCode: '55113' // Non MSR zip
|
||||
// postalCode: '21237'
|
||||
}
|
||||
},
|
||||
|
||||
|
|
@ -37,34 +44,32 @@ const CashReplaceStaticInshopData: Partial<ITestData> = {
|
|||
partQuestionType: PartQuestionType.GeneralQuestion1,
|
||||
isOnPage: true,
|
||||
optionToSelect: 'Yes'
|
||||
},
|
||||
{
|
||||
partQuestionType: PartQuestionType.GeneralQuestion2,
|
||||
isOnPage: true,
|
||||
optionToSelect: 'Yes'
|
||||
}
|
||||
],
|
||||
|
||||
|
||||
|
||||
// Override vehicle details
|
||||
vehicleDetails: {
|
||||
...getDefaultTestData().vehicleDetails!,
|
||||
year: '2022',
|
||||
make: 'Mazda',
|
||||
model: 'CX-9',
|
||||
style: '4 door utility',
|
||||
vin: '3FA6P0HD8LR234510',
|
||||
year: '2023',
|
||||
make: 'Hyundai',
|
||||
model: 'Elantra',
|
||||
style: '4 door sedan',
|
||||
vehicleLookupType: VehicleLookupType.Zip
|
||||
},
|
||||
|
||||
mockFirstInshopCallNoSchedule: true,
|
||||
|
||||
|
||||
// No need to override vehicleDamage as it already defaults to WindshieldCrack
|
||||
|
||||
|
||||
// Payment at service
|
||||
paymentDetails: {
|
||||
paymentType: PaymentType.PayAtService
|
||||
},
|
||||
|
||||
// Flag for PIA disabled
|
||||
isPIAEnabled: false,
|
||||
|
||||
// Experiments
|
||||
experiments: {
|
||||
...getDefaultExperimentsData()
|
||||
|
|
@ -75,7 +80,7 @@ const cashReplaceStaticInshopTests: ITestCase[] = [];
|
|||
|
||||
const tc = {
|
||||
name: `CashReplaceStaticInshop`,
|
||||
tags: ['@E2E','@CashReplaceStaticInshop', '@test_report', '@CASH'],
|
||||
tags: ['@E2E', '@CashReplaceStaticInshop', '@test_report', '@CASH'],
|
||||
testData: CashReplaceStaticInshopData
|
||||
};
|
||||
cashReplaceStaticInshopTests.push(tc);
|
||||
|
|
|
|||
92
playwright-tests/tests/CashReplaceStaticMobileMSR.ts
Normal file
92
playwright-tests/tests/CashReplaceStaticMobileMSR.ts
Normal file
|
|
@ -0,0 +1,92 @@
|
|||
//Imports here
|
||||
import { ITestData, getDefaultExperimentsData } from 'framework/TestData'
|
||||
import { ServicePackage, PaymentType, PartQuestionType, ServiceLocation } from 'safelite-playwright-core';
|
||||
import { ITestCase } from '../framework/Typedefs'
|
||||
import { VehicleLookupType } from 'safelite-playwright-core';
|
||||
import { getDefaultTestData, setFakerSeedFromTestName } from 'safelite-playwright-core';
|
||||
import { PaymentMethod } from 'framework/localTypes/Enums';
|
||||
|
||||
// Set the seed before generating any data
|
||||
setFakerSeedFromTestName("CashReplaceStaticMobileMSR");
|
||||
|
||||
// Now get the test data with the seeded faker
|
||||
const CashReplaceStaticMobileMSRData: Partial<ITestData> = {
|
||||
...getDefaultTestData(), // Get default data with current seed
|
||||
|
||||
// CASH Client
|
||||
paymentMethod: PaymentMethod.SelfPay,
|
||||
|
||||
// Key feature: Premium package with Rain Defense
|
||||
servicePackage: ServicePackage.Standard,
|
||||
|
||||
// Flag for recalibration vehicle
|
||||
isRecalVehicle: true,
|
||||
|
||||
// Override customer details
|
||||
customerDetails: {
|
||||
...getDefaultTestData().customerDetails!,
|
||||
address: {
|
||||
...getDefaultTestData().customerDetails!.address,
|
||||
postalCode: '43085'
|
||||
// postalCode: '21237'
|
||||
}
|
||||
},
|
||||
|
||||
// override part questions
|
||||
partQuestions: [
|
||||
{
|
||||
partQuestionType: PartQuestionType.GeneralQuestion1,
|
||||
isOnPage: true,
|
||||
optionToSelect: 'Yes'
|
||||
}
|
||||
],
|
||||
|
||||
// Override vehicle details
|
||||
vehicleDetails: {
|
||||
...getDefaultTestData().vehicleDetails!,
|
||||
year: '2023',
|
||||
make: 'Hyundai',
|
||||
model: 'Elantra',
|
||||
style: '4 door sedan',
|
||||
vin: '3FA6P0HD8LR234510',
|
||||
vehicleLookupType: VehicleLookupType.Zip
|
||||
},
|
||||
|
||||
mockFirstInshopCallNoSchedule: true,
|
||||
|
||||
// No need to override vehicleDamage as it already defaults to WindshieldCrack
|
||||
// Override appointment details
|
||||
appointmentDetails: {
|
||||
serviceLocation: ServiceLocation.Mobile,
|
||||
appointmentDate: getDefaultTestData().appointmentDetails?.appointmentDate,
|
||||
serviceAddress: {
|
||||
// Use street address from current faker seed
|
||||
street: "649 High Street",
|
||||
city: 'Worthington',
|
||||
state: 'OH',
|
||||
postalCode: '43085', //
|
||||
country: 'United States'
|
||||
},
|
||||
},
|
||||
|
||||
// Payment at service
|
||||
paymentDetails: {
|
||||
paymentType: PaymentType.PayAtService
|
||||
},
|
||||
|
||||
// Experiments
|
||||
experiments: {
|
||||
...getDefaultExperimentsData()
|
||||
}
|
||||
}
|
||||
|
||||
const cashReplaceStaticMobileMSRTests: ITestCase[] = [];
|
||||
|
||||
const tc = {
|
||||
name: `cashReplaceStaticMobileMSR`,
|
||||
tags: ['@E2E','@cashReplaceStaticMobileMSR', '@test_report', '@CASH'],
|
||||
testData: CashReplaceStaticMobileMSRData
|
||||
};
|
||||
cashReplaceStaticMobileMSRTests.push(tc);
|
||||
|
||||
export default cashReplaceStaticMobileMSRTests;
|
||||
|
|
@ -37,6 +37,8 @@ const cashReplaceSwitchToInsuranceProgressiveNoCompData: Partial<ITestData> = {
|
|||
style: "4 door sedan"
|
||||
},
|
||||
|
||||
isSkipEstimatePage: true,
|
||||
|
||||
partQuestions: [
|
||||
{
|
||||
partQuestionType: PartQuestionType.GeneralQuestion1,
|
||||
|
|
|
|||
101
playwright-tests/tests/InsuranceUSAAMsr.ts
Normal file
101
playwright-tests/tests/InsuranceUSAAMsr.ts
Normal file
|
|
@ -0,0 +1,101 @@
|
|||
//Imports here
|
||||
import { ITestData, getDefaultExperimentsData } from 'framework/TestData'
|
||||
import { ServiceLocation, DamageType, PartQuestionType, VehicleDamage, PaymentType, Flow } from 'safelite-playwright-core';
|
||||
import { PaymentMethod } from "framework/localTypes/Enums";
|
||||
import { ITestCase } from '../framework/Typedefs'
|
||||
import { VehicleLookupType } from 'safelite-playwright-core';
|
||||
import { getDefaultTestData, setFakerSeedFromTestName } from 'safelite-playwright-core';
|
||||
|
||||
// Set the seed based on test name for consistent but unique data
|
||||
setFakerSeedFromTestName("InsuranceUSAAMsr");
|
||||
|
||||
// Now get the test data with the seeded faker
|
||||
const insuranceUSAAMsrData: Partial<ITestData> = {
|
||||
...getDefaultTestData(), // Get default data with current seed
|
||||
|
||||
// Key feature: Insurance flow with Acuity
|
||||
paymentMethod: PaymentMethod.Insurance,
|
||||
|
||||
// Insurance claim flags
|
||||
isDuplicateClaim: true,
|
||||
flow: Flow.Managed,
|
||||
isUseVehicleOnPolicy: true,
|
||||
|
||||
// Override customer details for Kentucky location
|
||||
customerDetails: {
|
||||
...getDefaultTestData().customerDetails!,
|
||||
address: {
|
||||
street: getDefaultTestData().customerDetails!.address.street,
|
||||
city: 'Cleaveland',
|
||||
state: 'Ohio',
|
||||
postalCode: '44125',
|
||||
country: 'United States'
|
||||
}
|
||||
},
|
||||
|
||||
// Insurance claim details
|
||||
claimDetails: {
|
||||
client: 'USAA',
|
||||
policyNumber: 'MOCK900040MSR',
|
||||
policyDeductible: 100.00,
|
||||
damageDate: new Date(new Date().setDate(new Date().getDate() - 1)).toLocaleDateString('en-US', {month: '2-digit', day: '2-digit', year: 'numeric'}),
|
||||
damageCause: DamageType.Rock
|
||||
},
|
||||
|
||||
// Heavy duty truck details with VIN lookup
|
||||
vehicleDetails: {
|
||||
...getDefaultTestData().vehicleDetails!,
|
||||
year: '2023',
|
||||
make: 'Hyundai',
|
||||
model: 'Elantra',
|
||||
style: '4 door sedan'
|
||||
},
|
||||
|
||||
isRecalVehicle: true,
|
||||
|
||||
// No need to override vehicleDamage as it already defaults to WindshieldCrack
|
||||
|
||||
// Override for mobile service
|
||||
appointmentDetails: {
|
||||
serviceLocation: ServiceLocation.Mobile,
|
||||
appointmentDate: getDefaultTestData().appointmentDetails?.appointmentDate,
|
||||
serviceAddress: {
|
||||
// Use street address from current faker seed
|
||||
street: "13300 Carpenter Rd",
|
||||
city: 'Cleveland',
|
||||
state: 'OH',
|
||||
postalCode: '44125',
|
||||
country: 'United States'
|
||||
}
|
||||
},
|
||||
|
||||
// Part questions for windshield
|
||||
partQuestions: [
|
||||
{
|
||||
partQuestionType: PartQuestionType.GeneralQuestion1,
|
||||
isOnPage: true,
|
||||
optionToSelect: 'Yes'
|
||||
},
|
||||
],
|
||||
|
||||
// Override payment details (empty because we skip payment method page in insurance flow)
|
||||
paymentDetails: {
|
||||
paymentType: PaymentType.PayAtService
|
||||
},
|
||||
|
||||
// Experiments
|
||||
experiments: {
|
||||
...getDefaultExperimentsData()
|
||||
}
|
||||
}
|
||||
|
||||
const insuranceUSAAMsrTests: ITestCase[] = [];
|
||||
|
||||
const tc = {
|
||||
name: `InsuranceUSAAMsr`,
|
||||
tags: ['@E2E','@InsuranceAcuityPaypal', '@test_report', '@Insurance', '@CASH-1187', '@CASH-848'],
|
||||
testData: insuranceUSAAMsrData
|
||||
};
|
||||
insuranceUSAAMsrTests.push(tc);
|
||||
|
||||
export default insuranceUSAAMsrTests;
|
||||
|
|
@ -38,6 +38,12 @@ const errorMessages = {
|
|||
STYLE_REQUIRED: "Please select your vehicle style",
|
||||
PROMO_REQUIRED: "Please enter a promo code",
|
||||
INSURANCE_COMPANY_REQUIRED: "Please select an insurance company",
|
||||
INSURANCE_COMPANY_NAME_REQUIRED: "Please enter your insurance company name",
|
||||
POLICY_NUMBER_REQUIRED: "Please enter your policy number",
|
||||
DATE_OF_LOSS_REQUIRED: "Please enter your date of damage",
|
||||
DAMAGE_TYPES_REQUIRED: "How damage occurred is required",
|
||||
ZIP_CODE_REQUIRED: "Please enter your ZIP code",
|
||||
ZIP_CODE_FORMAT: "Zip must be 5 digits",
|
||||
};
|
||||
|
||||
export { errorMessages };
|
||||
|
|
|
|||
|
|
@ -47,6 +47,10 @@ const experimentSettings = {
|
|||
USE_ADYEN_PAYMENT: "UseAdyenPayment",
|
||||
SHOW_UNVERIFIED_DEDUCT_ENTRY: "ShowUnverifiedDeducEntry",
|
||||
SERVICE_PACKAGE_ORDER: "ServicePackageOrder",
|
||||
|
||||
// Claim and Coverage for 2.0
|
||||
ENABLE_NON_CLAIM_AND_COVERAGE_FLOW: "EnableNonC&CFlow",
|
||||
NON_CLAIM_AND_COVERAGE_TEST_PARENT_ACCOUNT: "NonC&CTestParentAccount",
|
||||
};
|
||||
|
||||
const experimentTriggers = {
|
||||
|
|
|
|||
|
|
@ -52,6 +52,42 @@ export const pageProgressMapper = {
|
|||
percent: 55,
|
||||
step: 2,
|
||||
},
|
||||
"insurance-details": {
|
||||
percent: 55,
|
||||
step: 2,
|
||||
},
|
||||
"duplicate-check": {
|
||||
percent: 55,
|
||||
step: 2,
|
||||
},
|
||||
"policy-vehicle": {
|
||||
percent: 55,
|
||||
step: 2,
|
||||
},
|
||||
"policy-driver": {
|
||||
percent: 55,
|
||||
step: 2,
|
||||
},
|
||||
endorsements: {
|
||||
percent: 55,
|
||||
step: 2,
|
||||
},
|
||||
"policy-info-submitted": {
|
||||
percent: 55,
|
||||
step: 2,
|
||||
},
|
||||
"recalibration-info": {
|
||||
percent: 55,
|
||||
step: 2,
|
||||
},
|
||||
"coverage-statement": {
|
||||
percent: 55,
|
||||
step: 2,
|
||||
},
|
||||
"verify-details": {
|
||||
percent: 55,
|
||||
step: 2,
|
||||
},
|
||||
quote: {
|
||||
percent: 60,
|
||||
step: 2,
|
||||
|
|
|
|||
|
|
@ -99,6 +99,9 @@ const storeActions = {
|
|||
SAVE_PAYMENT_TYPE: "savePaymentType",
|
||||
SAVE_PAYMENT_METHOD_CHOICE: "savePaymentMethodChoice",
|
||||
SAVE_PARENT_ACCOUNT_NUMBER: "saveParentAccountNumber",
|
||||
SAVE_ACCOUNT_NAME: "saveAccountName",
|
||||
SAVE_IS_CLAIM_AND_COVERAGE: "saveIsClaimAndCoverage",
|
||||
SAVE_CAN_SCHEDULE_ONLINE: "saveCanScheduleOnline",
|
||||
SAVE_BILL_TO_ACCOUNT_NUMBER: "saveBillToAccountNumber",
|
||||
SAVE_SUPPORTING_ITEMS: "saveSupportingItems",
|
||||
SAVE_SUPPORTING_ITEMS_SUPPRESSING_STATE_RESETTING:
|
||||
|
|
@ -106,6 +109,8 @@ const storeActions = {
|
|||
SAVE_VAPS: "saveVaps",
|
||||
SAVE_ACTIVE_AND_OR_INACTIVE_PROMOS: "saveActiveAndOrInactivePromos",
|
||||
SAVE_CUSTOMER_DETAILS: "saveCustomerDetails",
|
||||
SAVE_INSURANCE_DETAILS: "saveInsuranceDetails",
|
||||
SAVE_DAMAGE_DETAILS: "saveDamageDetails",
|
||||
SAVE_SERVICE_LOCATION_TECH_NOTES: "saveServiceLocationTechNotes",
|
||||
SAVE_CCTOKEN: "saveCCToken",
|
||||
SAVE_PAYPAL_TOKEN: "savePaypalToken",
|
||||
|
|
|
|||
|
|
@ -51,12 +51,19 @@ const storeMutations = {
|
|||
UPDATE_CUSTOMER_DETAILS: "updateCustomerDetails",
|
||||
UPDATE_CUSTOMER_WAITLIST_REQUESTED: "updateCustomerWaitListRequested",
|
||||
|
||||
// INSURANCE / DAMAGE MUTATIONS
|
||||
UPDATE_INSURANCE_DETAILS: "updateInsuranceDetails",
|
||||
UPDATE_DAMAGE_DETAILS: "updateDamageDetails",
|
||||
|
||||
// ORDER MUTATIONS
|
||||
UPDATE_REFERRAL_NUMBER: "updateReferralNumber",
|
||||
UPDATE_REFERRAL_SEQUENCE_NUMBER: "updateReferralSequenceNumber",
|
||||
UPDATE_REFERRAL_DATE: "updateReferralDate",
|
||||
UPDATE_REFERRAL_CORRELATION_ID: "updateReferralCorrelationId",
|
||||
UPDATE_PARENT_ACCT_NUMBER: "updateParentAcctNumber",
|
||||
UPDATE_ACCOUNT_NAME: "updateAccountName",
|
||||
UPDATE_IS_CLAIM_AND_COVERAGE: "updateIsClaimAndCoverage",
|
||||
UPDATE_CAN_SCHEDULE_ONLINE: "updateCanScheduleOnline",
|
||||
UPDATE_BILL_TO_ACCT_NUMBER: "updateBillToAcctNumber",
|
||||
UPDATE_EON: "updateEON",
|
||||
UPDATE_IS_INSURANCE: "updateIsInsurance",
|
||||
|
|
|
|||
272
src/digital-components/date-picker-popup/date-picker-popup.vue
Normal file
272
src/digital-components/date-picker-popup/date-picker-popup.vue
Normal file
|
|
@ -0,0 +1,272 @@
|
|||
<template>
|
||||
<div
|
||||
class="date-picker-popup"
|
||||
:class="[(errors && errors.length) || hasError ? 'has-error' : '']">
|
||||
<label
|
||||
v-if="displayQuestionText"
|
||||
:for="inputId"
|
||||
:aria-label="questionText"
|
||||
class="form-label"
|
||||
:class="[
|
||||
questionAlignment === 'center' ? 'text-center w-100 mb-5' : '',
|
||||
labelBold ? 'label-bold' : '',
|
||||
]"
|
||||
v-html="questionText"></label>
|
||||
<div class="input-wrapper">
|
||||
<VueDatePicker
|
||||
v-model="value"
|
||||
:menu-id="`${inputId}-menu`"
|
||||
:input-class-name="inputClassName"
|
||||
:placeholder="placeholderText"
|
||||
:formats="formatsConfig"
|
||||
:model-type="modelType"
|
||||
:time-config="timeConfig"
|
||||
:input-attrs="inputAttrs"
|
||||
:disabled="isDisabled"
|
||||
:min-date="minDate"
|
||||
:max-date="maxDate"
|
||||
:auto-apply="autoApply"
|
||||
:text-input="textInput"
|
||||
:teleport="true"
|
||||
:aria-labels="{ input: questionText }"
|
||||
@update:model-value="onDateChange"
|
||||
@blur="onPickerClosed"
|
||||
@closed="onPickerClosed" />
|
||||
</div>
|
||||
<div v-show="errorMessage" class="row form-test-error">
|
||||
<span
|
||||
class="d-inline-flex small mt-1"
|
||||
aria-atomic="true"
|
||||
aria-live="polite"
|
||||
:class="[centerErrorMessage ? 'center-error-message' : '']">
|
||||
{{ errorMessage }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { useField } from "vee-validate";
|
||||
import { VueDatePicker } from "@vuepic/vue-datepicker";
|
||||
import "@vuepic/vue-datepicker/dist/main.css";
|
||||
import { v4 as uuidv4 } from "uuid";
|
||||
|
||||
export default {
|
||||
name: "date-picker-popup",
|
||||
components: {
|
||||
VueDatePicker,
|
||||
},
|
||||
props: {
|
||||
customInputId: String,
|
||||
modelValue: [String, Date, Object],
|
||||
cmsWidgetName: String,
|
||||
validationRules: String,
|
||||
isRequired: Boolean,
|
||||
isDisabled: Boolean,
|
||||
hasError: Boolean,
|
||||
displayQuestionText: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
placeholderText: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
// Display format shown in the input
|
||||
format: {
|
||||
type: String,
|
||||
default: "MM/dd/yyyy",
|
||||
},
|
||||
// Format used for the v-model value emitted to parent
|
||||
modelType: {
|
||||
type: String,
|
||||
default: "MM/dd/yyyy",
|
||||
},
|
||||
enableTimePicker: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
minDate: {
|
||||
type: [String, Date],
|
||||
default: null,
|
||||
},
|
||||
maxDate: {
|
||||
type: [String, Date],
|
||||
default: null,
|
||||
},
|
||||
autoApply: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
clearable: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
textInput: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
questionAlignment: String,
|
||||
labelBold: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
centerErrorMessage: Boolean,
|
||||
addOptionalText: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
emits: ["update:modelValue", "change", "blur"],
|
||||
setup(props) {
|
||||
const uuid = uuidv4();
|
||||
const inputId = !props.customInputId ? `date-picker-${uuid}` : props.customInputId;
|
||||
|
||||
const initialValue = props.modelValue ?? "";
|
||||
|
||||
const fieldOptions = {
|
||||
type: "text",
|
||||
value: initialValue,
|
||||
initialValue: initialValue,
|
||||
};
|
||||
|
||||
const { errorMessage, handleBlur, handleChange, meta, validate, errors } = useField(
|
||||
inputId,
|
||||
props.validationRules,
|
||||
fieldOptions
|
||||
);
|
||||
|
||||
return {
|
||||
inputId,
|
||||
errorMessage,
|
||||
handleBlur,
|
||||
handleChange,
|
||||
validate,
|
||||
meta,
|
||||
errors,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
questionText() {
|
||||
if (!this.cmsWidgetName) return "";
|
||||
const text = this.getCmsContent
|
||||
? this.getCmsContent(this.cmsWidgetName, "BodyText")
|
||||
: "";
|
||||
return this.addOptionalText ? `${text} (optional)` : text;
|
||||
},
|
||||
value: {
|
||||
get() {
|
||||
return this.modelValue;
|
||||
},
|
||||
set(newValue) {
|
||||
this.$emit("update:modelValue", newValue);
|
||||
},
|
||||
},
|
||||
inputClassName() {
|
||||
return [
|
||||
"form-control",
|
||||
(this.errors && this.errors.length) || this.hasError ? "is-invalid" : "",
|
||||
]
|
||||
.filter(Boolean)
|
||||
.join(" ");
|
||||
},
|
||||
formatsConfig() {
|
||||
return {
|
||||
input: this.format,
|
||||
preview: this.format,
|
||||
};
|
||||
},
|
||||
timeConfig() {
|
||||
return {
|
||||
enableTimePicker: this.enableTimePicker,
|
||||
};
|
||||
},
|
||||
inputAttrs() {
|
||||
return {
|
||||
id: this.inputId,
|
||||
name: this.inputId,
|
||||
clearable: this.clearable,
|
||||
};
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
onDateChange(newValue) {
|
||||
this.handleChange(newValue);
|
||||
this.$emit("change", newValue);
|
||||
},
|
||||
onPickerClosed() {
|
||||
this.handleBlur();
|
||||
// handleChange updates the field value AND triggers reactive validation,
|
||||
// populating errors/errorMessage. Pass the current modelValue (may be empty).
|
||||
this.handleChange(this.modelValue ?? "");
|
||||
this.$emit("blur");
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
modelValue(newValue) {
|
||||
this.handleChange(newValue);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.date-picker-popup {
|
||||
label {
|
||||
font-family: UrbanistSemibold;
|
||||
color: $black;
|
||||
}
|
||||
.label-bold {
|
||||
font-weight: 600;
|
||||
}
|
||||
.form-label {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
.center-error-message {
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
// Match the look-and-feel of textbox-question's input
|
||||
.dp__input {
|
||||
border: 1px solid $gray-500;
|
||||
border-radius: 0.5rem;
|
||||
min-height: 3rem;
|
||||
padding: 0.75rem 1rem 0.75rem 2.5rem;
|
||||
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
|
||||
font-family: inherit;
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
padding: 1rem 1rem 1rem 2.5rem;
|
||||
min-height: 3.5rem;
|
||||
}
|
||||
|
||||
&::placeholder {
|
||||
color: $gray-500;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2.5px $blue;
|
||||
border-color: $gray-500;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border: 1px solid $gray-500;
|
||||
box-shadow: 0 0 0 4px $blue-300;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.dp__disabled {
|
||||
background-color: $gray-100;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-error .dp__input {
|
||||
border-color: $danger;
|
||||
}
|
||||
}
|
||||
|
||||
.dp__today {
|
||||
background-color: #ffc966 !important;
|
||||
color: $black;
|
||||
}
|
||||
</style>
|
||||
70
src/layouts/coverage-statement/coverage-statement.spec.js
Normal file
70
src/layouts/coverage-statement/coverage-statement.spec.js
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
import coverageStatement from "@/layouts/coverage-statement/coverage-statement.vue";
|
||||
import { shallowMount } from "@vue/test-utils";
|
||||
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
// Mock our module for promises.
|
||||
jest.mock("@/helpers/layout-helper.js", () => ({
|
||||
settleAllPromises: jest.fn(),
|
||||
}));
|
||||
|
||||
// Mock fetchCmsContentForPage
|
||||
jest.mock("@/helpers/cms-content-helper", () => ({
|
||||
fetchCmsContentForPage: jest.fn(),
|
||||
}));
|
||||
|
||||
describe("coverage-statement.vue", () => {
|
||||
describe("component rendering", () => {
|
||||
test("renders funnelHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders funnelSubHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelSubHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "Form" }).exists()).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
describe("methods", () => {
|
||||
test("arePagePrerequisitesValid returns true", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.vm.arePagePrerequisitesValid()).toBe(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function setupMocks() {
|
||||
const mockCmsContent = {
|
||||
FunnelHeaderWidget: { Text: "Header" },
|
||||
FunnelSubHeaderWidget: { Text: "Subheader" },
|
||||
FunnelFooterWidget: { Text: "Footer" },
|
||||
};
|
||||
|
||||
fetchCmsContentForPage.mockResolvedValue(mockCmsContent);
|
||||
settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent });
|
||||
|
||||
const mountOptions = getMountOptions({
|
||||
route: { name: "duplicate-check", query: {}, params: {} },
|
||||
router: {
|
||||
navigate: jest.fn(),
|
||||
navigateWithSaving: jest.fn(),
|
||||
navigateWithoutSaving: jest.fn(),
|
||||
},
|
||||
});
|
||||
|
||||
const wrapper = shallowMount(coverageStatement, mountOptions);
|
||||
|
||||
return { wrapper };
|
||||
}
|
||||
103
src/layouts/coverage-statement/coverage-statement.vue
Normal file
103
src/layouts/coverage-statement/coverage-statement.vue
Normal file
|
|
@ -0,0 +1,103 @@
|
|||
<template>
|
||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
|
||||
<funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
|
||||
<!--
|
||||
... Page code goes here.
|
||||
-->
|
||||
<navbar
|
||||
cmsWidgetName="FunnelFooterWidget"
|
||||
ref="navbar"
|
||||
:isForwardActionDisabled="!meta.valid"
|
||||
@back-clicked="backButtonAction"
|
||||
@ForwardClicked="forwardButtonAction" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
|
||||
import navbar from "@/fmg-components/nav-bar/nav-bar";
|
||||
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
|
||||
import { Form } from "vee-validate";
|
||||
import store from "@/store";
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
export default {
|
||||
name: "coverage-statement",
|
||||
mixins: [],
|
||||
data() {
|
||||
return {
|
||||
isClaimAndCoverage: this.isClaimAndCoverageFromStore(),
|
||||
isRecalibrationOnOrder: this.isRecalibrationOnOrderFromStore(),
|
||||
};
|
||||
},
|
||||
components: {
|
||||
Form,
|
||||
funnelHeader,
|
||||
navbar,
|
||||
funnelSubHeader,
|
||||
},
|
||||
// Ensure CMS content is fetched during route navigation without depending on `to`/`from`
|
||||
async beforeRouteEnter(to, from, next) {
|
||||
const pageName = to.name;
|
||||
const cmsContentPromise = fetchCmsContentForPage(pageName);
|
||||
const promiseResultMap = [
|
||||
{
|
||||
resultKey: "cmsContent",
|
||||
promise: cmsContentPromise,
|
||||
},
|
||||
];
|
||||
const resultMap = await settleAllPromises(promiseResultMap);
|
||||
next((vm) => {
|
||||
vm.setCmsContent(resultMap.cmsContent);
|
||||
});
|
||||
},
|
||||
|
||||
methods: {
|
||||
isClaimAndCoverageFromStore() {
|
||||
return store.getters.order?.payment?.isClaimAndCoverage;
|
||||
},
|
||||
isRecalibrationOnOrderFromStore() {
|
||||
return store.getters.isRecalibrationOnOrder;
|
||||
},
|
||||
backButtonAction() {
|
||||
if (!this.isClaimAndCoverage) {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK_NON_CLAIM_AND_COVERAGE,
|
||||
this.pageName
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
if (this.isRecalibrationOnOrder) {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK_RECALIBRATION_INFO,
|
||||
this.pageName
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
async forwardButtonAction() {
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
arePagePrerequisitesValid() {
|
||||
return true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
70
src/layouts/duplicate-check/duplicate-check.spec.js
Normal file
70
src/layouts/duplicate-check/duplicate-check.spec.js
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
import duplicateCheck from "@/layouts/duplicate-check/duplicate-check.vue";
|
||||
import { shallowMount } from "@vue/test-utils";
|
||||
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
// Mock our module for promises.
|
||||
jest.mock("@/helpers/layout-helper.js", () => ({
|
||||
settleAllPromises: jest.fn(),
|
||||
}));
|
||||
|
||||
// Mock fetchCmsContentForPage
|
||||
jest.mock("@/helpers/cms-content-helper", () => ({
|
||||
fetchCmsContentForPage: jest.fn(),
|
||||
}));
|
||||
|
||||
describe("duplicate-check.vue", () => {
|
||||
describe("component rendering", () => {
|
||||
test("renders funnelHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders funnelSubHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelSubHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "Form" }).exists()).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
describe("methods", () => {
|
||||
test("arePagePrerequisitesValid returns true", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.vm.arePagePrerequisitesValid()).toBe(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function setupMocks() {
|
||||
const mockCmsContent = {
|
||||
FunnelHeaderWidget: { Text: "Header" },
|
||||
FunnelSubHeaderWidget: { Text: "Subheader" },
|
||||
FunnelFooterWidget: { Text: "Footer" },
|
||||
};
|
||||
|
||||
fetchCmsContentForPage.mockResolvedValue(mockCmsContent);
|
||||
settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent });
|
||||
|
||||
const mountOptions = getMountOptions({
|
||||
route: { name: "duplicate-check", query: {}, params: {} },
|
||||
router: {
|
||||
navigate: jest.fn(),
|
||||
navigateWithSaving: jest.fn(),
|
||||
navigateWithoutSaving: jest.fn(),
|
||||
},
|
||||
});
|
||||
|
||||
const wrapper = shallowMount(duplicateCheck, mountOptions);
|
||||
|
||||
return { wrapper };
|
||||
}
|
||||
78
src/layouts/duplicate-check/duplicate-check.vue
Normal file
78
src/layouts/duplicate-check/duplicate-check.vue
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<template>
|
||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
|
||||
<funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
|
||||
<!--
|
||||
... Page code goes here.
|
||||
-->
|
||||
<navbar
|
||||
cmsWidgetName="FunnelFooterWidget"
|
||||
ref="navbar"
|
||||
:isForwardActionDisabled="!meta.valid"
|
||||
@back-clicked="backButtonAction"
|
||||
@ForwardClicked="forwardButtonAction" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
|
||||
import navbar from "@/fmg-components/nav-bar/nav-bar";
|
||||
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
|
||||
import { Form } from "vee-validate";
|
||||
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
export default {
|
||||
name: "duplicate-check",
|
||||
mixins: [],
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
components: {
|
||||
Form,
|
||||
funnelHeader,
|
||||
navbar,
|
||||
funnelSubHeader,
|
||||
},
|
||||
// Ensure CMS content is fetched during route navigation without depending on `to`/`from`
|
||||
async beforeRouteEnter(to, from, next) {
|
||||
const pageName = to.name;
|
||||
const cmsContentPromise = fetchCmsContentForPage(pageName);
|
||||
const promiseResultMap = [
|
||||
{
|
||||
resultKey: "cmsContent",
|
||||
promise: cmsContentPromise,
|
||||
},
|
||||
];
|
||||
const resultMap = await settleAllPromises(promiseResultMap);
|
||||
next((vm) => {
|
||||
vm.setCmsContent(resultMap.cmsContent);
|
||||
});
|
||||
},
|
||||
|
||||
methods: {
|
||||
backButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
async forwardButtonAction() {
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
arePagePrerequisitesValid() {
|
||||
return true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
70
src/layouts/endorsements/endorsements.spec.js
Normal file
70
src/layouts/endorsements/endorsements.spec.js
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
import endorsements from "@/layouts/endorsements/endorsements.vue";
|
||||
import { shallowMount } from "@vue/test-utils";
|
||||
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
// Mock our module for promises.
|
||||
jest.mock("@/helpers/layout-helper.js", () => ({
|
||||
settleAllPromises: jest.fn(),
|
||||
}));
|
||||
|
||||
// Mock fetchCmsContentForPage
|
||||
jest.mock("@/helpers/cms-content-helper", () => ({
|
||||
fetchCmsContentForPage: jest.fn(),
|
||||
}));
|
||||
|
||||
describe("endorsements.vue", () => {
|
||||
describe("component rendering", () => {
|
||||
test("renders funnelHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders funnelSubHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelSubHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "Form" }).exists()).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
describe("methods", () => {
|
||||
test("arePagePrerequisitesValid returns true", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.vm.arePagePrerequisitesValid()).toBe(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function setupMocks() {
|
||||
const mockCmsContent = {
|
||||
FunnelHeaderWidget: { Text: "Header" },
|
||||
FunnelSubHeaderWidget: { Text: "Subheader" },
|
||||
FunnelFooterWidget: { Text: "Footer" },
|
||||
};
|
||||
|
||||
fetchCmsContentForPage.mockResolvedValue(mockCmsContent);
|
||||
settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent });
|
||||
|
||||
const mountOptions = getMountOptions({
|
||||
route: { name: "duplicate-check", query: {}, params: {} },
|
||||
router: {
|
||||
navigate: jest.fn(),
|
||||
navigateWithSaving: jest.fn(),
|
||||
navigateWithoutSaving: jest.fn(),
|
||||
},
|
||||
});
|
||||
|
||||
const wrapper = shallowMount(endorsements, mountOptions);
|
||||
|
||||
return { wrapper };
|
||||
}
|
||||
78
src/layouts/endorsements/endorsements.vue
Normal file
78
src/layouts/endorsements/endorsements.vue
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<template>
|
||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
|
||||
<funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
|
||||
<!--
|
||||
... Page code goes here.
|
||||
-->
|
||||
<navbar
|
||||
cmsWidgetName="FunnelFooterWidget"
|
||||
ref="navbar"
|
||||
:isForwardActionDisabled="!meta.valid"
|
||||
@back-clicked="backButtonAction"
|
||||
@ForwardClicked="forwardButtonAction" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
|
||||
import navbar from "@/fmg-components/nav-bar/nav-bar";
|
||||
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
|
||||
import { Form } from "vee-validate";
|
||||
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
export default {
|
||||
name: "endorsements",
|
||||
mixins: [],
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
components: {
|
||||
Form,
|
||||
funnelHeader,
|
||||
navbar,
|
||||
funnelSubHeader,
|
||||
},
|
||||
// Ensure CMS content is fetched during route navigation without depending on `to`/`from`
|
||||
async beforeRouteEnter(to, from, next) {
|
||||
const pageName = to.name;
|
||||
const cmsContentPromise = fetchCmsContentForPage(pageName);
|
||||
const promiseResultMap = [
|
||||
{
|
||||
resultKey: "cmsContent",
|
||||
promise: cmsContentPromise,
|
||||
},
|
||||
];
|
||||
const resultMap = await settleAllPromises(promiseResultMap);
|
||||
next((vm) => {
|
||||
vm.setCmsContent(resultMap.cmsContent);
|
||||
});
|
||||
},
|
||||
|
||||
methods: {
|
||||
backButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
async forwardButtonAction() {
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
arePagePrerequisitesValid() {
|
||||
return true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
|
@ -35,7 +35,7 @@ export default {
|
|||
name: "insurance-company-question",
|
||||
props: {
|
||||
originalList: Array,
|
||||
modelValue: String,
|
||||
modelValue: Object,
|
||||
validationRules: String,
|
||||
},
|
||||
data() {
|
||||
|
|
@ -44,12 +44,13 @@ export default {
|
|||
};
|
||||
},
|
||||
computed: {
|
||||
selectedAccountNumber: {
|
||||
selectedAccount: {
|
||||
get: function () {
|
||||
return this.modelValue?.toString();
|
||||
return this.modelValue;
|
||||
},
|
||||
set: function (newValue) {
|
||||
this.$emit("update:modelValue", newValue); // send data up to v-model on parent, s/b account number
|
||||
this.selectedAccountName = newValue?.accountName;
|
||||
this.$emit("update:modelValue", newValue);
|
||||
},
|
||||
},
|
||||
searchableInsuranceCompanyList() {
|
||||
|
|
@ -71,15 +72,15 @@ export default {
|
|||
},
|
||||
},
|
||||
methods: {
|
||||
getParentAccountNumber(name) {
|
||||
getAccount(name) {
|
||||
const matchedItems = this.searchableInsuranceCompanyList?.filter((item) => {
|
||||
return item.accountName?.toString() === name.toString();
|
||||
});
|
||||
|
||||
if (matchedItems.length > 0) {
|
||||
return matchedItems[0].parentAccountNumber;
|
||||
return matchedItems[0];
|
||||
} else {
|
||||
console.error("Error locating accountNumber");
|
||||
console.error("Error locating accountNumber" + name);
|
||||
return;
|
||||
}
|
||||
},
|
||||
|
|
@ -91,7 +92,7 @@ export default {
|
|||
if (matchedItems.length > 0) {
|
||||
return matchedItems[0].accountName;
|
||||
} else {
|
||||
console.error("Error locating accountName");
|
||||
console.error("Error locating accountName" + number);
|
||||
return;
|
||||
}
|
||||
},
|
||||
|
|
@ -128,19 +129,18 @@ export default {
|
|||
console.error("No insurance companies found");
|
||||
return;
|
||||
}
|
||||
|
||||
if (parentAccountName) {
|
||||
const parentAccountNumber = this.getParentAccountNumber(parentAccountName);
|
||||
this.selectedAccountNumber = parentAccountNumber;
|
||||
this.selectedAccountName = this.getParentAccountName(parentAccountNumber);
|
||||
this.selectedAccount = this.getAccount(parentAccountName);
|
||||
} else {
|
||||
this.selectedAccountNumber = "";
|
||||
this.selectedAccountName = "";
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
if (this.modelValue.length > 0) {
|
||||
this.selectedAccountName = this.getParentAccountName(this.modelValue?.toString());
|
||||
const parentAccountNumber = this.modelValue?.parentAccountNumber;
|
||||
if (parentAccountNumber && parentAccountNumber.length > 0) {
|
||||
this.selectedAccountName = this.getParentAccountName(parentAccountNumber.toString());
|
||||
}
|
||||
|
||||
const select = this.selectInsuranceCompany;
|
||||
|
|
|
|||
|
|
@ -6,11 +6,10 @@
|
|||
<div class="row">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
|
||||
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-4" alignLeft />
|
||||
|
||||
<div v-if="originalList.length > 0">
|
||||
<insurance-company-question
|
||||
isRequired
|
||||
v-model="parentAccountNumber"
|
||||
v-model="selectedAccount"
|
||||
:originalList="originalList"
|
||||
validationRules="insurance-company-required" />
|
||||
</div>
|
||||
|
|
@ -59,6 +58,7 @@ import store from "@/store";
|
|||
import { flushSaveSessionQueue } from "@/helpers/heritage-integration/order-helper";
|
||||
import { errorMessages } from "@/constants/error-messages";
|
||||
import { required, regex } from "@/helpers/validation-rules";
|
||||
import { debugLog } from "@/helpers/debug-log-helper";
|
||||
|
||||
defineRule("insurance-company-required", required(errorMessages.INSURANCE_COMPANY_REQUIRED));
|
||||
|
||||
|
|
@ -117,13 +117,18 @@ export default {
|
|||
|
||||
data() {
|
||||
return {
|
||||
parentAccountNumber: this.parentAccountNumberFromStore(),
|
||||
selectedAccount: {
|
||||
parentAccountNumber: this.parentAccountNumberFromStore(),
|
||||
accountName: this.accountNameFromStore(),
|
||||
isClaimAndCoverage: this.isClaimAndCoverageFromStore(),
|
||||
canScheduleOnline: this.canScheduleOnlineFromStore(),
|
||||
},
|
||||
originalList: [],
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
isParentAccountNumber() {
|
||||
return !!this.parentAccountNumber;
|
||||
return !!this.selectedAccount.parentAccountNumber;
|
||||
},
|
||||
payWithCashButtonCopy() {
|
||||
return this.getCmsContent("PayWithCashWidget", "Text");
|
||||
|
|
@ -142,6 +147,15 @@ export default {
|
|||
: "";
|
||||
return accountNumber;
|
||||
},
|
||||
accountNameFromStore() {
|
||||
return store.getters.order?.payment?.accountName;
|
||||
},
|
||||
isClaimAndCoverageFromStore() {
|
||||
return store.getters.order?.payment?.isClaimAndCoverage;
|
||||
},
|
||||
canScheduleOnlineFromStore() {
|
||||
return store.getters.order?.payment?.canScheduleOnline;
|
||||
},
|
||||
arePagePrerequisitesValid() {
|
||||
return store.getters.order.payment.isInsurance === true;
|
||||
},
|
||||
|
|
@ -168,7 +182,25 @@ export default {
|
|||
|
||||
await this.dispatchStoreAction(
|
||||
this.storeActions.SAVE_PARENT_ACCOUNT_NUMBER,
|
||||
this.parentAccountNumber.toString(),
|
||||
this.selectedAccount.parentAccountNumber.toString(),
|
||||
false
|
||||
);
|
||||
|
||||
await this.dispatchStoreAction(
|
||||
this.storeActions.SAVE_ACCOUNT_NAME,
|
||||
this.selectedAccount.accountName,
|
||||
false
|
||||
);
|
||||
|
||||
await this.dispatchStoreAction(
|
||||
this.storeActions.SAVE_IS_CLAIM_AND_COVERAGE,
|
||||
this.selectedAccount.isClaimAndCoverage,
|
||||
false
|
||||
);
|
||||
|
||||
await this.dispatchStoreAction(
|
||||
this.storeActions.SAVE_CAN_SCHEDULE_ONLINE,
|
||||
this.selectedAccount.canScheduleOnline,
|
||||
false
|
||||
);
|
||||
|
||||
|
|
@ -187,6 +219,75 @@ export default {
|
|||
//Reload page when navigate with browser back button
|
||||
window.addEventListener("pageshow", this.handlePageShow);
|
||||
|
||||
//TODO: Where to send if can schedule online is false?
|
||||
if (!this.selectedAccount.canScheduleOnline) {
|
||||
debugLog(
|
||||
`--- ${this.selectedAccount.parentAccountNumber} Can schedule online is false, sending to vue app Insurance Details page ---`
|
||||
);
|
||||
}
|
||||
|
||||
// hasClaimAndCoverage in experiment-mixin.js checks if the parent account number is in the experiment settings.
|
||||
const isClaimAndCoverageExperimentActive = this.hasClaimAndCoverage(
|
||||
this.selectedAccount.parentAccountNumber
|
||||
);
|
||||
|
||||
// C&C experiment active for this parent account number, send to vue app Policy Info page
|
||||
if (isClaimAndCoverageExperimentActive) {
|
||||
debugLog(
|
||||
`--- ${this.selectedAccount.parentAccountNumber} C&C experiment active for this parent account number, sending to vue app Policy Info page ---`
|
||||
);
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD_POLICY_INFO,
|
||||
this.pageName
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
// C&C experiment setting is false, but is a C&C client, send to heritage
|
||||
if (this.selectedAccount.isClaimAndCoverage) {
|
||||
debugLog(
|
||||
`--- ${this.selectedAccount.parentAccountNumber} C&C experiment setting is false, but is a C&C client, sending to heritage ---`
|
||||
);
|
||||
navigateToHeritageFunnel({
|
||||
shouldSaveSession: true,
|
||||
pageNameToLog: this.pageName,
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// Non integrated experiment setting is true, send to new insurance details page
|
||||
if (
|
||||
this.hasSettingEqualTo(
|
||||
experimentSettings.ENABLE_NON_CLAIM_AND_COVERAGE_FLOW,
|
||||
"true"
|
||||
)
|
||||
) {
|
||||
debugLog(
|
||||
`--- ${this.selectedAccount.parentAccountNumber} Non integrated experiment setting is true, sending to vue app Insurance Details page ---`
|
||||
);
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD_NON_CLAIM_AND_COVERAGE,
|
||||
this.pageName
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
// Non integrated experiment setting is false, but a parent account is NON_CLAIM_AND_COVERAGE_TEST_PARENT_ACCOUNT experiment
|
||||
// contains a specific parent account number you wish to send to the veu app insurance details page
|
||||
var nonIntegratedTestParentAccount = this.getSettingValue(
|
||||
experimentSettings.NON_CLAIM_AND_COVERAGE_TEST_PARENT_ACCOUNT
|
||||
);
|
||||
if (nonIntegratedTestParentAccount === this.selectedAccount.parentAccountNumber) {
|
||||
debugLog(
|
||||
`--- ${this.selectedAccount.parentAccountNumber} Non integrated experiment setting is false, but a parent account is NON_CLAIM_AND_COVERAGE_TEST_PARENT_ACCOUNT experiment contains a specific parent account number, sending to vue app Insurance Details page ---`
|
||||
);
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD_NON_CLAIM_AND_COVERAGE,
|
||||
this.pageName
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
navigateToHeritageFunnel({
|
||||
shouldSaveSession: true,
|
||||
pageNameToLog: "insurance-company",
|
||||
|
|
|
|||
297
src/layouts/insurance-details/insurance-details.vue
Normal file
297
src/layouts/insurance-details/insurance-details.vue
Normal file
|
|
@ -0,0 +1,297 @@
|
|||
<template>
|
||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
||||
<loadingModal ref="loadingModal" />
|
||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
|
||||
<funnelSubHeader
|
||||
cmsWidgetName="FunnelSubHeaderWidget"
|
||||
class="mt-4 mb-5"
|
||||
alignLeft />
|
||||
<textboxQuestion
|
||||
isRequired
|
||||
isDisabled
|
||||
class="mb-4 locked-input"
|
||||
cmsWidgetName="InsuranceCompanyNameWidget"
|
||||
v-model="insuranceCompanyName"
|
||||
ref="insuranceCompanyName"
|
||||
customInputId="insuranceCompanyName"
|
||||
validationRules="insurance-company-name-required" />
|
||||
|
||||
<textboxQuestion
|
||||
isRequired
|
||||
class="mb-4"
|
||||
cmsWidgetName="PolicyNumberWidget"
|
||||
v-model="policyNumber"
|
||||
inputId="policyNumber"
|
||||
placeholderText="Type your policy number"
|
||||
validationRules="policy-number-required" />
|
||||
|
||||
<datePickerPopup
|
||||
isRequired
|
||||
class="mb-4"
|
||||
cmsWidgetName="DateOfLossWidget"
|
||||
v-model="dateOfLoss"
|
||||
customInputId="dateOfLoss"
|
||||
placeholderText="MM/DD/YYYY"
|
||||
validationRules="date-of-loss-required"
|
||||
format="MM/dd/yyyy"
|
||||
modelType="MM/dd/yyyy"
|
||||
:enableTimePicker="false"
|
||||
:clearable="false" />
|
||||
|
||||
<dropdownQuestion
|
||||
isRequired
|
||||
:questionText="damageTypesQuestionText"
|
||||
class="mb-4"
|
||||
v-model="damageCause"
|
||||
cmsWidgetName="DamageTypesWidget"
|
||||
customDropdownId="damageTypes"
|
||||
:options="damageTypesOptions"
|
||||
:valueAsKey="true"
|
||||
validationRules="damage-types-required"
|
||||
:labelBold="true" />
|
||||
|
||||
<hr class="my-4" />
|
||||
|
||||
<textBlock cmsWidgetName="AddressSectionWidget" class="dark" typeStyle="h5" />
|
||||
|
||||
<textboxQuestion
|
||||
isRequired
|
||||
class="mb-4"
|
||||
cmsWidgetName="StreetAddressWidget"
|
||||
v-model="streetAddress"
|
||||
inputId="streetAddress"
|
||||
validationRules="street-address-required" />
|
||||
|
||||
<textboxQuestion
|
||||
isRequired
|
||||
class="mb-4"
|
||||
cmsWidgetName="ApartmentWidget"
|
||||
v-model="apartment"
|
||||
inputId="apartment" />
|
||||
|
||||
<textboxQuestion
|
||||
isRequired
|
||||
class="mb-4"
|
||||
cmsWidgetName="CityWidget"
|
||||
v-model="city"
|
||||
inputId="city"
|
||||
validationRules="city-required" />
|
||||
|
||||
<dropdownQuestion
|
||||
class="mb-4"
|
||||
customDropdownId="policyState"
|
||||
cmsWidgetName="StateQuestionWidget"
|
||||
v-model="policyState"
|
||||
ref="policyState"
|
||||
:options="stateOptions"
|
||||
validationRules="state-required"
|
||||
autocomplete="address-level1"
|
||||
:labelBold="true" />
|
||||
|
||||
<textboxQuestion
|
||||
isRequired
|
||||
class="mb-4"
|
||||
cmsWidgetName="ZipQuestionWidget"
|
||||
v-model="policyZip"
|
||||
inputId="policyZip"
|
||||
maxLength="5"
|
||||
validationRules="zip-code-required|zip-code-format" />
|
||||
|
||||
<navbar
|
||||
cmsWidgetName="FunnelFooterWidget"
|
||||
ref="navbar"
|
||||
:isForwardActionDisabled="!meta.valid"
|
||||
@back-clicked="backButtonAction"
|
||||
@ForwardClicked="forwardButtonAction" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
|
||||
import navbar from "@/fmg-components/nav-bar/nav-bar";
|
||||
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
|
||||
import textboxQuestion from "@/digital-components/textbox-question/textbox-question";
|
||||
import datePickerPopup from "@/digital-components/date-picker-popup/date-picker-popup";
|
||||
import dropdownQuestion from "@/digital-components/dropdown-question/dropdown-question";
|
||||
import textBlock from "@/digital-components/text-block/text-block";
|
||||
import { Form, defineRule } from "vee-validate";
|
||||
import store from "@/store";
|
||||
import { errorMessages } from "@/constants/error-messages";
|
||||
import { required } from "@/helpers/validation-rules";
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
import { stateOptions } from "@/constants/state-options";
|
||||
import { regex } from "@/helpers/validation-rules";
|
||||
|
||||
// DEFINE VALIDATION RULES
|
||||
defineRule(
|
||||
"insurance-company-name-required",
|
||||
required(errorMessages.INSURANCE_COMPANY_NAME_REQUIRED)
|
||||
);
|
||||
defineRule("policy-number-required", required(errorMessages.POLICY_NUMBER_REQUIRED));
|
||||
defineRule("date-of-loss-required", required(errorMessages.DATE_OF_LOSS_REQUIRED));
|
||||
defineRule("damage-types-required", required(errorMessages.DAMAGE_TYPES_REQUIRED));
|
||||
defineRule("street-address-required", required(errorMessages.STREET_ADDRESS_REQUIRED));
|
||||
defineRule("city-required", required(errorMessages.CITY_REQUIRED));
|
||||
defineRule("state-required", required(errorMessages.STATE_REQUIRED));
|
||||
defineRule("zip-code-required", required(errorMessages.ZIP_CODE_REQUIRED));
|
||||
defineRule("zip-code-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.ZIP_CODE_FORMAT));
|
||||
|
||||
export default {
|
||||
name: "insurance-details",
|
||||
mixins: [],
|
||||
data() {
|
||||
return {
|
||||
insuranceCompanyName: this.getInsuranceCompanyNameFromStore(),
|
||||
policyNumber: this.getPolicyNumberFromStore(),
|
||||
dateOfLoss: this.getDateOfLossFromStore(),
|
||||
damageCause: this.getDamageCauseFromStore(),
|
||||
streetAddress: this.getStreetAddressFromStore(),
|
||||
apartment: this.getApartmentFromStore(),
|
||||
city: this.getCityFromStore(),
|
||||
policyState: this.getPolicyStateFromStore(),
|
||||
policyZip: this.getPolicyZipFromStore(),
|
||||
};
|
||||
},
|
||||
components: {
|
||||
Form,
|
||||
funnelHeader,
|
||||
navbar,
|
||||
funnelSubHeader,
|
||||
textboxQuestion,
|
||||
datePickerPopup,
|
||||
dropdownQuestion,
|
||||
textBlock,
|
||||
},
|
||||
// Ensure CMS content is fetched during route navigation without depending on `to`/`from`
|
||||
async beforeRouteEnter(to, from, next) {
|
||||
const pageName = to.name;
|
||||
const cmsContentPromise = fetchCmsContentForPage(pageName);
|
||||
const promiseResultMap = [
|
||||
{
|
||||
resultKey: "cmsContent",
|
||||
promise: cmsContentPromise,
|
||||
},
|
||||
];
|
||||
const resultMap = await settleAllPromises(promiseResultMap);
|
||||
next((vm) => {
|
||||
vm.setCmsContent(resultMap.cmsContent);
|
||||
});
|
||||
},
|
||||
|
||||
computed: {
|
||||
stateOptions() {
|
||||
return stateOptions;
|
||||
},
|
||||
damageCauseQuestionText() {
|
||||
return this.getCmsContent("DamageTypesWidget", "QuestionText");
|
||||
},
|
||||
damageTypesOptions() {
|
||||
const options = {};
|
||||
|
||||
const answers = this.getCmsContent("DamageTypesWidget", "Answers");
|
||||
for (const answer of answers) {
|
||||
options[answer.Name] = answer.Text;
|
||||
}
|
||||
|
||||
return options;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
getInsuranceCompanyNameFromStore() {
|
||||
return store.getters.order.policy.insuranceCompanyName;
|
||||
},
|
||||
getPolicyNumberFromStore() {
|
||||
return store.getters.order.policy.policyNumber;
|
||||
},
|
||||
getDateOfLossFromStore() {
|
||||
return store.getters.order.damage.dateOfLoss ?? "";
|
||||
},
|
||||
getDamageCauseFromStore() {
|
||||
return store.getters.order.damage.damageCause ?? "";
|
||||
},
|
||||
getStreetAddressFromStore() {
|
||||
return store.getters.order.policy.streetAddress ?? "";
|
||||
},
|
||||
getApartmentFromStore() {
|
||||
return store.getters.order.policy.apartment ?? "";
|
||||
},
|
||||
getCityFromStore() {
|
||||
return store.getters.order.policy.city ?? "";
|
||||
},
|
||||
getPolicyStateFromStore() {
|
||||
return store.getters.order.policy.state ?? "";
|
||||
},
|
||||
getPolicyZipFromStore() {
|
||||
return store.getters.order.policy.zipCode ?? "";
|
||||
},
|
||||
backButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
async forwardButtonAction() {
|
||||
this.dispatchStoreAction(
|
||||
this.storeActions.SAVE_INSURANCE_DETAILS,
|
||||
{
|
||||
policyNumber: this.policyNumber,
|
||||
streetAddress: this.streetAddress,
|
||||
apartment: this.apartment,
|
||||
city: this.city,
|
||||
state: this.policyState,
|
||||
zipCode: this.policyZip,
|
||||
},
|
||||
false
|
||||
);
|
||||
|
||||
this.dispatchStoreAction(
|
||||
this.storeActions.SAVE_DAMAGE_DETAILS,
|
||||
{
|
||||
dateOfLoss: this.dateOfLoss,
|
||||
damageCause: this.damageCause,
|
||||
},
|
||||
false
|
||||
);
|
||||
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
arePagePrerequisitesValid() {
|
||||
return true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.locked-input {
|
||||
:deep(.input-wrapper) {
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 1rem;
|
||||
transform: translateY(-50%);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236c757d'%3E%3Cpath d='M8 1a3.5 3.5 0 0 0-3.5 3.5V7H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-.5V4.5A3.5 3.5 0 0 0 8 1zm-2 6V4.5a2 2 0 1 1 4 0V7H6z'/%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
pointer-events: none;
|
||||
}
|
||||
.form-control {
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
70
src/layouts/policy-driver/policy-driver.spec.js
Normal file
70
src/layouts/policy-driver/policy-driver.spec.js
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
import policyDriver from "@/layouts/policy-driver/policy-driver.vue";
|
||||
import { shallowMount } from "@vue/test-utils";
|
||||
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
// Mock our module for promises.
|
||||
jest.mock("@/helpers/layout-helper.js", () => ({
|
||||
settleAllPromises: jest.fn(),
|
||||
}));
|
||||
|
||||
// Mock fetchCmsContentForPage
|
||||
jest.mock("@/helpers/cms-content-helper", () => ({
|
||||
fetchCmsContentForPage: jest.fn(),
|
||||
}));
|
||||
|
||||
describe("policy-driver.vue", () => {
|
||||
describe("component rendering", () => {
|
||||
test("renders funnelHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders funnelSubHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelSubHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "Form" }).exists()).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
describe("methods", () => {
|
||||
test("arePagePrerequisitesValid returns true", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.vm.arePagePrerequisitesValid()).toBe(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function setupMocks() {
|
||||
const mockCmsContent = {
|
||||
FunnelHeaderWidget: { Text: "Header" },
|
||||
FunnelSubHeaderWidget: { Text: "Subheader" },
|
||||
FunnelFooterWidget: { Text: "Footer" },
|
||||
};
|
||||
|
||||
fetchCmsContentForPage.mockResolvedValue(mockCmsContent);
|
||||
settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent });
|
||||
|
||||
const mountOptions = getMountOptions({
|
||||
route: { name: "policy-driver", query: {}, params: {} },
|
||||
router: {
|
||||
navigate: jest.fn(),
|
||||
navigateWithSaving: jest.fn(),
|
||||
navigateWithoutSaving: jest.fn(),
|
||||
},
|
||||
});
|
||||
|
||||
const wrapper = shallowMount(policyDriver, mountOptions);
|
||||
|
||||
return { wrapper };
|
||||
}
|
||||
78
src/layouts/policy-driver/policy-driver.vue
Normal file
78
src/layouts/policy-driver/policy-driver.vue
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<template>
|
||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
|
||||
<funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
|
||||
<!--
|
||||
... Page code goes here.
|
||||
-->
|
||||
<navbar
|
||||
cmsWidgetName="FunnelFooterWidget"
|
||||
ref="navbar"
|
||||
:isForwardActionDisabled="!meta.valid"
|
||||
@back-clicked="backButtonAction"
|
||||
@ForwardClicked="forwardButtonAction" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
|
||||
import navbar from "@/fmg-components/nav-bar/nav-bar";
|
||||
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
|
||||
import { Form } from "vee-validate";
|
||||
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
export default {
|
||||
name: "policy-driver",
|
||||
mixins: [],
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
components: {
|
||||
Form,
|
||||
funnelHeader,
|
||||
navbar,
|
||||
funnelSubHeader,
|
||||
},
|
||||
// Ensure CMS content is fetched during route navigation without depending on `to`/`from`
|
||||
async beforeRouteEnter(to, from, next) {
|
||||
const pageName = to.name;
|
||||
const cmsContentPromise = fetchCmsContentForPage(pageName);
|
||||
const promiseResultMap = [
|
||||
{
|
||||
resultKey: "cmsContent",
|
||||
promise: cmsContentPromise,
|
||||
},
|
||||
];
|
||||
const resultMap = await settleAllPromises(promiseResultMap);
|
||||
next((vm) => {
|
||||
vm.setCmsContent(resultMap.cmsContent);
|
||||
});
|
||||
},
|
||||
|
||||
methods: {
|
||||
backButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
async forwardButtonAction() {
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
arePagePrerequisitesValid() {
|
||||
return true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
import policyInfoSubmitted from "@/layouts/policy-info-submitted/policy-info-submitted.vue";
|
||||
import { shallowMount } from "@vue/test-utils";
|
||||
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
// Mock our module for promises.
|
||||
jest.mock("@/helpers/layout-helper.js", () => ({
|
||||
settleAllPromises: jest.fn(),
|
||||
}));
|
||||
|
||||
// Mock fetchCmsContentForPage
|
||||
jest.mock("@/helpers/cms-content-helper", () => ({
|
||||
fetchCmsContentForPage: jest.fn(),
|
||||
}));
|
||||
|
||||
describe("policy-info-submitted.vue", () => {
|
||||
describe("component rendering", () => {
|
||||
test("renders funnelHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders funnelSubHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelSubHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "Form" }).exists()).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
describe("methods", () => {
|
||||
test("arePagePrerequisitesValid returns true", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.vm.arePagePrerequisitesValid()).toBe(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function setupMocks() {
|
||||
const mockCmsContent = {
|
||||
FunnelHeaderWidget: { Text: "Header" },
|
||||
FunnelSubHeaderWidget: { Text: "Subheader" },
|
||||
FunnelFooterWidget: { Text: "Footer" },
|
||||
};
|
||||
|
||||
fetchCmsContentForPage.mockResolvedValue(mockCmsContent);
|
||||
settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent });
|
||||
|
||||
const mountOptions = getMountOptions({
|
||||
route: { name: "policy-vehicle", query: {}, params: {} },
|
||||
router: {
|
||||
navigate: jest.fn(),
|
||||
navigateWithSaving: jest.fn(),
|
||||
navigateWithoutSaving: jest.fn(),
|
||||
},
|
||||
});
|
||||
|
||||
const wrapper = shallowMount(policyInfoSubmitted, mountOptions);
|
||||
|
||||
return { wrapper };
|
||||
}
|
||||
78
src/layouts/policy-info-submitted/policy-info-submitted.vue
Normal file
78
src/layouts/policy-info-submitted/policy-info-submitted.vue
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<template>
|
||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
|
||||
<funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
|
||||
<!--
|
||||
... Page code goes here.
|
||||
-->
|
||||
<navbar
|
||||
cmsWidgetName="FunnelFooterWidget"
|
||||
ref="navbar"
|
||||
:isForwardActionDisabled="!meta.valid"
|
||||
@back-clicked="backButtonAction"
|
||||
@ForwardClicked="forwardButtonAction" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
|
||||
import navbar from "@/fmg-components/nav-bar/nav-bar";
|
||||
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
|
||||
import { Form } from "vee-validate";
|
||||
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
export default {
|
||||
name: "policy-info-submitted",
|
||||
mixins: [],
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
components: {
|
||||
Form,
|
||||
funnelHeader,
|
||||
navbar,
|
||||
funnelSubHeader,
|
||||
},
|
||||
// Ensure CMS content is fetched during route navigation without depending on `to`/`from`
|
||||
async beforeRouteEnter(to, from, next) {
|
||||
const pageName = to.name;
|
||||
const cmsContentPromise = fetchCmsContentForPage(pageName);
|
||||
const promiseResultMap = [
|
||||
{
|
||||
resultKey: "cmsContent",
|
||||
promise: cmsContentPromise,
|
||||
},
|
||||
];
|
||||
const resultMap = await settleAllPromises(promiseResultMap);
|
||||
next((vm) => {
|
||||
vm.setCmsContent(resultMap.cmsContent);
|
||||
});
|
||||
},
|
||||
|
||||
methods: {
|
||||
backButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
async forwardButtonAction() {
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
arePagePrerequisitesValid() {
|
||||
return true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
|
@ -58,11 +58,17 @@ export default {
|
|||
},
|
||||
|
||||
methods: {
|
||||
async backButtonAction() {
|
||||
// Stub, for navigating back via nav-bar.
|
||||
backButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
async forwardButtonAction() {
|
||||
// Stub, for navigating forward via nav-bar
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
arePagePrerequisitesValid() {
|
||||
return true;
|
||||
|
|
|
|||
70
src/layouts/policy-vehicle/policy-vehicle.spec.js
Normal file
70
src/layouts/policy-vehicle/policy-vehicle.spec.js
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
import policyVehicle from "@/layouts/policy-vehicle/policy-vehicle.vue";
|
||||
import { shallowMount } from "@vue/test-utils";
|
||||
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
// Mock our module for promises.
|
||||
jest.mock("@/helpers/layout-helper.js", () => ({
|
||||
settleAllPromises: jest.fn(),
|
||||
}));
|
||||
|
||||
// Mock fetchCmsContentForPage
|
||||
jest.mock("@/helpers/cms-content-helper", () => ({
|
||||
fetchCmsContentForPage: jest.fn(),
|
||||
}));
|
||||
|
||||
describe("policy-vehicle.vue", () => {
|
||||
describe("component rendering", () => {
|
||||
test("renders funnelHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders funnelSubHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelSubHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "Form" }).exists()).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
describe("methods", () => {
|
||||
test("arePagePrerequisitesValid returns true", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.vm.arePagePrerequisitesValid()).toBe(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function setupMocks() {
|
||||
const mockCmsContent = {
|
||||
FunnelHeaderWidget: { Text: "Header" },
|
||||
FunnelSubHeaderWidget: { Text: "Subheader" },
|
||||
FunnelFooterWidget: { Text: "Footer" },
|
||||
};
|
||||
|
||||
fetchCmsContentForPage.mockResolvedValue(mockCmsContent);
|
||||
settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent });
|
||||
|
||||
const mountOptions = getMountOptions({
|
||||
route: { name: "policy-vehicle", query: {}, params: {} },
|
||||
router: {
|
||||
navigate: jest.fn(),
|
||||
navigateWithSaving: jest.fn(),
|
||||
navigateWithoutSaving: jest.fn(),
|
||||
},
|
||||
});
|
||||
|
||||
const wrapper = shallowMount(policyVehicle, mountOptions);
|
||||
|
||||
return { wrapper };
|
||||
}
|
||||
78
src/layouts/policy-vehicle/policy-vehicle.vue
Normal file
78
src/layouts/policy-vehicle/policy-vehicle.vue
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<template>
|
||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
|
||||
<funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
|
||||
<!--
|
||||
... Page code goes here.
|
||||
-->
|
||||
<navbar
|
||||
cmsWidgetName="FunnelFooterWidget"
|
||||
ref="navbar"
|
||||
:isForwardActionDisabled="!meta.valid"
|
||||
@back-clicked="backButtonAction"
|
||||
@ForwardClicked="forwardButtonAction" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
|
||||
import navbar from "@/fmg-components/nav-bar/nav-bar";
|
||||
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
|
||||
import { Form } from "vee-validate";
|
||||
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
export default {
|
||||
name: "policy-vehicle",
|
||||
mixins: [],
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
components: {
|
||||
Form,
|
||||
funnelHeader,
|
||||
navbar,
|
||||
funnelSubHeader,
|
||||
},
|
||||
// Ensure CMS content is fetched during route navigation without depending on `to`/`from`
|
||||
async beforeRouteEnter(to, from, next) {
|
||||
const pageName = to.name;
|
||||
const cmsContentPromise = fetchCmsContentForPage(pageName);
|
||||
const promiseResultMap = [
|
||||
{
|
||||
resultKey: "cmsContent",
|
||||
promise: cmsContentPromise,
|
||||
},
|
||||
];
|
||||
const resultMap = await settleAllPromises(promiseResultMap);
|
||||
next((vm) => {
|
||||
vm.setCmsContent(resultMap.cmsContent);
|
||||
});
|
||||
},
|
||||
|
||||
methods: {
|
||||
backButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
async forwardButtonAction() {
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
arePagePrerequisitesValid() {
|
||||
return true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
|
@ -794,6 +794,13 @@ export default {
|
|||
applicationConfig.CASH_DEFAULT_BILL_TO_ACCOUNT_NUMBER,
|
||||
false
|
||||
);
|
||||
this.dispatchStoreAction(
|
||||
this.storeActions.SAVE_IS_CLAIM_AND_COVERAGE,
|
||||
false,
|
||||
false
|
||||
);
|
||||
this.dispatchStoreAction(this.storeActions.SAVE_CAN_SCHEDULE_ONLINE, false, false);
|
||||
this.dispatchStoreAction(this.storeActions.SAVE_ACCOUNT_NAME, null, false);
|
||||
} else {
|
||||
baseMixin.methods.dispatchStoreAction(
|
||||
storeActions.SAVE_PARENT_ACCOUNT_NUMBER,
|
||||
|
|
|
|||
70
src/layouts/recalibration-info/recalibration-info.spec.js
Normal file
70
src/layouts/recalibration-info/recalibration-info.spec.js
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
import recalibrationInfo from "@/layouts/recalibration-info/recalibration-info.vue";
|
||||
import { shallowMount } from "@vue/test-utils";
|
||||
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
// Mock our module for promises.
|
||||
jest.mock("@/helpers/layout-helper.js", () => ({
|
||||
settleAllPromises: jest.fn(),
|
||||
}));
|
||||
|
||||
// Mock fetchCmsContentForPage
|
||||
jest.mock("@/helpers/cms-content-helper", () => ({
|
||||
fetchCmsContentForPage: jest.fn(),
|
||||
}));
|
||||
|
||||
describe("recalibration-info.vue", () => {
|
||||
describe("component rendering", () => {
|
||||
test("renders funnelHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders funnelSubHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelSubHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "Form" }).exists()).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
describe("methods", () => {
|
||||
test("arePagePrerequisitesValid returns true", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.vm.arePagePrerequisitesValid()).toBe(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function setupMocks() {
|
||||
const mockCmsContent = {
|
||||
FunnelHeaderWidget: { Text: "Header" },
|
||||
FunnelSubHeaderWidget: { Text: "Subheader" },
|
||||
FunnelFooterWidget: { Text: "Footer" },
|
||||
};
|
||||
|
||||
fetchCmsContentForPage.mockResolvedValue(mockCmsContent);
|
||||
settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent });
|
||||
|
||||
const mountOptions = getMountOptions({
|
||||
route: { name: "policy-vehicle", query: {}, params: {} },
|
||||
router: {
|
||||
navigate: jest.fn(),
|
||||
navigateWithSaving: jest.fn(),
|
||||
navigateWithoutSaving: jest.fn(),
|
||||
},
|
||||
});
|
||||
|
||||
const wrapper = shallowMount(recalibrationInfo, mountOptions);
|
||||
|
||||
return { wrapper };
|
||||
}
|
||||
78
src/layouts/recalibration-info/recalibration-info.vue
Normal file
78
src/layouts/recalibration-info/recalibration-info.vue
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<template>
|
||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
|
||||
<funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
|
||||
<!--
|
||||
... Page code goes here.
|
||||
-->
|
||||
<navbar
|
||||
cmsWidgetName="FunnelFooterWidget"
|
||||
ref="navbar"
|
||||
:isForwardActionDisabled="!meta.valid"
|
||||
@back-clicked="backButtonAction"
|
||||
@ForwardClicked="forwardButtonAction" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
|
||||
import navbar from "@/fmg-components/nav-bar/nav-bar";
|
||||
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
|
||||
import { Form } from "vee-validate";
|
||||
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
export default {
|
||||
name: "recalibration-info",
|
||||
mixins: [],
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
components: {
|
||||
Form,
|
||||
funnelHeader,
|
||||
navbar,
|
||||
funnelSubHeader,
|
||||
},
|
||||
// Ensure CMS content is fetched during route navigation without depending on `to`/`from`
|
||||
async beforeRouteEnter(to, from, next) {
|
||||
const pageName = to.name;
|
||||
const cmsContentPromise = fetchCmsContentForPage(pageName);
|
||||
const promiseResultMap = [
|
||||
{
|
||||
resultKey: "cmsContent",
|
||||
promise: cmsContentPromise,
|
||||
},
|
||||
];
|
||||
const resultMap = await settleAllPromises(promiseResultMap);
|
||||
next((vm) => {
|
||||
vm.setCmsContent(resultMap.cmsContent);
|
||||
});
|
||||
},
|
||||
|
||||
methods: {
|
||||
backButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
async forwardButtonAction() {
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
arePagePrerequisitesValid() {
|
||||
return true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
70
src/layouts/verify-details/verify-details.spec.js
Normal file
70
src/layouts/verify-details/verify-details.spec.js
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
import verifyDetails from "@/layouts/verify-details/verify-details.vue";
|
||||
import { shallowMount } from "@vue/test-utils";
|
||||
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
// Mock our module for promises.
|
||||
jest.mock("@/helpers/layout-helper.js", () => ({
|
||||
settleAllPromises: jest.fn(),
|
||||
}));
|
||||
|
||||
// Mock fetchCmsContentForPage
|
||||
jest.mock("@/helpers/cms-content-helper", () => ({
|
||||
fetchCmsContentForPage: jest.fn(),
|
||||
}));
|
||||
|
||||
describe("verify-details.vue", () => {
|
||||
describe("component rendering", () => {
|
||||
test("renders funnelHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders funnelSubHeader component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "funnelSubHeader" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "Form" }).exists()).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
describe("methods", () => {
|
||||
test("arePagePrerequisitesValid returns true", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.vm.arePagePrerequisitesValid()).toBe(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function setupMocks() {
|
||||
const mockCmsContent = {
|
||||
FunnelHeaderWidget: { Text: "Header" },
|
||||
FunnelSubHeaderWidget: { Text: "Subheader" },
|
||||
FunnelFooterWidget: { Text: "Footer" },
|
||||
};
|
||||
|
||||
fetchCmsContentForPage.mockResolvedValue(mockCmsContent);
|
||||
settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent });
|
||||
|
||||
const mountOptions = getMountOptions({
|
||||
route: { name: "policy-vehicle", query: {}, params: {} },
|
||||
router: {
|
||||
navigate: jest.fn(),
|
||||
navigateWithSaving: jest.fn(),
|
||||
navigateWithoutSaving: jest.fn(),
|
||||
},
|
||||
});
|
||||
|
||||
const wrapper = shallowMount(verifyDetails, mountOptions);
|
||||
|
||||
return { wrapper };
|
||||
}
|
||||
78
src/layouts/verify-details/verify-details.vue
Normal file
78
src/layouts/verify-details/verify-details.vue
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<template>
|
||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
|
||||
<funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
|
||||
<!--
|
||||
... Page code goes here.
|
||||
-->
|
||||
<navbar
|
||||
cmsWidgetName="FunnelFooterWidget"
|
||||
ref="navbar"
|
||||
:isForwardActionDisabled="!meta.valid"
|
||||
@back-clicked="backButtonAction"
|
||||
@ForwardClicked="forwardButtonAction" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
|
||||
import navbar from "@/fmg-components/nav-bar/nav-bar";
|
||||
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
|
||||
import { Form } from "vee-validate";
|
||||
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
||||
|
||||
export default {
|
||||
name: "verify-details",
|
||||
mixins: [],
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
components: {
|
||||
Form,
|
||||
funnelHeader,
|
||||
navbar,
|
||||
funnelSubHeader,
|
||||
},
|
||||
// Ensure CMS content is fetched during route navigation without depending on `to`/`from`
|
||||
async beforeRouteEnter(to, from, next) {
|
||||
const pageName = to.name;
|
||||
const cmsContentPromise = fetchCmsContentForPage(pageName);
|
||||
const promiseResultMap = [
|
||||
{
|
||||
resultKey: "cmsContent",
|
||||
promise: cmsContentPromise,
|
||||
},
|
||||
];
|
||||
const resultMap = await settleAllPromises(promiseResultMap);
|
||||
next((vm) => {
|
||||
vm.setCmsContent(resultMap.cmsContent);
|
||||
});
|
||||
},
|
||||
|
||||
methods: {
|
||||
backButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
async forwardButtonAction() {
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
arePagePrerequisitesValid() {
|
||||
return true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
import store from "@/store";
|
||||
import * as experimentHelper from "../helpers/experiment-helper";
|
||||
import { experimentSettings } from "@/constants/experiments";
|
||||
|
||||
/*
|
||||
This is a wrapper around experiment-helper.js methods that allows an override
|
||||
|
|
@ -32,5 +33,24 @@ export default {
|
|||
experimentHelper.getExperimentSettingsFromExperimentList(experimentList);
|
||||
return experimentHelper.getSettingValue(settingName, experimentSettings);
|
||||
},
|
||||
|
||||
// Looks for an experiment setting that has a value that matches the passed in parent account number.
|
||||
// Settings named NON_CLAIM_AND_COVERAGE_TEST_PARENT_ACCOUNT are excluded from the match.
|
||||
hasClaimAndCoverage(
|
||||
parentAccountNumber,
|
||||
experimentList = store.getters.applicationUser.experiments
|
||||
) {
|
||||
const parentNum = String(parentAccountNumber);
|
||||
return experimentList.some(
|
||||
(experiment) =>
|
||||
experiment.settings &&
|
||||
Object.entries(experiment.settings).some(
|
||||
([name, value]) =>
|
||||
name !==
|
||||
experimentSettings.NON_CLAIM_AND_COVERAGE_TEST_PARENT_ACCOUNT &&
|
||||
value === parentNum
|
||||
)
|
||||
);
|
||||
},
|
||||
},
|
||||
};
|
||||
|
|
|
|||
|
|
@ -39,6 +39,8 @@ const navigationScenarios = {
|
|||
CLICKED_FORWARD_WITH_MOLDING_QUESTIONS: "CLICKED_FORWARD_WITH_MOLDING_QUESTIONS",
|
||||
CLICKED_FORWARD_WITH_CAPABILITY_QUESTIONS: "CLICKED_FORWARD_WITH_CAPABILITY_QUESTIONS",
|
||||
CLICKED_FORWARD_WITH_NO_MORE_QUESTIONS: "CLICKED_FORWARD_WITH_NO_MORE_QUESTIONS",
|
||||
CLICKED_BACK_NON_CLAIM_AND_COVERAGE: "CLICKED_BACK_NON_CLAIM_AND_COVERAGE",
|
||||
CLICKED_BACK_RECALIBRATION_INFO: "CLICKED_BACK_RECALIBRATION_INFO",
|
||||
CLICKED_BACK_WITH_PART_QUESTIONS: "CLICKED_BACK_WITH_PART_QUESTIONS",
|
||||
CLICKED_BACK_WITH_MULTIPLE_PARTS_TO_CHOOSE: "CLICKED_BACK_WITH_MULTIPLE_PARTS_TO_CHOOSE",
|
||||
CLICKED_BACK_WITH_MOLDING_QUESTIONS: "CLICKED_BACK_WITH_MOLDING_QUESTIONS",
|
||||
|
|
@ -48,6 +50,8 @@ const navigationScenarios = {
|
|||
|
||||
// Insurance-Company
|
||||
CLICKED_PAY_ON_MY_OWN: "CLICKED_PAY_ON_MY_OWN",
|
||||
CLICKED_FORWARD_POLICY_INFO: "CLICKED_FORWARD_POLICY_INFO",
|
||||
CLICKED_FORWARD_NON_CLAIM_AND_COVERAGE: "CLICKED_FORWARD_NON_CLAIM_AND_COVERAGE",
|
||||
|
||||
//Service-Location
|
||||
CLICKED_FORWARD_WITH_MOBILE_SERVICE: "CLICKED_FORWARD_WITH_MOBILE_SERVICE",
|
||||
|
|
|
|||
|
|
@ -55,6 +55,42 @@ export const routeData = {
|
|||
name: "policy-info",
|
||||
path: "/policy-info",
|
||||
},
|
||||
INSURANCE_DETAILS: {
|
||||
name: "insurance-details",
|
||||
path: "/insurance-details",
|
||||
},
|
||||
DUPLICATE_CHECK: {
|
||||
name: "duplicate-check",
|
||||
path: "/duplicate-check",
|
||||
},
|
||||
POLICY_VEHICLE: {
|
||||
name: "policy-vehicle",
|
||||
path: "/policy-vehicle",
|
||||
},
|
||||
POLICY_DRIVER: {
|
||||
name: "policy-driver",
|
||||
path: "/policy-driver",
|
||||
},
|
||||
ENDORSEMENTS: {
|
||||
name: "endorsements",
|
||||
path: "/endorsements",
|
||||
},
|
||||
POLICY_INFO_SUBMITTED: {
|
||||
name: "policy-info-submitted",
|
||||
path: "/policy-info-submitted",
|
||||
},
|
||||
RECALIBRATION_INFO: {
|
||||
name: "recalibration-info",
|
||||
path: "/recalibration-info",
|
||||
},
|
||||
COVERAGE_STATEMENT: {
|
||||
name: "coverage-statement",
|
||||
path: "/coverage-statement",
|
||||
},
|
||||
VERIFY_DETAILS: {
|
||||
name: "verify-details",
|
||||
path: "/verify-details",
|
||||
},
|
||||
INSURANCE_COMPANY: {
|
||||
name: "insurance-company",
|
||||
path: "/insurance-company",
|
||||
|
|
|
|||
|
|
@ -431,7 +431,141 @@ const routingTable = function () {
|
|||
},
|
||||
{
|
||||
pageName: routeData.POLICY_INFO.name,
|
||||
maps: [],
|
||||
maps: [
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK,
|
||||
destinationPageData: routeData.INSURANCE_COMPANY,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD,
|
||||
destinationPageData: routeData.DUPLICATE_CHECK,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
pageName: routeData.INSURANCE_DETAILS.name,
|
||||
maps: [
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK,
|
||||
destinationPageData: routeData.INSURANCE_COMPANY,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD,
|
||||
destinationPageData: routeData.COVERAGE_STATEMENT,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
pageName: routeData.DUPLICATE_CHECK.name,
|
||||
maps: [
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK,
|
||||
destinationPageData: routeData.POLICY_INFO,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD,
|
||||
destinationPageData: routeData.POLICY_VEHICLE,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
pageName: routeData.POLICY_VEHICLE.name,
|
||||
maps: [
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK,
|
||||
destinationPageData: routeData.DUPLICATE_CHECK,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD,
|
||||
destinationPageData: routeData.POLICY_DRIVER,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
pageName: routeData.POLICY_DRIVER.name,
|
||||
maps: [
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK,
|
||||
destinationPageData: routeData.POLICY_VEHICLE,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD,
|
||||
destinationPageData: routeData.ENDORSEMENTS,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
pageName: routeData.ENDORSEMENTS.name,
|
||||
maps: [
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK,
|
||||
destinationPageData: routeData.POLICY_DRIVER,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD,
|
||||
destinationPageData: routeData.POLICY_INFO_SUBMITTED,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
pageName: routeData.POLICY_INFO_SUBMITTED.name,
|
||||
maps: [
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK,
|
||||
destinationPageData: routeData.ENDORSEMENTS,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD,
|
||||
destinationPageData: routeData.RECALIBRATION_INFO,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
pageName: routeData.RECALIBRATION_INFO.name,
|
||||
maps: [
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK,
|
||||
destinationPageData: routeData.POLICY_INFO_SUBMITTED,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD,
|
||||
destinationPageData: routeData.COVERAGE_STATEMENT,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
pageName: routeData.COVERAGE_STATEMENT.name,
|
||||
maps: [
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK,
|
||||
destinationPageData: routeData.POLICY_INFO_SUBMITTED,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK_RECALIBRATION_INFO,
|
||||
destinationPageData: routeData.RECALIBRATION_INFO,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK_NON_CLAIM_AND_COVERAGE,
|
||||
destinationPageData: routeData.INSURANCE_DETAILS,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD,
|
||||
destinationPageData: routeData.SCHEDULE,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
pageName: routeData.VERIFY_DETAILS.name,
|
||||
maps: [
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK,
|
||||
destinationPageData: routeData.DUPLICATE_CHECK,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD,
|
||||
destinationPageData: routeData.POLICY_INFO_SUBMITTED,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
pageName: routeData.INSURANCE_COMPANY.name,
|
||||
|
|
@ -451,6 +585,14 @@ const routingTable = function () {
|
|||
scenario: navigationScenarios.CLICKED_FORWARD,
|
||||
destinationPageData: routeData.INSURANCE_DETAILS,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD_POLICY_INFO,
|
||||
destinationPageData: routeData.POLICY_INFO,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD_NON_CLAIM_AND_COVERAGE,
|
||||
destinationPageData: routeData.INSURANCE_DETAILS,
|
||||
},
|
||||
],
|
||||
},
|
||||
// TODO: REMOVE THIS COMMENT AND BELOW, ONCE CASH-803 (SERVICE-LOCATION AND SCHEDULE PAGE COMBINATION) HAS BEEN VETTED
|
||||
|
|
|
|||
|
|
@ -42,7 +42,15 @@ export const routes = [
|
|||
createRoute(routeData.RETURN_USER),
|
||||
createRoute(routeData.MOBILE_DETAILS),
|
||||
createRoute(routeData.POLICY_INFO),
|
||||
|
||||
createRoute(routeData.INSURANCE_DETAILS),
|
||||
createRoute(routeData.DUPLICATE_CHECK),
|
||||
createRoute(routeData.POLICY_VEHICLE),
|
||||
createRoute(routeData.POLICY_DRIVER),
|
||||
createRoute(routeData.ENDORSEMENTS),
|
||||
createRoute(routeData.POLICY_INFO_SUBMITTED),
|
||||
createRoute(routeData.RECALIBRATION_INFO),
|
||||
createRoute(routeData.COVERAGE_STATEMENT),
|
||||
createRoute(routeData.VERIFY_DETAILS),
|
||||
// Virtual pages (resolve to a non-virtual page.)
|
||||
createVirtualRoute(routeData.LANDING, landingBeforeEnter),
|
||||
createVirtualRoute(routeData.HERITAGE, heritageBeforeEnter),
|
||||
|
|
|
|||
|
|
@ -142,6 +142,9 @@ const getDefaultState = () => {
|
|||
coverageVerificationType: null,
|
||||
},
|
||||
parentAccountNumber: 0,
|
||||
accountName: null,
|
||||
isClaimAndCoverage: false,
|
||||
canScheduleOnline: false,
|
||||
billToAccountNumber: null,
|
||||
isPia: null,
|
||||
piaType: null,
|
||||
|
|
@ -171,6 +174,11 @@ const getDefaultState = () => {
|
|||
additionalAuthFlag: null,
|
||||
isNoComp: false,
|
||||
insuranceCompanyName: null,
|
||||
streetAddress: null,
|
||||
apartment: null,
|
||||
city: null,
|
||||
state: null,
|
||||
zipCode: null,
|
||||
},
|
||||
schedule: {
|
||||
date: null,
|
||||
|
|
@ -328,6 +336,31 @@ export const mutations = {
|
|||
updateParentAcctNumber(state, parentAcctNumber) {
|
||||
state.order.payment.parentAccountNumber = parentAcctNumber;
|
||||
},
|
||||
updateAccountName(state, accountName) {
|
||||
state.order.payment.accountName = accountName;
|
||||
state.order.policy.insuranceCompanyName = accountName;
|
||||
},
|
||||
updateStreetAddress(state, streetAddress) {
|
||||
state.order.policy.streetAddress = streetAddress;
|
||||
},
|
||||
updateApartment(state, apartment) {
|
||||
state.order.policy.apartment = apartment;
|
||||
},
|
||||
updateCity(state, city) {
|
||||
state.order.policy.city = city;
|
||||
},
|
||||
updateState(state, stateValue) {
|
||||
state.order.policy.state = stateValue;
|
||||
},
|
||||
updateZipCode(state, zipCode) {
|
||||
state.order.policy.zipCode = zipCode;
|
||||
},
|
||||
updateIsClaimAndCoverage(state, isClaimAndCoverage) {
|
||||
state.order.payment.isClaimAndCoverage = isClaimAndCoverage;
|
||||
},
|
||||
updateCanScheduleOnline(state, canScheduleOnline) {
|
||||
state.order.payment.canScheduleOnline = canScheduleOnline;
|
||||
},
|
||||
updateBillToAcctNumber(state, billToAcctNumber) {
|
||||
state.order.payment.billToAccountNumber = billToAcctNumber;
|
||||
},
|
||||
|
|
@ -483,6 +516,22 @@ export const mutations = {
|
|||
state.order.customer.isSmsOptIn = customerDetails.isSmsOptIn;
|
||||
}
|
||||
},
|
||||
updateInsuranceDetails(state, insuranceDetails) {
|
||||
if (insuranceDetails) {
|
||||
state.order.policy.policyNumber = insuranceDetails.policyNumber;
|
||||
state.order.policy.streetAddress = insuranceDetails.streetAddress;
|
||||
state.order.policy.apartment = insuranceDetails.apartment;
|
||||
state.order.policy.city = insuranceDetails.city;
|
||||
state.order.policy.state = insuranceDetails.state;
|
||||
state.order.policy.zipCode = insuranceDetails.zipCode;
|
||||
}
|
||||
},
|
||||
updateDamageDetails(state, damageDetails) {
|
||||
if (damageDetails) {
|
||||
state.order.damage.dateOfLoss = damageDetails.dateOfLoss;
|
||||
state.order.damage.damageCause = damageDetails.damageCause;
|
||||
}
|
||||
},
|
||||
|
||||
// applicationUser MUTATIONS
|
||||
updateSaveSessionPromise(state, saveSessionPromise) {
|
||||
|
|
@ -767,7 +816,10 @@ export const mutations = {
|
|||
state.order.payment.billToAccountNumber =
|
||||
sessionInformation.order.payment.billToAccountNumber;
|
||||
state.order.payment.inactivePromos = sessionInformation.order.payment.inactivePromos;
|
||||
|
||||
state.order.payment.isClaimAndCoverage =
|
||||
sessionInformation.order.payment.isClaimAndCoverage;
|
||||
state.order.payment.canScheduleOnline = sessionInformation.order.payment.canScheduleOnline;
|
||||
state.order.payment.accountName = sessionInformation.order.policy.insuranceCompanyName;
|
||||
//Do not assign default service type once user make service type selection
|
||||
if (state.order.serviceLocation.appointmentType == null) {
|
||||
state.order.serviceLocation.address =
|
||||
|
|
@ -864,6 +916,11 @@ export const mutations = {
|
|||
state.order.policy.policyNumber = sessionInformation.order.policy?.policyNumber;
|
||||
state.order.policy.insuranceCompanyName =
|
||||
sessionInformation.order.policy?.insuranceCompanyName;
|
||||
//state.order.policy.streetAddress = sessionInformation.order.policy?.streetAddress;
|
||||
//state.order.policy.apartment = sessionInformation.order.policy?.apartment;
|
||||
//state.order.policy.city = sessionInformation.order.policy?.city;
|
||||
//state.order.policy.state = sessionInformation.order.policy?.state;
|
||||
//state.order.policy.zipCode = sessionInformation.order.policy?.zipCode;
|
||||
state.order.policy.isNoComp =
|
||||
coverageTypeValue(sessionInformation?.order.insuranceCoverage.coverageType) ===
|
||||
coverageType.NOCOMP
|
||||
|
|
@ -2525,6 +2582,8 @@ export const actions = {
|
|||
isInsurance: order.payment.isInsurance,
|
||||
parentAccountNumber: order.payment.parentAccountNumber,
|
||||
billToAccountNumber: order.payment.billToAccountNumber,
|
||||
isClaimAndCoverage: order.payment.isClaimAndCoverage,
|
||||
canScheduleOnline: order.payment.canScheduleOnline,
|
||||
inactivePromos: order.payment.inactivePromos,
|
||||
isCreditCard:
|
||||
order.payment.piaType == paymentMethods.CREDIT_CARD ? true : false,
|
||||
|
|
@ -3041,6 +3100,15 @@ export const actions = {
|
|||
saveParentAccountNumber(context, parentAccountNumber) {
|
||||
context.commit(storeMutations.UPDATE_PARENT_ACCT_NUMBER, parentAccountNumber);
|
||||
},
|
||||
saveAccountName(context, accountName) {
|
||||
context.commit(storeMutations.UPDATE_ACCOUNT_NAME, accountName);
|
||||
},
|
||||
saveIsClaimAndCoverage(context, isClaimAndCoverage) {
|
||||
context.commit(storeMutations.UPDATE_IS_CLAIM_AND_COVERAGE, isClaimAndCoverage);
|
||||
},
|
||||
saveCanScheduleOnline(context, canScheduleOnline) {
|
||||
context.commit(storeMutations.UPDATE_CAN_SCHEDULE_ONLINE, canScheduleOnline);
|
||||
},
|
||||
saveBillToAccountNumber(context, billToAccountNumber) {
|
||||
context.commit(storeMutations.UPDATE_BILL_TO_ACCT_NUMBER, billToAccountNumber);
|
||||
},
|
||||
|
|
@ -3441,6 +3509,14 @@ export const actions = {
|
|||
context.commit(storeMutations.UPDATE_CUSTOMER_DETAILS, customerDetails);
|
||||
},
|
||||
|
||||
saveInsuranceDetails(context, insuranceDetails) {
|
||||
context.commit(storeMutations.UPDATE_INSURANCE_DETAILS, insuranceDetails);
|
||||
},
|
||||
|
||||
saveDamageDetails(context, damageDetails) {
|
||||
context.commit(storeMutations.UPDATE_DAMAGE_DETAILS, damageDetails);
|
||||
},
|
||||
|
||||
saveServiceZipCodeInfo(context, serviceZipCodeInfo) {
|
||||
if (
|
||||
context.state.order.serviceLocation &&
|
||||
|
|
|
|||
|
|
@ -225,6 +225,9 @@ describe("Mutations", () => {
|
|||
category: "CAR",
|
||||
registration: {},
|
||||
},
|
||||
policy: {
|
||||
insuranceCompanyName: "LibertyBibity",
|
||||
},
|
||||
damage: {
|
||||
glassToReplace: ["Windshield"],
|
||||
isRepair: false,
|
||||
|
|
|
|||
Loading…
Reference in a new issue