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

Merge branch 'develop' into bug/SSR-1404

Browse source
This commit is contained in:
Sujatha Anishetty 2024-07-12 14:15:50 -04:00
commit e6ab9b6936
23 changed files with 141 additions and 126 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/constants/endpoints.js
View file

@ -141,11 +141,11 @@ const endpoints = Object.freeze({
method: 'POST'
},
LookupVinByAddress: {
url: `${VEHICLE_BASE_URL}/lookup-vin-by-address`,
url: `${VEHICLE_BASE_URL}/lookup-by-address`,
method: 'POST'
},
LookupVinByPlate: {
url: `${VEHICLE_BASE_URL}/lookup-vin-by-plate`,
url: `${VEHICLE_BASE_URL}/lookup-by-plate`,
method: 'POST'
},
InitializeSession: {

6
src/constants/experiments.js
View file

@ -4,7 +4,11 @@ const experimentUniverses = Object.freeze({
const experimentSettings = Object.freeze({
GOOGLE_CUSTOM_DIMENSION_INDEX: 'Google Custom Dimension Index',
ISS_DISPLAY_PAY_IN_ADVANCE: 'DisplayPIAInsurance'
ISS_DISPLAY_PAY_IN_ADVANCE: 'DisplayPIAInsurance',
ISS_FEATURE_TOGGLE_IS_MOBILE_FEE_HIDDEN: 'HideMobileFee',
ISS_FEATURE_TOGGLE_IS_MOBILE_FEE_OVERRIDDEN: 'OverrideMobileFee',
ISS_FEATURE_TOGGLE_IS_RECYCLE_FEE_HIDDEN: 'HideRecycleFee',
ISS_FEATURE_TOGGLE_IS_RECYCLE_FEE_OVERRIDDEN: 'OverrideRecycleFee'
});
const experimentTriggers = Object.freeze({

24
src/helpers/experiment-helper.js Normal file
View file

@ -0,0 +1,24 @@
/* eslint-disable max-len */
import { experimentSettings } from '@/constants/experiments';
export function hasExperimentSetting(storeExperimentSettings, settingName) {
return Object.hasOwn(storeExperimentSettings, settingName);
}
export function getExperimentSettingValue(storeExperimentSettings, settingName) {
return hasExperimentSetting(storeExperimentSettings, settingName)
? storeExperimentSettings[settingName]
: null;
}
export function getFeatureTogglesQueryString(storeExperimentSettings) {
const isMobileFeeHidden = getExperimentSettingValue(storeExperimentSettings, experimentSettings.ISS_FEATURE_TOGGLE_IS_MOBILE_FEE_HIDDEN) === 'true';
const isMobileFeeOverridden = getExperimentSettingValue(storeExperimentSettings, experimentSettings.ISS_FEATURE_TOGGLE_IS_MOBILE_FEE_OVERRIDDEN) === 'true';
const isRecycleFeeHidden = getExperimentSettingValue(storeExperimentSettings, experimentSettings.ISS_FEATURE_TOGGLE_IS_RECYCLE_FEE_HIDDEN) === 'true';
const isRecycleFeeOverridden = getExperimentSettingValue(storeExperimentSettings, experimentSettings.ISS_FEATURE_TOGGLE_IS_RECYCLE_FEE_OVERRIDDEN) === 'true';
return `FeatureToggles.IsMobileFeeHidden=${isMobileFeeHidden}`
+ `&FeatureToggles.IsMobileFeeOverridden=${isMobileFeeOverridden}`
+ `&FeatureToggles.IsRecycleFeeHidden=${isRecycleFeeHidden}`
+ `&FeatureToggles.IsRecycleFeeOverridden=${isRecycleFeeOverridden}`;
}

13
src/helpers/order-helper.js
View file

@ -34,15 +34,12 @@ export async function saveSession({ shouldAwaitSaveSessionQueue = false, submitA
Will determine if to submitWorkOrder.
TODO: Add more description to this
*/
export async function submitWorkOrder({
pageNameToLog,
submitAfterSave = false,
createDeleteStatusWorkOrderForPia = false
}) {
export async function submitWorkOrder({ submitType }) {
const store = useMainStore();
store.resetSubmittedOrder();
await saveSession({
pageNameToLog,
shouldAwaitSaveSessionQueue: true,
submitAfterSave,
createDeleteStatusWorkOrderForPia
submitAfterSave: true
});
store.createSubmittedOrder(submitType);
}

4
src/iss-components/cart-dropdown/cart-dropdown.spec.js
View file

@ -3,7 +3,7 @@ import { createTestingPinia } from '@pinia/testing';
import cartDropdown from '@/iss-components/cart-dropdown/cart-dropdown.vue';
// Supporting Files
import {getEnumName, getMountOptions} from '@/helpers/unit-test-helper.js';
import { getEnumName, getMountOptions } from '@/helpers/unit-test-helper.js';
import { useMainStore, getDefaultState } from '@/store';
import { formatAmountInDollars } from '@/helpers/text-helper.js';
import partTypeStrings from '@/constants/part-type-strings';
@ -43,6 +43,7 @@ function getMountedComponent(mainInitialState = {}, initialData = {}, propsData
});
useMainStore(testingPinia);
mountOptions.global.mixins[0].methods.getSettingValue = jest.fn(() => 'false');
mountOptions.global.plugins = [testingPinia];
mountOptions.data = () => (initialData);
mountOptions.propsData = propsData;
@ -1338,7 +1339,6 @@ describe('cart-dropdown component', () => {
const { wrapper } = getMountedComponent(storeData);
formatAmountInDollars.mockReturnValueOnce(dollarAmount);
// Act
const result = wrapper.vm.getDisplayed(0);

7
src/iss-components/cart-dropdown/cart-dropdown.vue
View file

@ -163,6 +163,7 @@ import { formatAmountInDollars } from '@/helpers/text-helper.js';
import { getHighestFullySatisfiedTier, getPackageContents } from '@/helpers/service-package-helper.js';
// Constants
import { experimentSettings } from '@/constants/experiments';
import partTypeStrings from '@/constants/part-type-strings.js';
import cartItemType from '@/constants/cart-item-type.js';
import widgetFields from '@/constants/cms-widget-fields.js';
@ -322,10 +323,12 @@ export default {
}
});
const items = vapsCartItemsNotInPackage.filter((item) => item != null);
if (this.recycleFeeCartItem) {
const isRecycleFeeHidden = this.getSettingValue(experimentSettings.ISS_FEATURE_TOGGLE_IS_RECYCLE_FEE_HIDDEN) === 'true';
const isMobileFeeHidden = this.getSettingValue(experimentSettings.ISS_FEATURE_TOGGLE_IS_MOBILE_FEE_HIDDEN) === 'true';
if (this.recycleFeeCartItem && !isRecycleFeeHidden) {
items.push(this.recycleFeeCartItem);
}
if (this.mobileFeeCartItem) {
if (this.mobileFeeCartItem && !isMobileFeeHidden) {
items.push(this.mobileFeeCartItem);
}
return items;

6
src/layouts/bailout-page/bailout-page.spec.js
View file

@ -436,19 +436,19 @@ describe('Bailout page', () => {
});
});
describe('forwardButtonAction', () => {
test('should navigate to the next route', () => {
test('should navigate to the next route', async () => {
// Arrange
const { wrapper } = getMountedComponent();
// Act
wrapper.vm.forwardButtonAction();
await wrapper.vm.forwardButtonAction();
// Assert
expect(wrapper.vm.$router.navigate).toHaveBeenCalledWith(
wrapper.vm.navigationScenarios.CLICKED_FORWARD,
wrapper.vm.$route,
{},
{ [routerParams.SAVE_SESSION_SYNCHRONOUS]: true }
{ [routerParams.SKIP_SAVE_SESSION]: true }
);
});
});

6
src/layouts/bailout-page/bailout-page.vue
View file

@ -91,6 +91,7 @@ import canBailoutNavigateBack from '@/helpers/bailout-helper';
import BailoutCode from '@/constants/bailoutCode';
import issPageValues from '@/router/router-constants/issPage-values';
import MaskaFormattedMasks from '@/constants/maska-masks';
import { saveSession } from '@/helpers/order-helper';
export default {
name: 'bailout-page',
@ -200,13 +201,14 @@ export default {
this.$route
);
},
forwardButtonAction() {
async forwardButtonAction() {
this.mainStore.setBailoutContactInfo(this.bailoutPageModel);
await saveSession({ shouldAwaitSaveSessionQueue: true });
this.$router.navigate(
this.navigationScenarios.CLICKED_FORWARD,
this.$route,
{},
{ [routerParams.SAVE_SESSION_SYNCHRONOUS]: true }
{ [routerParams.SKIP_SAVE_SESSION]: true }
);
},
getBailoutPageModelFromStore() {

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

@ -109,6 +109,7 @@ import textBlock from '@/digital-components/text-block/text-block.vue';
// Import Supporting Files
import {
fetchCmsContentForPage,
setupModalLink,
setupModalLinks,
processIfStatements
} from '@/helpers/cms-content-helper.js';
@ -334,8 +335,13 @@ export default {
},
nextStepsBody(newValue, oldValue) {
if (newValue !== oldValue) {
setupModalLinks(this, 'RecalModal');
setupModalLinks(this, 'DeductibleModal');
setupModalLink(this, 'RecalModal');
setupModalLink(this, 'DeductibleModal');
}
},
verifiedItacAlertBody(newValue, oldValue) {
if (newValue !== oldValue) {
setupModalLink(this, 'DeductibleModal');
}
}
},

4
src/layouts/entry-page/entry-page.vue
View file

@ -38,7 +38,7 @@ export default {
this.unauthorized = !isAuthorized;
if (isAuthorized) {
await this.populateISSConfigValues(clientData);
this.populateISSConfigValues(clientData);
if (clientData.parameters?.length > 0) {
const finalParams = this.combineClientParameters(clientData.parameters, queryStringParams);
@ -100,7 +100,7 @@ export default {
return { isAuthorized: authorized, clientData };
},
async populateISSConfigValues(data) {
populateISSConfigValues(data) {
this.mainStore.issConfig.clientName = data.accountName;
this.mainStore.issConfig.clientDisplayName = data.accountName; // Defaults to use the client name.
this.mainStore.issConfig.parentAccountNumber = data.parentAccountNumber;

5
src/layouts/order-confirmation/order-confirmation.spec.js
View file

@ -9,8 +9,8 @@ import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
import { mount } from '@vue/test-utils';
import { createTestingPinia } from '@pinia/testing';
import { nextTick } from 'vue';
import coverageStatuses from "@/constants/coverage-statuses";
import coverageType from "@/constants/coverage-type";
import coverageStatuses from '@/constants/coverage-statuses';
import coverageType from '@/constants/coverage-type';
jest.mock('@/helpers/layout-helper.js', () => jest.fn());
@ -173,6 +173,7 @@ function getMountedComponent(mainInitialState = {}, initialData = {}, methodToRu
useMainStore(testingPinia);
methodToRun();
mountOptions.global.mixins[0].methods.getSettingValue = jest.fn(() => 'false');
mountOptions.global.plugins = [testingPinia];
mountOptions.mixins = [mockMixin];
mountOptions.data = () => (

1
src/layouts/order-confirmation/order-confirmation.vue
View file

@ -120,7 +120,6 @@ export default {
},
mixins: [BaseFormMixin],
async beforeRouteEnter(to, from, next) {
useMainStore().createSubmittedOrder(submitType.SAFELITE);
// Call APIs
const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);

8
src/layouts/payment-method/payment-method.vue
View file

@ -91,6 +91,7 @@ import { AppointmentTypeStrings } from '@/constants/schedule-constants';
import VehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
import { submitWorkOrder } from '@/helpers/order-helper.js';
import { experimentSettings } from '@/constants/experiments';
import submitType from '@/constants/submit-type';
export default {
name: 'payment-method',
@ -300,12 +301,7 @@ export default {
if (this.paymentMethod === paymentMethods.PAY_AT_TIME_OF_SERVICE) {
try {
await submitWorkOrder({
pageNameToLog: 'payment-method',
submitAfterSave: true
}).then(() => {
useMainStore().resetSubmittedOrder();
await submitWorkOrder({ submitType: submitType.SAFELITE }).then(() => {
this.$router.navigate(
this.navigationScenarios.CLICKED_FORWARD,
this.$route

7
src/layouts/payment-return/payment-return.vue
View file

@ -124,12 +124,8 @@ export default {
},
async saveAndSubmitWorkOrder() {
// Final work order submit after returning from pay in advance.
useMainStore().resetSubmittedOrder();
try {
await submitWorkOrder({
pageNameToLog: 'payment-return',
submitAfterSave: true
});
await submitWorkOrder({ submitType: submitType.SAFELITE });
} catch (error) {
console.error(`error: response from submit work order:${error.message}`);
this.navigateOnPayInAdvanceError();
@ -138,7 +134,6 @@ export default {
}
showIssLoadingModal(false);
useMainStore().createSubmittedOrder(submitType.SAFELITE);
this.$router.navigate(
this.navigationScenarios.PAY_IN_ADVANCE_SUCCESS,
this.$route

60
src/layouts/service-packages/service-package-question/service-package-question.vue
View file

@ -19,6 +19,7 @@ import partTypeStrings from '@/constants/part-type-strings';
import { useMainStore } from '@/store';
import allGlassPartsAndItemsHavePrices from '@/layouts/service-packages/service-package-helper/service-package-helper';
import { getPriceOfLineItem } from '@/helpers/price-calculator';
import { getHighestFullySatisfiedTier } from '@/helpers/service-package-helper.js';
const glassLocations = damageLocationsSelected;
@ -40,7 +41,10 @@ export default {
groupName: String,
validationRules: String,
isRequired: Boolean,
availableLineItems: []
availableLineItems: {
type: Array,
default: () => []
}
},
emits: ['vapsItemsSelected'],
data() {
@ -212,51 +216,15 @@ export default {
return vapsPrice;
},
selectDefaultPackage() {
const vapsFromStore = store.order.lineItems.vaps;
let lowestTierForPackage = packageNames.TIER_ONE;
if (vapsFromStore?.length > 0) {
vapsFromStore.every((vapsItem) => {
const lowestTierForThisItem = this.getLowestTierForThisItem(vapsItem);
if (lowestTierForThisItem === packageNames.TIER_THREE) {
lowestTierForPackage = packageNames.TIER_THREE;
return false;
} if (lowestTierForThisItem === packageNames.TIER_TWO) {
lowestTierForPackage = packageNames.TIER_TWO;
return true;
}
return true;
});
}
this.selectedPackageName = lowestTierForPackage;
},
getLowestTierForThisItem(vapsItem) {
let lowestTierForThisItem = null;
switch (vapsItem.partType) {
case partTypeStrings.FRONT_WIPER:
if (this.frontWipersApplicableForTierThree) {
lowestTierForThisItem = packageNames.TIER_THREE;
}
if (this.frontWipersApplicableForTierTwo) {
lowestTierForThisItem = packageNames.TIER_TWO;
}
break;
case partTypeStrings.REAR_WIPER:
if (this.rearWiperApplicableForTierThree) {
lowestTierForThisItem = packageNames.TIER_THREE;
}
if (this.rearWiperApplicableForTierTwo) {
lowestTierForThisItem = packageNames.TIER_TWO;
}
break;
case partTypeStrings.RAIN_DEFENSE:
if (this.rainDefenseApplicableForTierThree) {
lowestTierForThisItem = packageNames.TIER_THREE;
}
break;
default:
}
return lowestTierForThisItem;
const { glassToReplace, isRepair } = store.order.damage;
const { vaps } = store.order.lineItems;
const defaultTier = getHighestFullySatisfiedTier(
glassToReplace ?? [],
this.availableLineItems,
isRepair,
vaps ?? []
);
this.selectedPackageName = defaultTier;
},
getVapsLineItemsForSelectedPackage(packageName) {
const vapsLineItemsForSelectedPackage = [];

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

@ -3,7 +3,7 @@
ref="theForm"
v-slot="{ meta }"
@submit="onSubmit"
@invalid-submit="onInvalidSubmit">
@invalidSubmit="onInvalidSubmit">
<div class="container-fluid fade-on-route-transition service-packages">
<div class="row justify-content-center">
<div class="col-md-6 px-0 px-md-2">
@ -50,8 +50,8 @@
ref="RearWiperModal"
cmsWidgetName="RearWiperModal" />
<contentGroupModal
ref="RecalModal"
cmsWidgetName="RecalModal" />
ref="RecalModal"
cmsWidgetName="RecalModal" />
</div>
</Form>
</template>
@ -72,7 +72,6 @@ import allGlassPartsAndItemsHavePrices from '@/layouts/service-packages/service-
import globalRules from '@/constants/global-rules';
import servicePackageQuestion from '@/layouts/service-packages/service-package-question/service-package-question.vue';
import issPageValues from '@/router/router-constants/issPage-values';
import bailoutCode from '@/constants/bailoutCode';
import bailoutMessage from '@/constants/bailoutMessage';
const store = useMainStore();
@ -143,9 +142,7 @@ export default {
if (!hasBailedOut) {
next((vm) => {
vm.setCmsContent(resultMap.cmsContent);
vm.pricedGlassParts = clonedGlassParts;
vm.supportingItems = resultMap.supportingItems;
vm.availableLineItems = pricingResults;
vm.setData(clonedGlassParts, resultMap.supportingItems, pricingResults);
});
}
},
@ -185,6 +182,11 @@ export default {
&& store.order.lineItems.glassParts.length > 0))
);
},
setData(clonedGlassParts, supportingItems, pricingResults) {
this.pricedGlassParts = clonedGlassParts;
this.supportingItems = supportingItems;
this.availableLineItems = pricingResults;
},
vapsItemsSelectedAction(vapsItemsSelected) {
this.selectedVaps = vapsItemsSelected;
},

6
src/layouts/tpa-submit/tpa-submit.vue
View file

@ -354,11 +354,7 @@ export default {
},
async forwardButtonAction() {
try {
await submitWorkOrder({
pageNameToLog: 'tpa-submit',
submitAfterSave: true
}).then(() => {
useMainStore().createSubmittedOrder(submitType.TPA);
await submitWorkOrder({ submitType: submitType.TPA }).then(() => {
this.navigate(this.navigationScenarios.CLICKED_FORWARD);
}).catch((submitError) => {
useMainStore().setBailout(bailoutMessage.saveSessionError(submitError.data));

11
src/layouts/welcome-page/welcome-page.spec.js
View file

@ -180,7 +180,6 @@ describe('navigation', () => {
await wrapper.vm.forwardButtonAction();
// Assert
expect(wrapper.vm.mainStore.getDuplicateReferrals).toHaveBeenCalledTimes(0);
expect(wrapper.vm.$router.navigate).toHaveBeenCalledTimes(0);
});
});
@ -206,7 +205,7 @@ describe('navigation', () => {
navigationScenarios.CLICKED_FORWARD_WITH_DUPLICATES,
undefined,
{},
{ [routerParams.SAVE_SESSION_SYNCHRONOUS]: true }
{ [routerParams.SKIP_SAVE_SESSION]: true }
);
});
test('if policy and vehicles are found but no duplicates, navigate to policy-vehicle page', async () => {
@ -234,7 +233,7 @@ describe('navigation', () => {
navigationScenarios.CLICKED_FORWARD_POLICY_VERIFIED_WITH_VEHICLES,
undefined,
{},
{ [routerParams.SAVE_SESSION_SYNCHRONOUS]: true }
{ [routerParams.SKIP_SAVE_SESSION]: true }
);
});
test('if policy is found, but no vehicles and no duplicates, navigate to vehicle-selection page', async () => {
@ -259,7 +258,7 @@ describe('navigation', () => {
navigationScenarios.CLICKED_FORWARD_POLICY_VERIFIED_NO_VEHICLES,
undefined,
{},
{ [routerParams.SAVE_SESSION_SYNCHRONOUS]: true }
{ [routerParams.SKIP_SAVE_SESSION]: true }
);
});
test('if policy is found, but null vehicles and no duplicates, navigate to vehicle-selection page', async () => {
@ -285,7 +284,7 @@ describe('navigation', () => {
navigationScenarios.CLICKED_FORWARD_POLICY_VERIFIED_NO_VEHICLES,
undefined,
{},
{ [routerParams.SAVE_SESSION_SYNCHRONOUS]: true }
{ [routerParams.SKIP_SAVE_SESSION]: true }
);
});
test('if policy is not found and no duplicates, navigate to policy-holder-details page', async () => {
@ -310,7 +309,7 @@ describe('navigation', () => {
navigationScenarios.CLICKED_FORWARD_POLICY_UNVERIFIED,
undefined,
{},
{ [routerParams.SAVE_SESSION_SYNCHRONOUS]: true }
{ [routerParams.SKIP_SAVE_SESSION]: true }
);
});
test('getDuplicateReferrals throws rejected promise => navigate called', async () => {

34
src/layouts/welcome-page/welcome-page.vue
View file

@ -174,6 +174,8 @@ import states from '@/constants/states';
import globalRules from '@/constants/global-rules';
import routerParams from '@/router/router-constants/router-params';
import MaskaFormattedMasks from '@/constants/maska-masks';
import { saveSession } from '@/helpers/order-helper';
import bailoutMessage from '@/constants/bailoutMessage';
// define validation rules
defineRule(
@ -299,17 +301,22 @@ export default {
methods: {
async forwardButtonAction() {
try {
await this.configureZip();
this.mainStore.updatePolicyData(this.welcomePageModel);
await this.mainStore.getBillToInfo();
await this.mainStore.getDuplicateReferrals();
await this.mainStore.getCoveragePolicyInfo();
await Promise.allSettled([
this.configureZip().then(async () => await this.mainStore.getBillToInfo()),
this.mainStore.getDuplicateReferrals(),
this.mainStore.getCoveragePolicyInfo()
]);
} catch (e) {
console.error(e);
// TODO: Bailout?
} finally {
if (!this.displayInvalidZipAlert) {
this.navigateForward();
await saveSession({ shouldAwaitSaveSessionQueue: true })
.catch((error) => {
this.mainStore.setBailout(bailoutMessage.saveSessionError(error.data));
})
.finally(() => this.navigateForward());
}
}
},
@ -324,12 +331,19 @@ export default {
}
},
navigateForward() {
if (this.mainStore.applicationUser.duplicateOrders?.length > 0 ?? false) {
if (this.mainStore.isBailout) {
this.$router.navigate(
this.navigationScenarios.SAVE_SESSION_FAILED,
this.$route,
{},
{ [routerParams.SKIP_SAVE_SESSION]: true }
);
} else if (this.mainStore.applicationUser.duplicateOrders?.length > 0 ?? false) {
this.$router.navigate(
this.navigationScenarios.CLICKED_FORWARD_WITH_DUPLICATES,
this.$route,
{},
{ [routerParams.SAVE_SESSION_SYNCHRONOUS]: true }
{ [routerParams.SKIP_SAVE_SESSION]: true }
);
} else if (this.mainStore.isPolicyLookupSuccessful) {
if (this.mainStore.order.policy.vehicles?.length > 0 ?? false) {
@ -339,7 +353,7 @@ export default {
.CLICKED_FORWARD_POLICY_VERIFIED_WITH_VEHICLES,
this.$route,
{},
{ [routerParams.SAVE_SESSION_SYNCHRONOUS]: true }
{ [routerParams.SKIP_SAVE_SESSION]: true }
);
} else {
// navigate to vehicle-selection page (manual entry)
@ -348,7 +362,7 @@ export default {
.CLICKED_FORWARD_POLICY_VERIFIED_NO_VEHICLES,
this.$route,
{},
{ [routerParams.SAVE_SESSION_SYNCHRONOUS]: true }
{ [routerParams.SKIP_SAVE_SESSION]: true }
);
}
} else {
@ -357,7 +371,7 @@ export default {
this.navigationScenarios.CLICKED_FORWARD_POLICY_UNVERIFIED,
this.$route,
{},
{ [routerParams.SAVE_SESSION_SYNCHRONOUS]: true }
{ [routerParams.SKIP_SAVE_SESSION]: true }
);
}
},

15
src/router/index.js
View file

@ -171,17 +171,9 @@ router.afterEach(async (to, from) => {
store.clearSaveSessionPromise();
}
if (to.query.issPage !== issPageValues.TPA_CONFIRMATION && to.query.issPage !== issPageValues.ORDER_CONFIRMATION) {
const saveSessionSynchronous = !!router.options.history.state[routerParams.SAVE_SESSION_SYNCHRONOUS];
await saveSession({ shouldAwaitSaveSessionQueue: saveSessionSynchronous }).catch((error) => {
if (from.name === issPageValues.WELCOME_PAGE) {
store.setBailout(bailoutMessage.saveSessionError(error.data));
router.navigate(
navigationScenarios.SAVE_SESSION_FAILED,
{ query: { issPage: issPageValues.WELCOME_PAGE } }
);
}
});
const skipSaveSession = !!router.options.history.state[routerParams.SKIP_SAVE_SESSION];
if (!skipSaveSession && !store.hasSubmittedOrder()) {
await saveSession({});
}
if (to.query.issPage !== issPageValues.ENTRY_PAGE) {
@ -203,7 +195,6 @@ router.navigateWithoutSaving = (
optionalParams = {},
optionalPageData = {}
) => {
// TODO does not save session
navigate(scenario, currentRoute, optionalQuery, optionalParams, optionalPageData);
};

2
src/router/router-constants/router-params.js
View file

@ -1,6 +1,6 @@
const routerParams = Object.freeze({
DISPLAY_VEHICLE_CHANGE_ALERT: 'displayVehicleChangeAlert',
SAVE_SESSION_SYNCHRONOUS: 'saveSessionSynchronous'
SKIP_SAVE_SESSION: 'skipSaveSession'
});
export default routerParams;

15
src/router/router.spec.js
View file

@ -21,4 +21,19 @@ describe('Router', () => {
router.navigate(scenario, currentRoute);
expect(router.push.mock.calls[0][0].query.issPage).toBe(issPageValues.POLICY_HOLDER_DETAILS);
});
it('Should set state as expected', () => {
// Arrange
const scenario = navigationScenarios.CLICKED_FORWARD;
const currentRoute = { query: { issPage: issPageValues.WELCOME_PAGE } };
const parameters = {saveSync: true};
router.push = jest.fn();
// Act
router.navigate(scenario, currentRoute, {}, parameters);
// Assert
expect(router.push.mock.calls[0][0].state).toBe(parameters);
});
});

3
src/store/index.js
View file

@ -28,6 +28,7 @@ import partNumberStrings from '@/constants/part-number-strings';
import { getLineItemsFlattened } from '@/helpers/line-items-helper';
import { buildQueryStringParameterFromArrayOfComplexObjects, getLineItemQueryString, getTaxLineItemQueryString } from '@/helpers/querystring-helper';
import coverageType from '@/constants/coverage-type';
import { getFeatureTogglesQueryString } from '@/helpers/experiment-helper';
const storeId = 'main';
@ -1034,6 +1035,7 @@ export const useMainStore = defineStore({
async getInsurancePriceOrderItems(availableLineItems) {
const { serviceLocation, currentDeductible } = this.order;
const lineItemsQueryString = getLineItemQueryString(availableLineItems, 'lineItems');
const featureTogglesQueryString = getFeatureTogglesQueryString(this.experimentSettings);
let queryString =
`ParentAccountNumber=${this.order.parentAccountNumber}`
@ -1041,6 +1043,7 @@ export const useMainStore = defineStore({
+ `&CTU=${serviceLocation.zipCodeCtu}`
+ `&Deductible=${currentDeductible ?? 0}`
+ `&ZipCode=${serviceLocation.zipCode}`
+ `&${featureTogglesQueryString}`
+ `${lineItemsQueryString}`;
const lineItemServerData = this.order.lineItems?.serverData;