Merge branch 'develop' into SSR-1160-add-desktop-functionality
This commit is contained in:
bmauger
GitHub
commit
3537fee2ba
25 changed files with 1108 additions and 337 deletions
|
|
@ -45,7 +45,8 @@ module.exports = {
|
|||
}],
|
||||
'import/extensions': ['error', 'always', { js: 'ignorePackages' }],
|
||||
'no-param-reassign': ['error', { props: true, ignorePropertyModificationsFor: ['item'] }],
|
||||
'no-restricted-syntax': ['off', 'ForOfStatement']
|
||||
'no-restricted-syntax': ['off', 'ForOfStatement'],
|
||||
'no-return-await': 'off'
|
||||
},
|
||||
settings: {
|
||||
'import/resolver': {
|
||||
|
|
|
|||
|
|
@ -19,8 +19,6 @@ const applicationConfig = Object.freeze({
|
|||
SAFELITE_HOP: process.env.VUE_APP_SAFELITE_HOP,
|
||||
ISS_DEV_CMS_DOMAIN: 'https://digitalisscms.dev.safelite.io',
|
||||
CASH_PARENT_ACCOUNT_NUMBER: 167132,
|
||||
ITAC_FAIR_AND_REASONABLE_BILLTO: '214616', // Lib Mutal FnR BillTo
|
||||
ITAC_CASH_BILLTO: '283393', // Lib Mutal ITAC Cash BillTo
|
||||
GOOGLE_CALENDAR: 'https://www.google.com/calendar/render?action=TEMPLATE',
|
||||
YAHOO_CALENDAR: 'https://calendar.yahoo.com/?v=60',
|
||||
OUTLOOK_CALENDAR:
|
||||
|
|
|
|||
7
src/constants/cart-item-type.js
Normal file
7
src/constants/cart-item-type.js
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
const cartItemType = Object.freeze({
|
||||
RECYCLE_FEE: 'RECYCLE FEE',
|
||||
MOBILE_FEE: 'MOBILE FEE',
|
||||
VAP: 'VAP'
|
||||
});
|
||||
|
||||
export default cartItemType;
|
||||
|
|
@ -1,15 +1,15 @@
|
|||
const CONTENT_BASE_URL = '/content/api/v1/content';
|
||||
const LOCATION_BASE_URL = '/location/api/v1/location';
|
||||
const SCHEDULE_BASE_URL = '/schedule/api/v1/schedule';
|
||||
const PARTS_BASE_URL = '/parts/api/v1/parts';
|
||||
const VEHICLE_BASE_URL = '/vehicle/api/v1/vehicle';
|
||||
const PRICE_BASE_URL = '/price/api/v1/price';
|
||||
const ACCOUNT_BASE_URL = '/account/api/v1/account';
|
||||
const EXPERIMENTS_BASE_URL = '/experiments/api/v1/experiments';
|
||||
const ANALYTICS_BASE_URL = '/analytics/api/v1/analytics';
|
||||
const CLIENT_AUTH_BASE_URL = '/clientauth/api/v1/clientauth';
|
||||
const CONTENT_BASE_URL = '/content/api/v1/content';
|
||||
const COVERAGE_BASE_URL = '/coverage/api/v1/coverage';
|
||||
const EXPERIMENTS_BASE_URL = '/experiments/api/v1/experiments';
|
||||
const LOCATION_BASE_URL = '/location/api/v1/location';
|
||||
const ORDER_BASE_URL = '/order/api/v1/order';
|
||||
const PARTS_BASE_URL = '/parts/api/v1/parts';
|
||||
const PRICE_BASE_URL = '/price/api/v1/price';
|
||||
const SCHEDULE_BASE_URL = '/schedule/api/v1/schedule';
|
||||
const VEHICLE_BASE_URL = '/vehicle/api/v1/vehicle';
|
||||
|
||||
const endpoints = Object.freeze({
|
||||
GetRouteInfo: {
|
||||
|
|
@ -24,6 +24,10 @@ const endpoints = Object.freeze({
|
|||
url: (applicationAbbreviation, pageName) => `${CONTENT_BASE_URL}/${applicationAbbreviation}/${pageName}`,
|
||||
method: 'GET'
|
||||
},
|
||||
GetBillToInfo: {
|
||||
url: `${ACCOUNT_BASE_URL}/bill-to-info`,
|
||||
method: 'POST'
|
||||
},
|
||||
GetAlertReasons: {
|
||||
url: `${LOCATION_BASE_URL}/alert-reasons`,
|
||||
method: 'GET'
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
const partNumberStrings = Object.freeze({
|
||||
const partNumberStrings = Object.freeze({
|
||||
RECYCLE_FEE: 'RECYCLE FEE'
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -2,6 +2,11 @@
|
|||
|
||||
exports[`cart-dropdown component initial data rendered as expected 1`] = `
|
||||
Object {
|
||||
"cartItemType": Object {
|
||||
"MOBILE_FEE": "MOBILE FEE",
|
||||
"RECYCLE_FEE": "RECYCLE FEE",
|
||||
"VAP": "VAP",
|
||||
},
|
||||
"isExpanded": false,
|
||||
"widget": Object {
|
||||
"amountDue": "AmountDueTextWidget",
|
||||
|
|
|
|||
|
|
@ -46,6 +46,14 @@ function getMountedComponent(mainInitialState = {}, initialData = {}, propsData
|
|||
return { wrapper };
|
||||
}
|
||||
|
||||
beforeEach(() => {
|
||||
const store = useMainStore();
|
||||
const defaultState = getDefaultState();
|
||||
Object.keys(defaultState).forEach((key) => {
|
||||
store[key] = defaultState[key];
|
||||
});
|
||||
});
|
||||
|
||||
describe('cart-dropdown component', () => {
|
||||
test('initial data rendered as expected', () => {
|
||||
// Arrange
|
||||
|
|
@ -142,6 +150,42 @@ describe('cart-dropdown component', () => {
|
|||
// Assert
|
||||
expect(servicePackage.exists()).toBeTruthy();
|
||||
});
|
||||
test('non service package cart items', () => {
|
||||
// Arrange
|
||||
const reference = '#non-packaged-cart-items';
|
||||
const isExpanded = true;
|
||||
const initialData = { isExpanded };
|
||||
const { wrapper } = getMountedComponent({}, {}, initialData);
|
||||
|
||||
// Act
|
||||
const nonPackagedCartItems = wrapper.find(reference);
|
||||
|
||||
// Assert
|
||||
expect(nonPackagedCartItems.exists()).toBeTruthy();
|
||||
});
|
||||
test('recycle cart item label when isRecycle true for some cart item', () => {
|
||||
// Arrange
|
||||
const reference = '#recycle-fee-label';
|
||||
const isExpanded = true;
|
||||
const initialPropsData = { isExpanded };
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
supportingItems: [
|
||||
{ partNumber: partNumberStrings.RECYCLE_FEE }
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData, {}, initialPropsData);
|
||||
|
||||
// Act
|
||||
const recycleFeeLabel = wrapper.find(reference);
|
||||
|
||||
// Assert
|
||||
expect(wrapper.vm.recycleFeeCartItem).not.toBeNull();
|
||||
expect(recycleFeeLabel.exists()).toBeTruthy();
|
||||
});
|
||||
test('cart footer', () => {
|
||||
// Arrange
|
||||
const reference = '#cart-footer';
|
||||
|
|
@ -181,45 +225,6 @@ describe('cart-dropdown component', () => {
|
|||
// Assert
|
||||
expect(salesTax.exists()).toBeTruthy();
|
||||
});
|
||||
test('recycle fee when preset in supported items', () => {
|
||||
// Arrange
|
||||
const reference = '#recycle-fee-item';
|
||||
const { wrapper } = getMountedComponent({
|
||||
order: {
|
||||
lineItems: {
|
||||
supportingItems: [{
|
||||
partNumber: partNumberStrings.RECYCLE_FEE
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Act
|
||||
const recycleFee = wrapper.find(reference);
|
||||
|
||||
// Assert
|
||||
expect(wrapper.vm.recycleFeeCartItem).not.toBeNull();
|
||||
expect(recycleFee.exists()).toBeTruthy();
|
||||
});
|
||||
test('mobile fee when preset', () => {
|
||||
// Arrange
|
||||
const reference = '#mobile-fee-item';
|
||||
const { wrapper } = getMountedComponent({
|
||||
order: {
|
||||
lineItems: {
|
||||
supportingItems: [],
|
||||
mobileFee: {}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Act
|
||||
const mobileFee = wrapper.find(reference);
|
||||
|
||||
// Assert
|
||||
expect(wrapper.vm.mobileFeeCartItem).not.toBeNull();
|
||||
expect(mobileFee.exists()).toBeTruthy();
|
||||
});
|
||||
test('bottom amount due', () => {
|
||||
// Arrange
|
||||
const reference = '#bottom-amount-due';
|
||||
|
|
@ -285,42 +290,26 @@ describe('cart-dropdown component', () => {
|
|||
// Assert
|
||||
expect(cartBasePrice.exists()).toBeFalsy();
|
||||
});
|
||||
test('recycle fee when not in supported items', () => {
|
||||
test('recycle cart item label when isRecycle false for all cart items', () => {
|
||||
// Arrange
|
||||
const reference = '#recycle-fee-item';
|
||||
const { wrapper } = getMountedComponent({
|
||||
const reference = '#recycle-fee-label';
|
||||
const isExpanded = true;
|
||||
const initialPropsData = { isExpanded };
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
supportingItems: []
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData, {}, initialPropsData);
|
||||
|
||||
// Act
|
||||
const recycleFee = wrapper.find(reference);
|
||||
const recycleFeeLabel = wrapper.find(reference);
|
||||
|
||||
// Assert
|
||||
expect(wrapper.vm.recycleFeeCartItem).toBeNull();
|
||||
expect(recycleFee.exists()).toBeFalsy();
|
||||
});
|
||||
test('mobile fee when not in supported items', () => {
|
||||
// Arrange
|
||||
const reference = '#mobile-fee-item';
|
||||
const { wrapper } = getMountedComponent({
|
||||
order: {
|
||||
lineItems: {
|
||||
supportingItems: [],
|
||||
mobileFee: null
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Act
|
||||
const mobileFee = wrapper.find(reference);
|
||||
|
||||
// Assert
|
||||
expect(wrapper.vm.mobileFeeCartItem).toBeNull();
|
||||
expect(mobileFee.exists()).toBeFalsy();
|
||||
expect(recycleFeeLabel.exists()).toBeFalsy();
|
||||
});
|
||||
});
|
||||
describe('computed', () => {
|
||||
|
|
@ -452,16 +441,129 @@ describe('cart-dropdown component', () => {
|
|||
});
|
||||
});
|
||||
describe('subTotal', () => {
|
||||
// TODO when method implemented
|
||||
const supportingItemPartNumber = 'supporter';
|
||||
const glassPartNumber = 'glass part';
|
||||
const otherPartNumber = 'other';
|
||||
const vapPartNumber = 'vap';
|
||||
const mobileFeePartNumber = 'mobile';
|
||||
const supportingItems = [{ partNumber: supportingItemPartNumber }];
|
||||
const glassParts = [{ partNumber: glassPartNumber }];
|
||||
const otherParts = [{ partNumber: otherPartNumber }];
|
||||
const vaps = [{ partNumber: vapPartNumber }];
|
||||
const mobileFee = { partNumber: mobileFeePartNumber };
|
||||
const includesPartNumber = (lineItems, partNumber) => lineItems.some((item) => item?.partNumber === partNumber);
|
||||
const deductiblePrice = 100;
|
||||
const supportingAndGlassAndOtherPrice = 30;
|
||||
const feesAndVapsPrice = 50;
|
||||
const allLineItemsPrice = 70;
|
||||
getPriceOfLineItems.mockImplementation((lineItems) => {
|
||||
const allPartNumbers = [
|
||||
supportingItemPartNumber,
|
||||
glassPartNumber,
|
||||
otherPartNumber,
|
||||
mobileFeePartNumber,
|
||||
vapPartNumber
|
||||
];
|
||||
if (allPartNumbers.every((partNumber) => includesPartNumber(lineItems, partNumber))) {
|
||||
return allLineItemsPrice;
|
||||
}
|
||||
const supportingAndGlassAndOtherPartNumbers = [
|
||||
supportingItemPartNumber,
|
||||
glassPartNumber,
|
||||
otherPartNumber
|
||||
];
|
||||
if (supportingAndGlassAndOtherPartNumbers.every((partNumber) => includesPartNumber(lineItems, partNumber))) {
|
||||
return supportingAndGlassAndOtherPrice;
|
||||
}
|
||||
if (includesPartNumber(lineItems, mobileFeePartNumber) && includesPartNumber(lineItems, vapPartNumber)) {
|
||||
return feesAndVapsPrice;
|
||||
}
|
||||
return 1;
|
||||
});
|
||||
const lineItems = {
|
||||
supportingItems,
|
||||
glassParts,
|
||||
otherParts,
|
||||
vaps,
|
||||
mobileFee
|
||||
};
|
||||
test('when not no comp and not itac, includes deductible price plus fee and vap price', () => {
|
||||
// Arrange
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems,
|
||||
policy: {
|
||||
noCoverage: false,
|
||||
isITAC: false
|
||||
},
|
||||
currentDeductible: deductiblePrice
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
const expected = deductiblePrice + feesAndVapsPrice;
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.subTotal;
|
||||
|
||||
// Assert
|
||||
expect(result).toBe(expected);
|
||||
});
|
||||
test('when no comp, returns all line items price', () => {
|
||||
// Arrange
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems,
|
||||
policy: {
|
||||
noCoverage: true,
|
||||
isITAC: false
|
||||
},
|
||||
currentDeductible: deductiblePrice
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
const expected = allLineItemsPrice;
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.subTotal;
|
||||
|
||||
// Assert
|
||||
expect(result).toBe(expected);
|
||||
});
|
||||
test('when ITAC, returns all line items price', () => {
|
||||
// Arrange
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems,
|
||||
policy: {
|
||||
noCoverage: false,
|
||||
isITAC: true
|
||||
},
|
||||
currentDeductible: deductiblePrice
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
const expected = allLineItemsPrice;
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.subTotal;
|
||||
|
||||
// Assert
|
||||
expect(result).toBe(expected);
|
||||
});
|
||||
});
|
||||
describe('salesTax', () => {
|
||||
test('salesTax is treated as 0 when line items are null', () => {
|
||||
// Arrange
|
||||
const storeData = getDefaultState();
|
||||
storeData.order.lineItems.glassParts = null;
|
||||
storeData.order.lineItems.otherParts = null;
|
||||
storeData.order.lineItems.supportingItems = null;
|
||||
storeData.order.lineItems.vaps = null;
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
glassParts: null,
|
||||
otherParts: null,
|
||||
supportingItems: null,
|
||||
vaps: null
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
|
|
@ -474,20 +576,24 @@ describe('cart-dropdown component', () => {
|
|||
|
||||
test("salesTax is treated as 0 when null or undefined is set as the line item's sales tax.", () => {
|
||||
// Arrange
|
||||
const storeData = getDefaultState();
|
||||
storeData.order.lineItems.glassParts = [
|
||||
{ partType: 'mock', salesTax: null },
|
||||
{ partType: 'mock', salesTax: undefined }
|
||||
];
|
||||
storeData.order.lineItems.supportingItems = [
|
||||
{ partType: 'mock', salesTax: null },
|
||||
{ partType: 'mock', salesTax: undefined }
|
||||
];
|
||||
storeData.order.lineItems.vaps = [
|
||||
{ partType: 'mock', salesTax: null },
|
||||
{ partType: 'mock', salesTax: undefined }
|
||||
];
|
||||
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
glassParts: [
|
||||
{ partType: 'mock', salesTax: null },
|
||||
{ partType: 'mock', salesTax: undefined }
|
||||
],
|
||||
supportingItems: [
|
||||
{ partType: 'mock', salesTax: null },
|
||||
{ partType: 'mock', salesTax: undefined }
|
||||
],
|
||||
vaps: [
|
||||
{ partType: 'mock', salesTax: null },
|
||||
{ partType: 'mock', salesTax: undefined }
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
|
|
@ -496,19 +602,29 @@ describe('cart-dropdown component', () => {
|
|||
// Assert
|
||||
expect(result).toBe(0);
|
||||
});
|
||||
|
||||
test('Returns 0 as sales tax when coverage is unverified and order does not contain vaps.', () => {
|
||||
// Arrange
|
||||
const storeData = getDefaultState();
|
||||
storeData.order.lineItems.glassParts = [
|
||||
{ partType: 'mock', salesTax: 10 }
|
||||
];
|
||||
storeData.order.lineItems.supportingItems = [
|
||||
{ partNumber: partNumberStrings.RECYCLE_FEE, partType: 'mock', salesTax: 10, sellingPrice: 39.99 }
|
||||
];
|
||||
storeData.order.lineItems.vaps = [];
|
||||
storeData.order.payment.insuranceCoverage.isVerified = false;
|
||||
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
glassParts: [{ partType: 'mock', salesTax: 10 }],
|
||||
supportingItems: [
|
||||
{
|
||||
partNumber: partNumberStrings.RECYCLE_FEE,
|
||||
partType: 'mock',
|
||||
salesTax: 10,
|
||||
sellingPrice: 39.99
|
||||
}
|
||||
],
|
||||
vaps: []
|
||||
},
|
||||
payment: {
|
||||
insuranceCoverage: {
|
||||
isVerified: false
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
|
|
@ -520,7 +636,7 @@ describe('cart-dropdown component', () => {
|
|||
|
||||
test('Returns sum of vaps sales tax when coverage is unverified and order has vaps.', () => {
|
||||
// Arrange
|
||||
const storeData = getDefaultState();
|
||||
const storeData = useMainStore().$state;
|
||||
storeData.order.lineItems.glassParts = [
|
||||
{ partType: 'mock', salesTax: 10 }
|
||||
];
|
||||
|
|
@ -541,7 +657,7 @@ describe('cart-dropdown component', () => {
|
|||
|
||||
test('Returns Recycle Fee tax when coverage is Verified-Deductible, replace service, and no vaps.', () => {
|
||||
// Arrange
|
||||
const storeData = getDefaultState();
|
||||
const storeData = useMainStore().$state;
|
||||
storeData.order.currentDeductible = 250;
|
||||
storeData.order.lineItems.glassParts = [
|
||||
{ partType: 'mock', salesTax: 10, sellingPrice: 150 }
|
||||
|
|
@ -563,7 +679,7 @@ describe('cart-dropdown component', () => {
|
|||
|
||||
test('Returns sum of vaps + recycle fee sales tax when Verified-Deductible, replace service, and has vaps.', () => {
|
||||
// Arrange
|
||||
const storeData = getDefaultState();
|
||||
const storeData = useMainStore().$state;
|
||||
storeData.order.currentDeductible = 250;
|
||||
storeData.order.lineItems.glassParts = [
|
||||
{ partType: 'mock', salesTax: 10, sellingPrice: 100 }
|
||||
|
|
@ -592,7 +708,7 @@ describe('cart-dropdown component', () => {
|
|||
|
||||
test('Returns sum of sales tax when Verified-ITAC.', () => {
|
||||
// Arrange
|
||||
const storeData = getDefaultState();
|
||||
const storeData = useMainStore().$state;
|
||||
storeData.order.currentDeductible = 0;
|
||||
storeData.order.lineItems.glassParts = [
|
||||
{ partType: 'mock', salesTax: 10, sellingPrice: 100 }
|
||||
|
|
@ -620,7 +736,7 @@ describe('cart-dropdown component', () => {
|
|||
|
||||
test('Returns sum of sales tax when Verified-NoComp.', () => {
|
||||
// Arrange
|
||||
const storeData = getDefaultState();
|
||||
const storeData = useMainStore().$state;
|
||||
storeData.order.currentDeductible = 0;
|
||||
storeData.order.lineItems.glassParts = [
|
||||
{ partType: 'mock', salesTax: 10, sellingPrice: 100 }
|
||||
|
|
@ -647,18 +763,10 @@ describe('cart-dropdown component', () => {
|
|||
});
|
||||
});
|
||||
describe('availableLineItems', () => {
|
||||
test('returns expected when glassParts null', async () => {
|
||||
test('returns expected when all null', () => {
|
||||
// Arrange
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
glassParts: null,
|
||||
supportingItems: []
|
||||
}
|
||||
}
|
||||
};
|
||||
const propsData = { availableVaps: [] };
|
||||
const { wrapper } = getMountedComponent(storeData, {}, propsData);
|
||||
const propsData = { availableVaps: null };
|
||||
const { wrapper } = getMountedComponent({}, {}, propsData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.availableLineItems;
|
||||
|
|
@ -666,58 +774,106 @@ describe('cart-dropdown component', () => {
|
|||
// Assert
|
||||
expect(result).toStrictEqual([]);
|
||||
});
|
||||
test('returns expected when supportingItems null', async () => {
|
||||
test('returns expected when glassParts not null', async () => {
|
||||
// Arrange
|
||||
const glassParts = [{ partNumber: 'glass' }];
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
glassParts: [],
|
||||
supportingItems: null
|
||||
}
|
||||
lineItems: { glassParts }
|
||||
}
|
||||
};
|
||||
const propsData = { availableVaps: [] };
|
||||
const propsData = { availableVaps: null };
|
||||
const { wrapper } = getMountedComponent(storeData, {}, propsData);
|
||||
const expected = glassParts;
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.availableLineItems;
|
||||
|
||||
// Assert
|
||||
expect(result).toStrictEqual([]);
|
||||
expect(result).toStrictEqual(expected);
|
||||
});
|
||||
test('returns expected when supportingItems not null', async () => {
|
||||
// Arrange
|
||||
const supportingItems = [{ partNumber: 'support' }];
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: { supportingItems }
|
||||
}
|
||||
};
|
||||
const propsData = { availableVaps: null };
|
||||
const { wrapper } = getMountedComponent(storeData, {}, propsData);
|
||||
const expected = supportingItems;
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.availableLineItems;
|
||||
|
||||
// Assert
|
||||
expect(result).toStrictEqual(expected);
|
||||
});
|
||||
test('returns expected when otherParts not null', () => {
|
||||
// Arrange
|
||||
const otherParts = [{ partNumber: 'other' }];
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: { otherParts }
|
||||
}
|
||||
};
|
||||
const propsData = { availableVaps: null };
|
||||
const { wrapper } = getMountedComponent(storeData, {}, propsData);
|
||||
const expected = otherParts;
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.availableLineItems;
|
||||
|
||||
// Assert
|
||||
expect(result).toStrictEqual(expected);
|
||||
});
|
||||
test('returns expected when mobileFee not null', () => {
|
||||
// Arrange
|
||||
const mobileFee = { partNumber: 'mobile' };
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: { mobileFee }
|
||||
}
|
||||
};
|
||||
const propsData = { availableVaps: null };
|
||||
const { wrapper } = getMountedComponent(storeData, {}, propsData);
|
||||
const expected = [mobileFee];
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.availableLineItems;
|
||||
|
||||
// Assert
|
||||
expect(result).toStrictEqual(expected);
|
||||
});
|
||||
test('returns expected when availableVaps null', async () => {
|
||||
// Arrange
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
glassParts: [],
|
||||
supportingItems: []
|
||||
}
|
||||
}
|
||||
};
|
||||
const propsData = {
|
||||
availableVaps: undefined
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData, {}, propsData);
|
||||
const availableVaps = [{ partNumber: 'vaps1' }];
|
||||
const propsData = { availableVaps };
|
||||
const { wrapper } = getMountedComponent({}, {}, propsData);
|
||||
const expected = availableVaps;
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.availableLineItems;
|
||||
|
||||
// Assert
|
||||
expect(result).toStrictEqual([]);
|
||||
expect(result).toStrictEqual(expected);
|
||||
});
|
||||
test('returns expected when glassParts, supportingItems, and availableVaps have content', async () => {
|
||||
test('returns expected when glassParts, supportingItems, otherParts, mobileFee, and availableVaps have content', async () => {
|
||||
// Arrange
|
||||
const part1 = { partType: 'apple' };
|
||||
const part2 = { partType: 'banana' };
|
||||
const part3 = { partType: 'orange' };
|
||||
const part4 = { partType: 'grape' };
|
||||
const part5 = { partType: 'raspberry' };
|
||||
const mobileFee = { partType: 'mobile' };
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
glassParts: [part1],
|
||||
supportingItems: [part2, part3]
|
||||
supportingItems: [part2, part3],
|
||||
otherParts: [],
|
||||
mobileFee
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -725,13 +881,24 @@ describe('cart-dropdown component', () => {
|
|||
availableVaps: [part4, part5]
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData, {}, propsData);
|
||||
const expected = [part1, part2, part3, part4, part5];
|
||||
const sortByPartType = (a, b) => {
|
||||
const typeA = a.partType.toUpperCase();
|
||||
const typeB = b.partType.toUpperCase();
|
||||
if (typeA < typeB) {
|
||||
return -1;
|
||||
}
|
||||
if (typeA > typeB) {
|
||||
return 1;
|
||||
}
|
||||
return 0;
|
||||
};
|
||||
const expected = [part1, part2, part3, part4, part5, mobileFee];
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.availableLineItems;
|
||||
|
||||
// Assert
|
||||
expect(result).toStrictEqual(expected);
|
||||
expect(result.sort(sortByPartType)).toStrictEqual(expected.sort(sortByPartType));
|
||||
});
|
||||
});
|
||||
describe('servicePackageCartItems', () => {
|
||||
|
|
@ -959,6 +1126,267 @@ describe('cart-dropdown component', () => {
|
|||
}));
|
||||
});
|
||||
});
|
||||
describe('nonServicePackageCartItems', () => {
|
||||
test('when recycleFee, includes recycle fee', () => {
|
||||
// Arrange
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
supportingItems: [
|
||||
{
|
||||
partNumber: partNumberStrings.RECYCLE_FEE
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.nonServicePackageCartItems;
|
||||
|
||||
// Assert
|
||||
expect(result).toContainEqual(expect.objectContaining({
|
||||
partType: partTypeStrings.REPLACE_FEE
|
||||
}));
|
||||
});
|
||||
test('when mobileFee, includes mobile fee', () => {
|
||||
// Arrange
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
mobileFee: {
|
||||
partType: partTypeStrings.MOBILE_FEE
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.nonServicePackageCartItems;
|
||||
|
||||
// Assert
|
||||
expect(result).toContainEqual(expect.objectContaining({
|
||||
partType: partTypeStrings.MOBILE_FEE
|
||||
}));
|
||||
});
|
||||
test('front wiper not included when front wiper in service package', () => {
|
||||
// Arrange
|
||||
getPriceOfLineItems.mockImplementation(() => 123);
|
||||
getPackageContents.mockImplementationOnce(() => [partTypeStrings.FRONT_WIPER]);
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
vaps: [
|
||||
{
|
||||
partType: partTypeStrings.FRONT_WIPER
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.nonServicePackageCartItems;
|
||||
|
||||
// Assert
|
||||
expect(result).not.toContainEqual(expect.objectContaining({
|
||||
partType: partTypeStrings.FRONT_WIPER
|
||||
}));
|
||||
});
|
||||
test('rear wiper not included when rear wiper in service package', () => {
|
||||
// Arrange
|
||||
getPriceOfLineItems.mockImplementation(() => 123);
|
||||
getPackageContents.mockImplementationOnce(() => [partTypeStrings.REAR_WIPER]);
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
vaps: [
|
||||
{
|
||||
partType: partTypeStrings.REAR_WIPER
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.nonServicePackageCartItems;
|
||||
|
||||
// Assert
|
||||
expect(result).not.toContainEqual(expect.objectContaining({
|
||||
partType: partTypeStrings.REAR_WIPER
|
||||
}));
|
||||
});
|
||||
test('rain defense not included when rain defense in service package', () => {
|
||||
// Arrange
|
||||
getPriceOfLineItems.mockImplementation(() => 123);
|
||||
getPackageContents.mockImplementationOnce(() => [partTypeStrings.RAIN_DEFENSE]);
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
vaps: [
|
||||
{
|
||||
partType: partTypeStrings.RAIN_DEFENSE
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.nonServicePackageCartItems;
|
||||
|
||||
// Assert
|
||||
expect(result).not.toContainEqual(expect.objectContaining({
|
||||
partType: partTypeStrings.RAIN_DEFENSE
|
||||
}));
|
||||
});
|
||||
test('front wiper included when not in service package and in vaps', () => {
|
||||
// Arrange
|
||||
getPriceOfLineItems.mockImplementation(() => 123);
|
||||
getPackageContents.mockImplementationOnce(() => []);
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
vaps: [
|
||||
{
|
||||
partType: partTypeStrings.FRONT_WIPER
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.nonServicePackageCartItems;
|
||||
|
||||
// Assert
|
||||
expect(result).toContainEqual(expect.objectContaining({
|
||||
partType: partTypeStrings.FRONT_WIPER
|
||||
}));
|
||||
});
|
||||
test('rear wiper included when not in service package and in vaps', () => {
|
||||
// Arrange
|
||||
getPriceOfLineItems.mockImplementation(() => 123);
|
||||
getPackageContents.mockImplementationOnce(() => []);
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
vaps: [
|
||||
{
|
||||
partType: partTypeStrings.REAR_WIPER
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.nonServicePackageCartItems;
|
||||
|
||||
// Assert
|
||||
expect(result).toContainEqual(expect.objectContaining({
|
||||
partType: partTypeStrings.REAR_WIPER
|
||||
}));
|
||||
});
|
||||
test('rain defense included when not in service package and in vaps', () => {
|
||||
// Arrange
|
||||
getPriceOfLineItems.mockImplementation(() => 123);
|
||||
getPackageContents.mockImplementationOnce(() => []);
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
vaps: [
|
||||
{
|
||||
partType: partTypeStrings.RAIN_DEFENSE
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.nonServicePackageCartItems;
|
||||
|
||||
// Assert
|
||||
expect(result).toContainEqual(expect.objectContaining({
|
||||
partType: partTypeStrings.RAIN_DEFENSE
|
||||
}));
|
||||
});
|
||||
test('item in vaps outside front wiper, rear wiper, and rain defense never included', () => {
|
||||
// Arrange
|
||||
getPriceOfLineItems.mockImplementation(() => 123);
|
||||
getPackageContents.mockImplementationOnce(() => []);
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
vaps: [
|
||||
{
|
||||
partType: partTypeStrings.RECALIBRATION
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.nonServicePackageCartItems;
|
||||
|
||||
// Assert
|
||||
expect(result).not.toContainEqual(expect.objectContaining({
|
||||
partType: partTypeStrings.RECALIBRATION
|
||||
}));
|
||||
});
|
||||
test('returns expected when multiple variables apply', () => {
|
||||
// Arrange
|
||||
getPriceOfLineItems.mockImplementation(() => 123);
|
||||
getPackageContents.mockImplementationOnce(() => [partTypeStrings.FRONT_WIPER]);
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
supportingItems: [
|
||||
{
|
||||
partNumber: partNumberStrings.RECYCLE_FEE
|
||||
}
|
||||
],
|
||||
mobileFee: {
|
||||
partType: partTypeStrings.MOBILE_FEE
|
||||
},
|
||||
vaps: [
|
||||
{ partType: partTypeStrings.RECALIBRATION },
|
||||
{ partType: partTypeStrings.FRONT_WIPER },
|
||||
{ partType: partTypeStrings.REAR_WIPER }
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.nonServicePackageCartItems;
|
||||
|
||||
// Assert
|
||||
expect(result.length).toBe(3);
|
||||
expect(result).toContainEqual(expect.objectContaining({
|
||||
partType: partTypeStrings.REPLACE_FEE
|
||||
}));
|
||||
expect(result).toContainEqual(expect.objectContaining({
|
||||
partType: partTypeStrings.MOBILE_FEE
|
||||
}));
|
||||
expect(result).toContainEqual(expect.objectContaining({
|
||||
partType: partTypeStrings.REAR_WIPER
|
||||
}));
|
||||
});
|
||||
});
|
||||
describe('servicePackageLabelWidget', () => {
|
||||
test.each([
|
||||
[null],
|
||||
|
|
@ -1181,15 +1609,105 @@ describe('cart-dropdown component', () => {
|
|||
expect(result.name).toBe(expectedName);
|
||||
});
|
||||
});
|
||||
describe('packagePrice', () => {
|
||||
test('returns 0 when servicePackageCartItems is empty', () => {
|
||||
// Arrange
|
||||
getPriceOfLineItems.mockImplementation(() => 123);
|
||||
getPackageContents.mockImplementationOnce(() => []);
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
vaps: [
|
||||
{
|
||||
partType: partTypeStrings.REAR_WIPER
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.packagePrice;
|
||||
|
||||
// Assert
|
||||
expect(result).toBe(0);
|
||||
});
|
||||
test('returns expected when servicePackageCartItems not empty', () => {
|
||||
// Arrange
|
||||
const rearPrice = 101;
|
||||
const frontPrice = 9;
|
||||
getPriceOfLineItems.mockImplementation((lineItems) => {
|
||||
if (lineItems.some((item) => item?.partType === partTypeStrings.FRONT_WIPER)) {
|
||||
return frontPrice;
|
||||
}
|
||||
if (lineItems.some((item) => item?.partType === partTypeStrings.REAR_WIPER)) {
|
||||
return rearPrice;
|
||||
}
|
||||
return 1;
|
||||
});
|
||||
getPackageContents.mockImplementationOnce(() => [partTypeStrings.FRONT_WIPER, partTypeStrings.REAR_WIPER]);
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
vaps: [
|
||||
{ partType: partTypeStrings.FRONT_WIPER },
|
||||
{ partType: partTypeStrings.REAR_WIPER }
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
const expectedPrice = 110;
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.packagePrice;
|
||||
|
||||
// Assert
|
||||
expect(result).toBe(expectedPrice);
|
||||
});
|
||||
test('returns expected when servicePackageCartItems has one item', () => {
|
||||
// Arrange
|
||||
const frontPrice = 9;
|
||||
getPriceOfLineItems.mockImplementation((lineItems) => {
|
||||
if (lineItems.some((item) => item?.partType === partTypeStrings.FRONT_WIPER)) {
|
||||
return frontPrice;
|
||||
}
|
||||
return 1;
|
||||
});
|
||||
getPackageContents.mockImplementationOnce(() => [partTypeStrings.FRONT_WIPER, partTypeStrings.REAR_WIPER]);
|
||||
const storeData = {
|
||||
order: {
|
||||
lineItems: {
|
||||
vaps: [
|
||||
{ partType: partTypeStrings.FRONT_WIPER }
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
|
||||
// Act
|
||||
const result = wrapper.vm.packagePrice;
|
||||
|
||||
// Assert
|
||||
expect(result).toBe(frontPrice);
|
||||
});
|
||||
});
|
||||
});
|
||||
describe('method', () => {
|
||||
describe('getDisplayed', () => {
|
||||
test('returns "Verifying coverage" when not no comp, not itac, and deductible null', () => {
|
||||
// Arrange
|
||||
const storeData = getDefaultState();
|
||||
storeData.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.VERIFIED;
|
||||
storeData.order.policy.isITAC = false;
|
||||
storeData.order.currentDeductible = null;
|
||||
const storeData = {
|
||||
order: {
|
||||
policy: {
|
||||
noCoverage: false,
|
||||
isITAC: false
|
||||
},
|
||||
currentDeductible: null
|
||||
}
|
||||
};
|
||||
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
const amount = 123;
|
||||
|
|
@ -1202,10 +1720,15 @@ describe('cart-dropdown component', () => {
|
|||
});
|
||||
test('returns "Verifying coverage" when not no comp, not itac, and coverage status PENDING', () => {
|
||||
// Arrange
|
||||
const storeData = getDefaultState();
|
||||
storeData.order.payment.insuranceCoverage.coverageStatus = coverageStatuses.PENDING;
|
||||
storeData.order.policy.isITAC = false;
|
||||
storeData.order.currentDeductible = 321;
|
||||
const storeData = {
|
||||
order: {
|
||||
policy: {
|
||||
noCoverage: false,
|
||||
isITAC: false
|
||||
},
|
||||
currentDeductible: 321
|
||||
}
|
||||
};
|
||||
|
||||
const { wrapper } = getMountedComponent(storeData);
|
||||
const amount = 123;
|
||||
|
|
@ -1521,8 +2044,5 @@ describe('cart-dropdown component', () => {
|
|||
expect(result.subTotal).toBe(expectedSubtotal);
|
||||
});
|
||||
});
|
||||
describe('removeItem', () => {
|
||||
// TODO when written
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div :class="[isExpanded ? 'pb-5' : 'pb-4']">
|
||||
<div>
|
||||
<div
|
||||
id="cart-dropdown-head"
|
||||
class="row cart-toggle flex align-items-center pt-4"
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
<!-- Packaged Cart Items -->
|
||||
<div
|
||||
id="cart-service-package"
|
||||
class="color-darker-gray px-5">
|
||||
class="px-5">
|
||||
<div
|
||||
id="service-package-name"
|
||||
class="py-1 d-flex justify-content-between align-items-center">
|
||||
|
|
@ -55,8 +55,7 @@
|
|||
class="ps-4">
|
||||
<div
|
||||
v-for="(item, i) in servicePackageCartItems"
|
||||
:key="i"
|
||||
class="packaged-cart-item">
|
||||
:key="i">
|
||||
<div class="py-1 d-flex justify-content-between align-items-center">
|
||||
<span>{{ item?.name ?? '' }}</span>
|
||||
<textLink
|
||||
|
|
@ -64,7 +63,7 @@
|
|||
linkType="text"
|
||||
text="Remove"
|
||||
href="javascript:void(0)"
|
||||
@clickEvent="removeItem">
|
||||
@clickEvent="removeVap(item.partType)">
|
||||
<template #after-text>
|
||||
<span class="sr-only">{{ item?.name ?? '' }}</span>
|
||||
</template>
|
||||
|
|
@ -74,42 +73,41 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Nonpackaged Cart Items -->
|
||||
<!-- This will be a loop when this is implemented -->
|
||||
<div class="non-packaged-cart-item">
|
||||
<!-- NonPackaged Cart Items -->
|
||||
<div id="non-packaged-cart-items">
|
||||
<div
|
||||
v-if="mobileFeeCartItem"
|
||||
id="mobile-fee"
|
||||
class="cart-item">
|
||||
<div
|
||||
id="mobile-fee-item"
|
||||
class="d-flex justify-content-between align-items-center">
|
||||
<span id="mobile-fee-label">{{ mobileFeeCartItem?.name ?? '' }}</span>
|
||||
<span id="mobile-fee-value">{{ getDisplayed(mobileFeeCartItem.subTotal) }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-if="recycleFeeCartItem"
|
||||
id="recycle-fee"
|
||||
class="cart-item cart-gray">
|
||||
<div
|
||||
id="recycle-fee-item"
|
||||
class="d-flex justify-content-between align-items-center">
|
||||
<span id="recycle-fee-label">
|
||||
<textLink
|
||||
linkType="text"
|
||||
:text="recycleFeeCartItem?.name ?? ''"
|
||||
href="javascript:void(0)"
|
||||
@clickEvent="openModal(recyclingModalCmsWidgetName)" />
|
||||
v-for="(item, i) in nonServicePackageCartItems"
|
||||
:key="i"
|
||||
class="px-5 py-1 non-packaged-cart-item">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<span
|
||||
v-if="item.cartItemType === cartItemType.RECYCLE_FEE"
|
||||
id="recycle-fee-label">
|
||||
<textLink
|
||||
linkType="text"
|
||||
:text="item?.name ?? ''"
|
||||
href="javascript:void(0)"
|
||||
@clickEvent="openModal(recyclingModalCmsWidgetName)" />
|
||||
</span>
|
||||
<span id="recycle-fee-value">{{ getDisplayed(recycleFeeCartItem.subTotal) }}</span>
|
||||
<span v-else>{{ item?.name ?? '' }}</span>
|
||||
<span>{{ formatAmountInDollars(item?.subTotal ?? 0) }}</span>
|
||||
</div>
|
||||
<textLink
|
||||
v-if="item.cartItemType === cartItemType.VAP
|
||||
&& (!readOnly || !showAsPaid)"
|
||||
linkType="text"
|
||||
text="Remove"
|
||||
href="javascript:void(0)"
|
||||
@clickEvent="removeVap(item.partType)">
|
||||
<template #after-text>
|
||||
<span class="sr-only">{{ item?.name ?? '' }}</span>
|
||||
</template>
|
||||
</textLink>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
id="cart-footer"
|
||||
class="cart-footer">
|
||||
class="cart-footer pb-5">
|
||||
<div
|
||||
id="cart-subtotal-and-tax"
|
||||
class="subtotal-and-tax">
|
||||
|
|
@ -154,6 +152,7 @@ import { getHighestFullySatisfiedTier, getPackageContents } from '@/helpers/serv
|
|||
|
||||
// Constants
|
||||
import partTypeStrings from '@/constants/part-type-strings.js';
|
||||
import cartItemType from '@/constants/cart-item-type.js';
|
||||
import partNumberStrings from '@/constants/part-number-strings.js';
|
||||
import widgetFields from '@/constants/cms-widget-fields.js';
|
||||
|
||||
|
|
@ -185,7 +184,8 @@ export default {
|
|||
mobileFee: 'MobileServiceWidget',
|
||||
servicePackage: 'ServicePackageTitle',
|
||||
vapsItemDescriptions: 'VapsItemDescriptions'
|
||||
}
|
||||
},
|
||||
cartItemType
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -194,27 +194,51 @@ export default {
|
|||
return useMainStore().order.currentDeductible;
|
||||
},
|
||||
showDeductibleCartItem() {
|
||||
return !useMainStore().isNoComp && !useMainStore().policy.isITAC;
|
||||
return !useMainStore().isNoComp && !useMainStore().isITAC;
|
||||
},
|
||||
recycleFeeLineItem() {
|
||||
return useMainStore().lineItems.supportingItems
|
||||
?.find((lineItem) => lineItem.partNumber === partNumberStrings.RECYCLE_FEE);
|
||||
},
|
||||
baseServiceLineItems() {
|
||||
return [
|
||||
...(useMainStore().lineItems.supportingItems ?? []),
|
||||
...(useMainStore().lineItems.glassParts ?? []),
|
||||
...(useMainStore().lineItems.otherParts ?? [])
|
||||
const { supportingItems, glassParts, otherParts } = useMainStore().lineItems;
|
||||
const parts = [
|
||||
...(supportingItems ?? []),
|
||||
...(glassParts ?? []),
|
||||
...(otherParts ?? [])
|
||||
];
|
||||
return parts.filter((part) => part !== this.recycleFeeLineItem);
|
||||
},
|
||||
baseServicePrice() {
|
||||
return getPriceOfLineItems(this.baseServiceLineItems);
|
||||
return getPriceOfLineItems(this.baseServiceLineItems) ?? 0;
|
||||
},
|
||||
isUnverified() {
|
||||
return !useMainStore().isNoComp && !useMainStore().policy.isITAC
|
||||
return !useMainStore().isNoComp && !useMainStore().isITAC
|
||||
&& (this.deductible == null || !useMainStore().isVerifiedCoverageStatus);
|
||||
},
|
||||
subTotal() {
|
||||
const basePrice = !useMainStore().isNoComp && !useMainStore().policy.isITAC
|
||||
? this.deductible
|
||||
: this.baseServicePrice;
|
||||
return basePrice + this.packagePrice;
|
||||
const { supportingItems, glassParts, otherParts, vaps, mobileFee } = useMainStore().lineItems;
|
||||
const allLineItems = [
|
||||
...(supportingItems ?? []),
|
||||
...(glassParts ?? []),
|
||||
...(otherParts ?? []),
|
||||
...(vaps ?? []),
|
||||
mobileFee
|
||||
];
|
||||
return !useMainStore().isNoComp && !useMainStore().isITAC
|
||||
? this.deductible + getPriceOfLineItems([...this.feeLineItems, ...(vaps ?? [])])
|
||||
: getPriceOfLineItems(allLineItems);
|
||||
},
|
||||
feeLineItems() {
|
||||
const { mobileFee } = useMainStore().lineItems;
|
||||
const result = [];
|
||||
if (mobileFee) {
|
||||
result.push(mobileFee);
|
||||
}
|
||||
if (this.recycleFeeLineItem) {
|
||||
result.push(this.recycleFeeLineItem);
|
||||
}
|
||||
return result;
|
||||
},
|
||||
salesTax() {
|
||||
function sumTax(lineItems) {
|
||||
|
|
@ -228,10 +252,7 @@ export default {
|
|||
result += sumTax(this.baseServiceLineItems);
|
||||
} else {
|
||||
// deductible-case need to show tax for Recycle Fee
|
||||
const recycleFeeLineItem = useMainStore().lineItems.supportingItems
|
||||
?.find((lineItem) => lineItem.partNumber === partNumberStrings.RECYCLE_FEE);
|
||||
|
||||
result += recycleFeeLineItem != null ? recycleFeeLineItem.salesTax : 0;
|
||||
result += this.recycleFeeLineItem?.salesTax ?? 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -245,40 +266,76 @@ export default {
|
|||
: this.subTotal + this.salesTax;
|
||||
},
|
||||
availableLineItems() {
|
||||
const { glassParts, supportingItems } = useMainStore().lineItems;
|
||||
return [
|
||||
...(glassParts ?? []),
|
||||
const { supportingItems, glassParts, otherParts, mobileFee } = useMainStore().lineItems;
|
||||
const result = [
|
||||
...(supportingItems ?? []),
|
||||
...(glassParts ?? []),
|
||||
...(otherParts ?? []),
|
||||
...(this.availableVaps ?? [])
|
||||
];
|
||||
if (mobileFee) {
|
||||
result.push(mobileFee);
|
||||
}
|
||||
return result;
|
||||
},
|
||||
servicePackageTier() {
|
||||
const { glassToReplace, isRepair } = useMainStore().damage;
|
||||
const { vaps } = useMainStore().lineItems;
|
||||
return getHighestFullySatisfiedTier(
|
||||
useMainStore().damage.glassToReplace ?? [],
|
||||
glassToReplace ?? [],
|
||||
this.availableLineItems,
|
||||
useMainStore().damage.isRepair,
|
||||
useMainStore().lineItems.vaps ?? []
|
||||
isRepair,
|
||||
vaps ?? []
|
||||
);
|
||||
},
|
||||
servicePackageCartItems() {
|
||||
const packageContentTypes = getPackageContents(
|
||||
useMainStore().damage.glassToReplace ?? [],
|
||||
partTypesInServicePackage() {
|
||||
const { glassToReplace, isRepair } = useMainStore().damage;
|
||||
return getPackageContents(
|
||||
glassToReplace ?? [],
|
||||
this.availableLineItems,
|
||||
useMainStore().damage.isRepair,
|
||||
isRepair,
|
||||
this.servicePackageTier
|
||||
) ?? [];
|
||||
},
|
||||
servicePackageCartItems() {
|
||||
const items = [];
|
||||
if (packageContentTypes.includes(partTypeStrings.FRONT_WIPER) ?? this.frontWipersCartItem) {
|
||||
if (this.partTypesInServicePackage.includes(partTypeStrings.FRONT_WIPER) ?? this.frontWipersCartItem) {
|
||||
items.push(this.frontWipersCartItem);
|
||||
}
|
||||
if (packageContentTypes.includes(partTypeStrings.REAR_WIPER) ?? this.rearWipersCartItem) {
|
||||
if (this.partTypesInServicePackage.includes(partTypeStrings.REAR_WIPER) ?? this.rearWipersCartItem) {
|
||||
items.push(this.rearWipersCartItem);
|
||||
}
|
||||
if (packageContentTypes.includes(partTypeStrings.RAIN_DEFENSE) ?? this.rainDefenseCartItem) {
|
||||
if (this.partTypesInServicePackage.includes(partTypeStrings.RAIN_DEFENSE) ?? this.rainDefenseCartItem) {
|
||||
items.push(this.rainDefenseCartItem);
|
||||
}
|
||||
return items;
|
||||
},
|
||||
nonServicePackageCartItems() {
|
||||
const vapPartTypesInOrder = Array.from(new Set(useMainStore().lineItems.vaps?.map((vap) => vap.partType) ?? []));
|
||||
const vapPartTypesInOrderButNotPackage = vapPartTypesInOrder
|
||||
.filter((partType) => !this.partTypesInServicePackage.includes(partType))
|
||||
?? [];
|
||||
const vapsCartItemsNotInPackage = vapPartTypesInOrderButNotPackage.map((partType) => {
|
||||
switch (partType) {
|
||||
case partTypeStrings.FRONT_WIPER:
|
||||
return this.frontWipersCartItem;
|
||||
case partTypeStrings.REAR_WIPER:
|
||||
return this.rearWipersCartItem;
|
||||
case partTypeStrings.RAIN_DEFENSE:
|
||||
return this.rainDefenseCartItem;
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
});
|
||||
const items = vapsCartItemsNotInPackage.filter((item) => item != null);
|
||||
if (this.recycleFeeCartItem) {
|
||||
items.push(this.recycleFeeCartItem);
|
||||
}
|
||||
if (this.mobileFeeCartItem) {
|
||||
items.push(this.mobileFeeCartItem);
|
||||
}
|
||||
return items;
|
||||
},
|
||||
frontWipersCartItem() {
|
||||
return this.getCartItemForVapsPart(partTypeStrings.FRONT_WIPER);
|
||||
},
|
||||
|
|
@ -289,7 +346,10 @@ export default {
|
|||
return this.getCartItemForVapsPart(partTypeStrings.RAIN_DEFENSE);
|
||||
},
|
||||
packagePrice() {
|
||||
return getPriceOfLineItems(useMainStore().lineItems.vaps ?? []);
|
||||
return this.servicePackageCartItems?.reduce(
|
||||
(accumulator, cartItem) => accumulator + (cartItem?.subTotal ?? 0),
|
||||
0
|
||||
) ?? 0;
|
||||
},
|
||||
amountDueLabel() {
|
||||
return this.getCmsContent(this.widget.amountDue, widgetFields.TEXT_BLOCK_WIDGET.TEXT);
|
||||
|
|
@ -322,12 +382,12 @@ export default {
|
|||
return currentPackage?.SubWidgetName ?? '';
|
||||
},
|
||||
recycleFeeCartItem() {
|
||||
const recycleFeeLineItem = useMainStore().lineItems.supportingItems
|
||||
?.find((lineItem) => lineItem.partNumber === partNumberStrings.RECYCLE_FEE);
|
||||
return recycleFeeLineItem
|
||||
return this.recycleFeeLineItem
|
||||
? this.getCartItem(
|
||||
this.getCmsContent(this.widget.recycleFee, widgetFields.TEXT_BLOCK_WIDGET.TEXT),
|
||||
[recycleFeeLineItem]
|
||||
[this.recycleFeeLineItem],
|
||||
cartItemType.RECYCLE_FEE,
|
||||
partTypeStrings.REPLACE_FEE
|
||||
)
|
||||
: null;
|
||||
},
|
||||
|
|
@ -336,7 +396,9 @@ export default {
|
|||
return mobileFeeLineItem
|
||||
? this.getCartItem(
|
||||
this.getCmsContent(this.widget.mobileFee, widgetFields.TEXT_BLOCK_WIDGET.TEXT),
|
||||
[mobileFeeLineItem]
|
||||
[mobileFeeLineItem],
|
||||
cartItemType.MOBILE_FEE,
|
||||
partTypeStrings.MOBILE_FEE
|
||||
)
|
||||
: null;
|
||||
}
|
||||
|
|
@ -351,21 +413,23 @@ export default {
|
|||
getDisplayed(amount) {
|
||||
return this.isUnverified
|
||||
&& !useMainStore().isNoComp
|
||||
&& !useMainStore().policy.isITAC
|
||||
&& !useMainStore().isITAC
|
||||
? VERIFYING_COVERAGE
|
||||
: formatAmountInDollars(amount);
|
||||
},
|
||||
getCartItem(label, lineItems) {
|
||||
getCartItem(label, lineItems, cartItemTypeString, partType) {
|
||||
let cartItem = null;
|
||||
|
||||
if (lineItems && lineItems.length > 0) {
|
||||
cartItem = {
|
||||
name: label,
|
||||
cartItemType: cartItemTypeString,
|
||||
partType,
|
||||
subTotal: getPriceOfLineItems(lineItems),
|
||||
salesTax: lineItems.reduce(
|
||||
salesTax: lineItems?.reduce(
|
||||
(accumulator, lineItem) => accumulator + lineItem.salesTax,
|
||||
0
|
||||
)
|
||||
) ?? 0
|
||||
};
|
||||
}
|
||||
|
||||
|
|
@ -374,13 +438,14 @@ export default {
|
|||
getCartItemForVapsPart(partType) {
|
||||
const label = this.getCmsContentForVapsType(partType);
|
||||
const lineItems = useMainStore().lineItems.vaps
|
||||
?.filter((vapsLineItem) => vapsLineItem.partType === partType);
|
||||
return this.getCartItem(label, lineItems);
|
||||
?.filter((vapsLineItem) => vapsLineItem.partType === partType) ?? [];
|
||||
return this.getCartItem(label, lineItems, cartItemType.VAP, partType);
|
||||
},
|
||||
removeItem() {
|
||||
// TODO in later ticket
|
||||
removeVap(partType) {
|
||||
const newVaps = useMainStore().lineItems.vaps?.filter((vap) => vap?.partType !== partType) ?? [];
|
||||
useMainStore().updateVaps(newVaps);
|
||||
},
|
||||
getCmsContentForVapsType(vapsType) {
|
||||
getCmsContentForVapsType(vapsPartType) {
|
||||
const vapsItemDescriptions = this.getCmsContent(
|
||||
this.widget.vapsItemDescriptions,
|
||||
widgetFields.INPUT_QUESTION_WIDGET.ANSWERS
|
||||
|
|
@ -390,7 +455,7 @@ export default {
|
|||
return '';
|
||||
}
|
||||
|
||||
const vapsTypeDescription = vapsItemDescriptions?.find((entry) => entry?.Name === vapsType);
|
||||
const vapsTypeDescription = vapsItemDescriptions?.find((entry) => entry?.Name === vapsPartType);
|
||||
return vapsTypeDescription?.Text ?? '';
|
||||
},
|
||||
formatAmountInDollars
|
||||
|
|
@ -417,11 +482,6 @@ export default {
|
|||
color: $darker-gray;
|
||||
}
|
||||
|
||||
.cart-line-item {
|
||||
padding: 0.25rem 1.5rem;
|
||||
color: $darker-gray;
|
||||
}
|
||||
|
||||
.cart-table {
|
||||
max-height: 0;
|
||||
transition: all 350ms ease-in;
|
||||
|
|
@ -435,6 +495,10 @@ export default {
|
|||
text-underline-offset: auto !important;
|
||||
}
|
||||
|
||||
.non-packaged-cart-item:nth-child(odd){
|
||||
background-color: $gray-100;
|
||||
}
|
||||
|
||||
.cart-item {
|
||||
padding: 0.25rem 1.5rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -160,14 +160,16 @@ describe('contactDetails.vue', () => {
|
|||
const firstName = getRandomString(4, 15);
|
||||
const lastName = getRandomString(4, 15);
|
||||
const emailAddress = getRandomString(10, 20);
|
||||
const phoneNumber = getRandomInt(1000000000, 9999999999);
|
||||
const servicePhone = getRandomInt(1000000000, 9999999999).toString();
|
||||
const mainInitialState = {
|
||||
order: {
|
||||
customer: {
|
||||
firstName,
|
||||
lastName,
|
||||
emailAddress,
|
||||
phoneNumber
|
||||
emailAddress
|
||||
},
|
||||
contactInfo: {
|
||||
servicePhone
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -185,7 +187,7 @@ describe('contactDetails.vue', () => {
|
|||
expect(wrapper.vm.firstName).toBe(firstName);
|
||||
expect(wrapper.vm.lastName).toBe(lastName);
|
||||
expect(wrapper.vm.emailAddress).toBe(emailAddress);
|
||||
expect(wrapper.vm.phoneNumber).toBe(phoneNumber);
|
||||
expect(wrapper.vm.phoneNumber).toBe(servicePhone);
|
||||
});
|
||||
test('Mock store with contact info yields expected data', () => {
|
||||
// Arrange
|
||||
|
|
@ -199,7 +201,7 @@ describe('contactDetails.vue', () => {
|
|||
firstName: getRandomString(4, 15),
|
||||
lastName: getRandomString(4, 15),
|
||||
emailAddress: getRandomString(10, 20),
|
||||
phoneNumber: getRandomInt(1000000000, 9999999999),
|
||||
servicePhone: getRandomInt(1000000000, 9999999999),
|
||||
requestTextUpdates: getRandomBoolean(),
|
||||
notesForTechnician: getRandomString(50, 100)
|
||||
};
|
||||
|
|
@ -224,7 +226,7 @@ describe('contactDetails.vue', () => {
|
|||
expect(wrapper.vm.firstName).toBe(contactInfo.firstName);
|
||||
expect(wrapper.vm.lastName).toBe(contactInfo.lastName);
|
||||
expect(wrapper.vm.emailAddress).toBe(contactInfo.emailAddress);
|
||||
expect(wrapper.vm.phoneNumber).toBe(contactInfo.phoneNumber);
|
||||
expect(wrapper.vm.phoneNumber).toBe(contactInfo.servicePhone);
|
||||
expect(wrapper.vm.requestTextUpdates).toBe(contactInfo.requestTextUpdates);
|
||||
expect(wrapper.vm.notesForTechnician).toBe(contactInfo.notesForTechnician);
|
||||
});
|
||||
|
|
@ -315,7 +317,7 @@ describe('contactDetails.vue', () => {
|
|||
const firstName = getRandomString(4, 15);
|
||||
const lastName = getRandomString(4, 15);
|
||||
const emailAddress = getRandomString(10, 20);
|
||||
const phoneNumber = getRandomInt(1000000000, 9999999999);
|
||||
const phoneNumber = getRandomInt(1000000000, 9999999999).toString();
|
||||
const requestTextUpdates = getRandomBoolean();
|
||||
const notesForTechnician = getRandomString(1, 100);
|
||||
wrapper.setData({
|
||||
|
|
@ -335,11 +337,60 @@ describe('contactDetails.vue', () => {
|
|||
firstName,
|
||||
lastName,
|
||||
emailAddress,
|
||||
phoneNumber,
|
||||
requestTextUpdates,
|
||||
notesForTechnician
|
||||
});
|
||||
});
|
||||
|
||||
test('Forward button click updates phone numbers request text updates', () => {
|
||||
// Arrange
|
||||
const mountOptions = getMountOptions({
|
||||
router: {
|
||||
navigate: jest.fn()
|
||||
}
|
||||
});
|
||||
const wrapper = shallowMount(contactDetails, mountOptions);
|
||||
const phoneNumber = getRandomInt(1000000000, 9999999999).toString();
|
||||
const requestTextUpdates = true;
|
||||
wrapper.setData({
|
||||
phoneNumber,
|
||||
requestTextUpdates
|
||||
});
|
||||
|
||||
// Act
|
||||
wrapper.vm.forwardButtonAction();
|
||||
|
||||
// Assert
|
||||
expect(useMainStore().updatePhoneNumbers).toHaveBeenCalledWith({
|
||||
service: phoneNumber,
|
||||
alternative: phoneNumber
|
||||
});
|
||||
});
|
||||
|
||||
test('Forward button click updates phone numbers dot not request text updates', () => {
|
||||
// Arrange
|
||||
const mountOptions = getMountOptions({
|
||||
router: {
|
||||
navigate: jest.fn()
|
||||
}
|
||||
});
|
||||
const wrapper = shallowMount(contactDetails, mountOptions);
|
||||
const phoneNumber = getRandomInt(1000000000, 9999999999).toString();
|
||||
const requestTextUpdates = false;
|
||||
wrapper.setData({
|
||||
phoneNumber,
|
||||
requestTextUpdates
|
||||
});
|
||||
|
||||
// Act
|
||||
wrapper.vm.forwardButtonAction();
|
||||
|
||||
// Assert
|
||||
expect(useMainStore().updatePhoneNumbers).toHaveBeenCalledWith({
|
||||
home: phoneNumber,
|
||||
service: phoneNumber
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
test('Mocked store with no contact info yields expected data', () => {
|
||||
|
|
@ -349,20 +400,19 @@ describe('contactDetails.vue', () => {
|
|||
const firstName = getRandomString(4, 15);
|
||||
const lastName = getRandomString(4, 15);
|
||||
const emailAddress = getRandomString(10, 20);
|
||||
const phoneNumber = getRandomInt(1000000000, 9999999999);
|
||||
const servicePhone = getRandomInt(1000000000, 9999999999);
|
||||
const mainInitialState = {
|
||||
order: {
|
||||
customer: {
|
||||
firstName,
|
||||
lastName,
|
||||
emailAddress,
|
||||
phoneNumber
|
||||
emailAddress
|
||||
},
|
||||
contactInfo: {
|
||||
firstName: null,
|
||||
lastName: null,
|
||||
emailAddress: null,
|
||||
phoneNumber: null,
|
||||
servicePhone,
|
||||
requestTextUpdates: null,
|
||||
notesForTechnician: null
|
||||
}
|
||||
|
|
@ -382,7 +432,7 @@ describe('contactDetails.vue', () => {
|
|||
expect(wrapper.vm.firstName).toBe(firstName);
|
||||
expect(wrapper.vm.lastName).toBe(lastName);
|
||||
expect(wrapper.vm.emailAddress).toBe(emailAddress);
|
||||
expect(wrapper.vm.phoneNumber).toBe(phoneNumber);
|
||||
expect(wrapper.vm.phoneNumber).toBe(servicePhone);
|
||||
});
|
||||
|
||||
test('Mock store with contact info yields expected data', () => {
|
||||
|
|
@ -397,7 +447,7 @@ describe('contactDetails.vue', () => {
|
|||
firstName: getRandomString(4, 15),
|
||||
lastName: getRandomString(4, 15),
|
||||
emailAddress: getRandomString(10, 20),
|
||||
phoneNumber: getRandomInt(1000000000, 9999999999),
|
||||
servicePhone: getRandomInt(1000000000, 9999999999),
|
||||
requestTextUpdates: getRandomBoolean(),
|
||||
notesForTechnician: getRandomString(50, 100)
|
||||
};
|
||||
|
|
@ -422,7 +472,7 @@ describe('contactDetails.vue', () => {
|
|||
expect(wrapper.vm.firstName).toBe(contactInfo.firstName);
|
||||
expect(wrapper.vm.lastName).toBe(contactInfo.lastName);
|
||||
expect(wrapper.vm.emailAddress).toBe(contactInfo.emailAddress);
|
||||
expect(wrapper.vm.phoneNumber).toBe(contactInfo.phoneNumber);
|
||||
expect(wrapper.vm.phoneNumber).toBe(contactInfo.servicePhone);
|
||||
expect(wrapper.vm.requestTextUpdates).toBe(contactInfo.requestTextUpdates);
|
||||
expect(wrapper.vm.notesForTechnician).toBe(contactInfo.notesForTechnician);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -144,7 +144,7 @@ export default {
|
|||
firstName,
|
||||
lastName,
|
||||
emailAddress,
|
||||
phoneNumber,
|
||||
servicePhone,
|
||||
requestTextUpdates,
|
||||
notesForTechnician
|
||||
} = useMainStore().contactInfo;
|
||||
|
|
@ -152,7 +152,7 @@ export default {
|
|||
firstName,
|
||||
lastName,
|
||||
emailAddress,
|
||||
phoneNumber,
|
||||
phoneNumber: servicePhone,
|
||||
requestTextUpdates,
|
||||
notesForTechnician,
|
||||
widget: {
|
||||
|
|
|
|||
|
|
@ -30,8 +30,25 @@ export default {
|
|||
},
|
||||
computed: {
|
||||
},
|
||||
mounted() {
|
||||
this.validateClientTagOnEntry();
|
||||
async mounted() {
|
||||
const queryStringParams = this.parseQueryParms();
|
||||
|
||||
const { isAuthorized, clientData } = await this.validateClientTagOnEntry(queryStringParams);
|
||||
|
||||
this.unauthorized = !isAuthorized;
|
||||
|
||||
if (isAuthorized) {
|
||||
await this.populateISSConfigValues(clientData);
|
||||
|
||||
if (clientData.parameters?.length > 0) {
|
||||
const finalParams = this.combineClientParameters(clientData.parameters, queryStringParams);
|
||||
this.populateStoreItemsFromParams(finalParams);
|
||||
}
|
||||
|
||||
this.mainStore.applicationUser.coverageAttempts = 0;
|
||||
// Forced full location redirect here. We do not want the entry page as part of the router/flow/path history.
|
||||
window.location = `/?issPage=${issPageValues.WELCOME_PAGE}`;
|
||||
}
|
||||
},
|
||||
methods:
|
||||
{
|
||||
|
|
@ -53,11 +70,11 @@ export default {
|
|||
|
||||
return queryStringParams;
|
||||
},
|
||||
async validateClientTagOnEntry() {
|
||||
const queryStringParams = this.parseQueryParms();
|
||||
async validateClientTagOnEntry(queryStringParams) {
|
||||
const clientTag = queryStringParams.clienttag;
|
||||
const clientTagPresent = !!clientTag;
|
||||
let authorized = false;
|
||||
let clientData = null;
|
||||
|
||||
if (clientTagPresent) {
|
||||
const resp = await validateISSClientTag(clientTag);
|
||||
|
|
@ -76,23 +93,12 @@ export default {
|
|||
}
|
||||
|
||||
if (authorized) {
|
||||
await this.populateISSConfigValues(resp.data);
|
||||
|
||||
if (resp.data.parameters?.length > 0) {
|
||||
const finalParams = this.combineClientParameters(resp.data.parameters, queryStringParams);
|
||||
this.populateStoreItemsFromParams(finalParams);
|
||||
}
|
||||
clientData = resp.data;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.unauthorized = !authorized;
|
||||
|
||||
if (authorized) {
|
||||
this.mainStore.applicationUser.coverageAttempts = 0;
|
||||
// Forced full location redirect here. We do not want the entry page as part of the router/flow/path history.
|
||||
window.location = `/?issPage=${issPageValues.WELCOME_PAGE}`;
|
||||
}
|
||||
return { isAuthorized: authorized, clientData };
|
||||
},
|
||||
async populateISSConfigValues(data) {
|
||||
this.mainStore.issConfig.clientName = data.accountName;
|
||||
|
|
@ -100,6 +106,7 @@ export default {
|
|||
this.mainStore.issConfig.parentAccountNumber = data.parentAccountNumber;
|
||||
this.mainStore.issConfig.styleSheet = data.styleSheet;
|
||||
this.mainStore.issConfig.isCoverageEnabled = data.coverageEnabled;
|
||||
this.mainStore.issConfig.siteType = data.siteType;
|
||||
|
||||
try {
|
||||
if (data.clientFlags) {
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@ const initialStore = {
|
|||
contactInfo: {
|
||||
firstName: 'Test',
|
||||
lastName: 'Test',
|
||||
phoneNumber: '111-111-1111',
|
||||
servicePhone: '111-111-1111',
|
||||
emailAddress: 'test@email.com'
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -318,7 +318,7 @@ export default {
|
|||
const contactInfoReqs = !!(
|
||||
contactInfo.firstName
|
||||
&& contactInfo.lastName
|
||||
&& contactInfo.phoneNumber
|
||||
&& contactInfo.servicePhone
|
||||
&& contactInfo.emailAddress
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -247,14 +247,22 @@ export default {
|
|||
);
|
||||
|
||||
// Customer
|
||||
const { firstName, lastName, phoneNumber, emailAddress } = useMainStore().order.customer;
|
||||
const { firstName, lastName, emailAddress } = useMainStore().order.customer;
|
||||
const customerReqs = !!(
|
||||
firstName
|
||||
&& lastName
|
||||
&& phoneNumber
|
||||
&& emailAddress
|
||||
);
|
||||
|
||||
// Contact Info
|
||||
const { contactInfo } = useMainStore().order;
|
||||
const contactInfoReqs = !!(
|
||||
contactInfo.firstName
|
||||
&& contactInfo.lastName
|
||||
&& contactInfo.servicePhone
|
||||
&& contactInfo.emailAddress
|
||||
);
|
||||
|
||||
return (
|
||||
vehicleReqs
|
||||
&& damageReqs
|
||||
|
|
@ -262,6 +270,7 @@ export default {
|
|||
&& serviceLocationReqs
|
||||
&& scheduleReqs
|
||||
&& customerReqs
|
||||
&& contactInfoReqs
|
||||
);
|
||||
},
|
||||
getPaymentMethodFromStore() {
|
||||
|
|
|
|||
|
|
@ -183,7 +183,7 @@ describe('payment-page.vue', () => {
|
|||
firstName: 'first',
|
||||
lastName: 'last',
|
||||
emailAddress: 'builddigitaltest@safelite.com',
|
||||
phoneNumber: '555-555-5555'
|
||||
servicePhone: '555-555-5555'
|
||||
},
|
||||
damage: {
|
||||
isRepair: false,
|
||||
|
|
|
|||
|
|
@ -500,7 +500,7 @@ export default {
|
|||
zipCode: this.getZipCode(),
|
||||
firstName: useMainStore().order.contactInfo.firstName,
|
||||
lastName: useMainStore().order.contactInfo.lastName,
|
||||
phoneNumber: useMainStore().order.contactInfo.phoneNumber,
|
||||
phoneNumber: useMainStore().order.contactInfo.servicePhone,
|
||||
ctu: useMainStore().order.serviceLocation.zipCodeCtu,
|
||||
referralCorrelationId: useMainStore().order.referralCorrelationId,
|
||||
workOrderNumber: this.getWorkOrderNumber(),
|
||||
|
|
@ -597,7 +597,7 @@ export default {
|
|||
const contactInfoReqs = !!(
|
||||
contactInfo.firstName
|
||||
&& contactInfo.lastName
|
||||
&& contactInfo.phoneNumber
|
||||
&& contactInfo.servicePhone
|
||||
&& contactInfo.emailAddress
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -35,14 +35,14 @@ describe('contact-details-drawer', () => {
|
|||
const firstName = 'Frederick';
|
||||
const lastName = 'Taylor';
|
||||
const emailAddress = 'fred.tay@gmail.com';
|
||||
const phoneNumber = '606-009-2943';
|
||||
const servicePhone = '606-009-2943';
|
||||
const mainInitialState = {
|
||||
order: {
|
||||
contactInfo: {
|
||||
firstName,
|
||||
lastName,
|
||||
emailAddress,
|
||||
phoneNumber
|
||||
servicePhone
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -81,7 +81,7 @@ describe('contact-details-drawer', () => {
|
|||
firstName: 'Frederick',
|
||||
lastName: 'Taylor',
|
||||
emailAddress: 'fred.tay@gmail.com',
|
||||
phoneNumber: '606-009-2943'
|
||||
servicePhone: '606-009-2943'
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -96,7 +96,9 @@ describe('contact-details-drawer', () => {
|
|||
// Assert
|
||||
expect(wrapper.emitted()['update-contact-details']).toBeTruthy();
|
||||
expect(useMainStore().updateContactInfo).toBeCalledTimes(1);
|
||||
expect(useMainStore().updateContactInfo).toBeCalledWith({ firstName, lastName, emailAddress, phoneNumber });
|
||||
expect(useMainStore().updateContactInfo).toBeCalledWith({ firstName, lastName, emailAddress });
|
||||
expect(useMainStore().updatePhoneNumbers).toBeCalledTimes(1);
|
||||
expect(useMainStore().updatePhoneNumbers).toBeCalledWith({ home: phoneNumber, service: phoneNumber });
|
||||
}
|
||||
);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -67,13 +67,13 @@ export default {
|
|||
const { firstName,
|
||||
lastName,
|
||||
emailAddress,
|
||||
phoneNumber } = useMainStore().contactInfo;
|
||||
servicePhone } = useMainStore().contactInfo;
|
||||
return {
|
||||
isModalOpened: false,
|
||||
firstName,
|
||||
lastName,
|
||||
emailAddress,
|
||||
phoneNumber,
|
||||
phoneNumber: servicePhone,
|
||||
widget: {
|
||||
title: 'ContactDetailsDrawerHeaderWidget',
|
||||
firstNameQuestion: 'FirstNameQuestionWidget',
|
||||
|
|
@ -119,21 +119,24 @@ export default {
|
|||
const contactInfo = {
|
||||
firstName: this.firstName,
|
||||
lastName: this.lastName,
|
||||
emailAddress: this.emailAddress,
|
||||
phoneNumber: this.phoneNumber
|
||||
emailAddress: this.emailAddress
|
||||
};
|
||||
useMainStore().updateContactInfo(contactInfo);
|
||||
useMainStore().updatePhoneNumbers({
|
||||
home: this.phoneNumber,
|
||||
service: this.phoneNumber
|
||||
});
|
||||
this.$emit('update-contact-details');
|
||||
},
|
||||
resetFormValues() {
|
||||
const { firstName,
|
||||
lastName,
|
||||
emailAddress,
|
||||
phoneNumber } = useMainStore().contactInfo;
|
||||
servicePhone } = useMainStore().contactInfo;
|
||||
this.firstName = firstName;
|
||||
this.lastName = lastName;
|
||||
this.emailAddress = emailAddress;
|
||||
this.phoneNumber = phoneNumber;
|
||||
this.phoneNumber = servicePhone;
|
||||
},
|
||||
openModal() {
|
||||
this.modal.openModal();
|
||||
|
|
|
|||
|
|
@ -499,14 +499,14 @@ describe('tpa-submit', () => {
|
|||
const firstName = 'Jones';
|
||||
const lastName = 'Eddison';
|
||||
const emailAddress = 'myname@gmail.com';
|
||||
const phoneNumber = '0001112222';
|
||||
const servicePhone = '0001112222';
|
||||
const initialStore = {
|
||||
order: {
|
||||
contactInfo: {
|
||||
firstName,
|
||||
lastName,
|
||||
emailAddress,
|
||||
phoneNumber
|
||||
servicePhone
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -514,7 +514,7 @@ describe('tpa-submit', () => {
|
|||
const expectedLine1 = 'Jones Eddison';
|
||||
const expectedLine2 = emailAddress;
|
||||
const expectedLine3 = 'some value returned';
|
||||
toDisplayPhoneNumber.mockImplementation((number) => (number === phoneNumber ? expectedLine3 : ''));
|
||||
toDisplayPhoneNumber.mockImplementation((number) => (number === servicePhone ? expectedLine3 : ''));
|
||||
const contactInfoSectionIndex = 3;
|
||||
|
||||
// Act
|
||||
|
|
@ -530,7 +530,7 @@ describe('tpa-submit', () => {
|
|||
expect(contactInfoSection.lines[0]).toBe(expectedLine1);
|
||||
expect(contactInfoSection.lines[1]).toBe(expectedLine2);
|
||||
expect(contactInfoSection.lines[2]).toBe(expectedLine3);
|
||||
expect(toDisplayPhoneNumber).toHaveBeenCalledWith(phoneNumber);
|
||||
expect(toDisplayPhoneNumber).toHaveBeenCalledWith(servicePhone);
|
||||
});
|
||||
});
|
||||
describe('computed', () => {
|
||||
|
|
|
|||
|
|
@ -236,11 +236,11 @@ export default {
|
|||
return [toTitleCase(this.companyName ?? ''), displayAddress, displayPhoneNumber];
|
||||
},
|
||||
getContactInfoLines() {
|
||||
const { firstName, lastName, emailAddress, phoneNumber } = useMainStore().contactInfo;
|
||||
const { firstName, lastName, emailAddress, servicePhone } = useMainStore().contactInfo;
|
||||
return [
|
||||
`${firstName} ${lastName}`,
|
||||
emailAddress ?? '',
|
||||
toDisplayPhoneNumber(phoneNumber)
|
||||
toDisplayPhoneNumber(servicePhone)
|
||||
];
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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 globalMethods from '@/global-methods';
|
||||
import { endpoints } from '@/constants/endpoints';
|
||||
|
||||
// define validation rules
|
||||
defineRule(
|
||||
|
|
|
|||
|
|
@ -108,6 +108,12 @@ export default {
|
|||
this.logPageView(analyticsPageEvents.ENTRY);
|
||||
},
|
||||
|
||||
pushValueToGA() {
|
||||
pushToDataLayerIfDefined({
|
||||
siteType: useMainStore().issConfig.siteType
|
||||
});
|
||||
},
|
||||
|
||||
pushExperimentsToDataLayer() {
|
||||
const { experiments } = useMainStore().applicationUser;
|
||||
experiments?.forEach((exp) => {
|
||||
|
|
|
|||
|
|
@ -189,6 +189,9 @@ router.afterEach(async (to, from) => {
|
|||
|
||||
// Push experiments to Data Layer
|
||||
analyticsMixin.methods.pushExperimentsToDataLayer();
|
||||
|
||||
// Push values to GA
|
||||
analyticsMixin.methods.pushValueToGA();
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ import {
|
|||
} from '@/helpers/policy-vehicle-helper';
|
||||
import partTypeStrings from '@/constants/part-type-strings';
|
||||
import bailoutMessage from '@/constants/bailoutMessage';
|
||||
import bailoutCode from "@/constants/bailoutCode";
|
||||
import bailoutCode from '@/constants/bailoutCode';
|
||||
|
||||
const storeId = 'main';
|
||||
|
||||
|
|
@ -119,8 +119,7 @@ export const getDefaultState = () => ({
|
|||
},
|
||||
firstName: null,
|
||||
lastName: null,
|
||||
emailAddress: null,
|
||||
phoneNumber: null
|
||||
emailAddress: null
|
||||
},
|
||||
serviceLocation: {
|
||||
address: null,
|
||||
|
|
@ -182,7 +181,9 @@ export const getDefaultState = () => ({
|
|||
firstName: null,
|
||||
lastName: null,
|
||||
emailAddress: null,
|
||||
phoneNumber: null,
|
||||
homePhone: null,
|
||||
alternativePhone: null,
|
||||
servicePhone: null,
|
||||
requestTextUpdates: false,
|
||||
notesForTechnician: ''
|
||||
},
|
||||
|
|
@ -227,6 +228,9 @@ export const getDefaultState = () => ({
|
|||
clientHeader: {},
|
||||
styleSheet: '', // Stylesheet used by the client.
|
||||
parentAccountNumber: 0, // Parent account number used by the client.
|
||||
billToAccountNumber: null,
|
||||
itacCashBillToNumber: null,
|
||||
itacFnrBillToNumber: null,
|
||||
isCoverageEnabled: false, // Indicates if we should be calling coverage on this flow.
|
||||
isClaimRegistrationRequired: false, // Indicates if the claim registration call needs to be made for a client to complete coverage verification.
|
||||
isAuthenticated: false, // Indicates if user is authenticated or not.
|
||||
|
|
@ -237,7 +241,8 @@ export const getDefaultState = () => ({
|
|||
policyNumber: null,
|
||||
policyZipCode: null,
|
||||
dateOfLoss: null
|
||||
}
|
||||
},
|
||||
siteType: null
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -247,9 +252,20 @@ export const useMainStore = defineStore({
|
|||
id: storeId,
|
||||
state: () => state,
|
||||
getters: {
|
||||
hasRecalibrationPart: (state) => getHasRecalibrationPart(state),
|
||||
vehicle: (state) => state.order.vehicle,
|
||||
damage: (state) => state.order.damage,
|
||||
billToNumberToUse(storeState) {
|
||||
if (this.isITAC) {
|
||||
return storeState.issConfig.itacCashBillToNumber;
|
||||
}
|
||||
|
||||
if (this.isNoComp) {
|
||||
return storeState.issConfig.itacFnrBillToNumber;
|
||||
}
|
||||
|
||||
return storeState.issConfig.billToAccountNumber;
|
||||
},
|
||||
hasRecalibrationPart: (storeState) => getHasRecalibrationPart(storeState),
|
||||
vehicle: (storeState) => storeState.order.vehicle,
|
||||
damage: (storeState) => storeState.order.damage,
|
||||
lineItems: (state) => state.order.lineItems,
|
||||
payment: (state) => state.order.payment,
|
||||
policy: (state) => state.order.policy,
|
||||
|
|
@ -307,7 +323,9 @@ export const useMainStore = defineStore({
|
|||
firstName: s.order.contactInfo.firstName ?? s.order.customer.firstName,
|
||||
lastName: s.order.contactInfo.lastName ?? s.order.customer.lastName,
|
||||
emailAddress: s.order.contactInfo.emailAddress ?? s.order.customer.emailAddress,
|
||||
phoneNumber: s.order.contactInfo.phoneNumber ?? s.order.customer.phoneNumber,
|
||||
homePhone: s.order.contactInfo.homePhone,
|
||||
alternativePhone: s.order.contactInfo.alternativePhone,
|
||||
servicePhone: s.order.contactInfo.servicePhone,
|
||||
requestTextUpdates: s.order.contactInfo.requestTextUpdates ?? false,
|
||||
notesForTechnician: s.order.contactInfo.notesForTechnician
|
||||
}),
|
||||
|
|
@ -553,7 +571,7 @@ export const useMainStore = defineStore({
|
|||
country: 'US' // TODO set from store
|
||||
},
|
||||
homePhone: {
|
||||
number: this.order.customer.phoneNumber?.replaceAll(nonNumberCharRegex, '') ?? ''
|
||||
number: this.contactInfo.homePhone?.replaceAll(nonNumberCharRegex, '') ?? ''
|
||||
}
|
||||
},
|
||||
driver: {
|
||||
|
|
@ -813,7 +831,7 @@ export const useMainStore = defineStore({
|
|||
startDate,
|
||||
endDate,
|
||||
applicationName: applicationConfig.APPLICATION_NAME,
|
||||
billToAccountNumber: this.issConfig.parentAccountNumber.toString(), // TODO: MAKE THIS REAL
|
||||
billToAccountNumber: this.billToNumberToUse,
|
||||
parentAccountNumber: this.issConfig.parentAccountNumber, // this.payment.parentAccountNumber,
|
||||
carId: vehicle.carId,
|
||||
lineItems,
|
||||
|
|
@ -876,7 +894,7 @@ export const useMainStore = defineStore({
|
|||
endDate,
|
||||
shopAppointmentType,
|
||||
applicationName: applicationConfig.APPLICATION_NAME,
|
||||
billToAccountNumber: order.policy.isITAC ? applicationConfig.ITAC_CASH_BILLTO : applicationConfig.ITAC_FAIR_AND_REASONABLE_BILLTO, // TODO: MAKE THIS REAL
|
||||
billToAccountNumber: this.billToNumberToUse,
|
||||
parentAccountNumber: this.issConfig.parentAccountNumber, // this.payment.parentAccountNumber,
|
||||
carId: vehicle.carId,
|
||||
lineItems,
|
||||
|
|
@ -1001,6 +1019,7 @@ export const useMainStore = defineStore({
|
|||
|
||||
let queryString =
|
||||
`ParentAccountNumber=${this.order.accountNumber}`
|
||||
+ `&BillToAccountNumber=${this.billToNumberToUse}`
|
||||
+ `&CTU=${ctuToUse}`
|
||||
+ `&Deductible=${deductibleToUse}`
|
||||
+ `&ZipCode=${zipCodeToUse}`
|
||||
|
|
@ -1029,12 +1048,10 @@ export const useMainStore = defineStore({
|
|||
|
||||
getMobileFeePart() {
|
||||
const damageType = this.damage.isRepair ? 'Repair' : 'Replace';
|
||||
const parentAccountNumber = 167132; // TODO: MAKE THIS REAL
|
||||
const billToAccountNumber = 87291; // TODO: MAKE THIS REAL
|
||||
|
||||
return globalMethods.callHttpClient({
|
||||
method: endpoints.GetMobileFeePart.method,
|
||||
endpoint: `${endpoints.GetMobileFeePart.url}/${damageType}/${parentAccountNumber}/${billToAccountNumber}`
|
||||
endpoint: `${endpoints.GetMobileFeePart.url}/${damageType}/${this.order.accountNumber}/${this.billToNumberToUse}`
|
||||
});
|
||||
},
|
||||
|
||||
|
|
@ -1203,7 +1220,7 @@ export const useMainStore = defineStore({
|
|||
policyHolder: {
|
||||
policyFirstName: customer.firstName,
|
||||
policyLastName: customer.lastName,
|
||||
policyPhoneNumber: customer.phoneNumber,
|
||||
policyPhoneNumber: contactInfo.servicePhone,
|
||||
policyEmail: customer.emailAddress,
|
||||
policyState: customer.address.state
|
||||
},
|
||||
|
|
@ -1227,8 +1244,10 @@ export const useMainStore = defineStore({
|
|||
emailAddress: contactInfo.emailAddress || customer.emailAddress,
|
||||
firstName: contactInfo.firstName || customer.firstName,
|
||||
lastName: contactInfo.lastName || customer.lastName,
|
||||
phoneNumber: contactInfo.phoneNumber,
|
||||
optInSms: contactInfo.requestTextUpdates ?? false
|
||||
homePhone: contactInfo.homePhone,
|
||||
servicePhone: contactInfo.servicePhone,
|
||||
alternativePhone: contactInfo.alternativePhone,
|
||||
isSmsOptIn: contactInfo.requestTextUpdates ?? false
|
||||
},
|
||||
lineItems: {
|
||||
glassParts: lineItems.glassParts,
|
||||
|
|
@ -1324,7 +1343,6 @@ export const useMainStore = defineStore({
|
|||
order.customer.emailAddress = data.customer?.emailAddress;
|
||||
order.customer.firstName = data.customer?.firstName;
|
||||
order.customer.lastName = data.customer?.lastName;
|
||||
order.customer.phoneNumber = data?.customer?.phoneNumber;
|
||||
|
||||
order.customer.address.streetAddress = data.customer?.address?.streetAddress;
|
||||
order.customer.address.streetAddress2 = data.customer?.address?.streetAddress2;
|
||||
|
|
@ -1335,7 +1353,8 @@ export const useMainStore = defineStore({
|
|||
order.contactInfo.firstName = data?.customer?.firstName;
|
||||
order.contactInfo.lastName = data?.customer?.lastName;
|
||||
order.contactInfo.emailAddress = data?.customer?.emailAddress;
|
||||
order.contactInfo.phoneNumber = data?.customer?.phoneNumber;
|
||||
order.contactInfo.homePhone = data?.customer?.phoneNumber;
|
||||
order.contactInfo.servicephone = data?.customer?.phoneNumber;
|
||||
order.contactInfo.requestTextUpdates = data?.customer?.isSmsOptIn;
|
||||
|
||||
order.payment.insuranceCoverage.isVerified = data?.payment?.insuranceCoverage?.isVerified;
|
||||
|
|
@ -1671,6 +1690,10 @@ export const useMainStore = defineStore({
|
|||
this.issConfig.disabledFields.policyNumber = false;
|
||||
this.issConfig.disabledFields.policyZipCode = false;
|
||||
this.issConfig.disabledFields.dateOfLoss = false;
|
||||
this.issConfig.siteType = null;
|
||||
this.issConfig.billToAccountNumber = null;
|
||||
this.issConfig.itacCashBillToNumber = null;
|
||||
this.issConfig.itacFnrBillToNumber = null;
|
||||
},
|
||||
|
||||
disableKeyFields() {
|
||||
|
|
@ -1773,8 +1796,11 @@ export const useMainStore = defineStore({
|
|||
this.order.policy.damageState = welcomePageModel?.damageState;
|
||||
this.order.policy.damageCity = welcomePageModel?.damageCity;
|
||||
this.order.policy.isDamageGlassOnly = welcomePageModel?.isDamageGlassOnly;
|
||||
this.order.customer.phoneNumber = welcomePageModel?.phoneNumber;
|
||||
this.order.customer.emailAddress = welcomePageModel?.email;
|
||||
this.updatePhoneNumbers({
|
||||
home: welcomePageModel?.phoneNumber,
|
||||
service: welcomePageModel?.phoneNumber
|
||||
});
|
||||
},
|
||||
updatePolicyHolderDetails(customerQuestions) {
|
||||
this.order.customer.address.streetAddress = customerQuestions.addressQuestions.streetAddress;
|
||||
|
|
@ -1871,7 +1897,7 @@ export const useMainStore = defineStore({
|
|||
const { vehicle } = this.order;
|
||||
|
||||
let queryString =
|
||||
`ParentAccountNumber=${applicationConfig.CASH_PARENT_ACCOUNT_NUMBER}`
|
||||
`ParentAccountNumber=${this.order.accountNumber}`
|
||||
+ `&CTU=${ctuToUse}`
|
||||
+ `&CarId=${vehicle.carId}`
|
||||
+ `&Make=${vehicle.make}`
|
||||
|
|
@ -1898,7 +1924,6 @@ export const useMainStore = defineStore({
|
|||
async taxOrderItemsAndSaveServerData(pricedLineItems) {
|
||||
const { order } = this;
|
||||
const { serviceLocation } = order;
|
||||
const billToAccountNumber = this.issConfig.parentAccountNumber.toString(); // payment
|
||||
const { providerNumber } = serviceLocation.provider;
|
||||
const { appointmentType } = serviceLocation;
|
||||
const serviceLocationCity = serviceLocation.city;
|
||||
|
|
@ -1924,7 +1949,7 @@ export const useMainStore = defineStore({
|
|||
|| appointmentType === AppointmentTypeStrings.MOBILE_NOT_ITAC_AND_NOT_NOCOMP) {
|
||||
queryString =
|
||||
`ParentAccountNumber=${applicationConfig.CASH_PARENT_ACCOUNT_NUMBER}`
|
||||
+ `&BillToAccountNumber=${billToAccountNumber}`
|
||||
+ `&BillToAccountNumber=${this.billToNumberToUse}`
|
||||
+ `&ProviderNumber=${providerNumber}`
|
||||
+ `&AppointmentType=${appointmentType}`
|
||||
+ `&ServiceLocation.City=${serviceLocationCity}`
|
||||
|
|
@ -1934,7 +1959,7 @@ export const useMainStore = defineStore({
|
|||
} else {
|
||||
queryString =
|
||||
`ParentAccountNumber=${applicationConfig.CASH_PARENT_ACCOUNT_NUMBER}`
|
||||
+ `&BillToAccountNumber=${billToAccountNumber}`
|
||||
+ `&BillToAccountNumber=${this.billToNumberToUse}`
|
||||
+ `&ProviderNumber=${providerNumber}`
|
||||
+ `&AppointmentType=${appointmentType}`
|
||||
+ `&${pricedLineItemsFormattedForRequest}`;
|
||||
|
|
@ -2121,11 +2146,17 @@ export const useMainStore = defineStore({
|
|||
this.order.contactInfo.firstName = contactInfo?.firstName ?? '';
|
||||
this.order.contactInfo.lastName = contactInfo?.lastName ?? '';
|
||||
this.order.contactInfo.emailAddress = contactInfo?.emailAddress ?? '';
|
||||
this.order.contactInfo.phoneNumber = contactInfo?.phoneNumber ?? '';
|
||||
this.order.contactInfo.requestTextUpdates = contactInfo?.requestTextUpdates ?? false;
|
||||
this.order.contactInfo.notesForTechnician = contactInfo?.notesForTechnician ?? '';
|
||||
},
|
||||
|
||||
updatePhoneNumbers(phoneNumbers) {
|
||||
const contact = this.order.contactInfo;
|
||||
contact.homePhone = phoneNumbers.home !== undefined ? phoneNumbers.home : contact.homePhone;
|
||||
contact.alternativePhone = phoneNumbers.alternative !== undefined ? phoneNumbers.alternative : contact.alternativePhone;
|
||||
contact.servicePhone = phoneNumbers.service !== undefined ? phoneNumbers.service : contact.servicePhone;
|
||||
},
|
||||
|
||||
GetExperimentsByUser(userId) {
|
||||
return globalMethods.callHttpClient({
|
||||
method: endpoints.GetExperimentsByUser.method,
|
||||
|
|
@ -2277,8 +2308,11 @@ export const useMainStore = defineStore({
|
|||
setBailoutContactInfo(contact) {
|
||||
this.order.customer.firstName = contact.firstName;
|
||||
this.order.customer.lastName = contact.lastName;
|
||||
this.order.customer.phoneNumber = contact.phoneNumber;
|
||||
this.order.customer.emailAddress = contact.email;
|
||||
this.updatePhoneNumbers({
|
||||
home: contact.phoneNumber,
|
||||
service: contact.phoneNumber
|
||||
});
|
||||
this.pageData(issPageValues.BAILOUT_PAGE).submit = true;
|
||||
},
|
||||
|
||||
|
|
@ -2309,7 +2343,6 @@ export const useMainStore = defineStore({
|
|||
this.order.policy.damageCity = null;
|
||||
this.order.policy.damageState = null;
|
||||
this.order.policy.isITAC = false;
|
||||
this.order.customer.phoneNumber = null;
|
||||
this.order.customer.emailAddress = null;
|
||||
this.order.customer.firstName = null;
|
||||
this.order.customer.lastName = null;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import { setActivePinia, createPinia } from 'pinia';
|
||||
import { useMainStore } from '@/store/index.js';
|
||||
import { useMainStore, getDefaultState } from '@/store/index.js';
|
||||
import globalMethods from '@/global-methods.js';
|
||||
import { getRandomString, getRandomGuid, getRandomInt, getRandomBoolean } from '@/helpers/data-generation.js';
|
||||
import coverageStatuses from '@/constants/coverage-statuses.js';
|
||||
|
|
@ -14,7 +14,13 @@ describe('Store', () => {
|
|||
beforeEach(() => {
|
||||
const pinia = createPinia();
|
||||
setActivePinia(pinia);
|
||||
|
||||
store = useMainStore();
|
||||
const defaultState = getDefaultState();
|
||||
Object.keys(defaultState).forEach((key) => {
|
||||
store[key] = defaultState[key];
|
||||
});
|
||||
|
||||
store.applicationUser.eventBus = [];
|
||||
jest.resetAllMocks();
|
||||
});
|
||||
|
|
@ -478,7 +484,6 @@ describe('Store', () => {
|
|||
const firstName = getRandomString(4, 10);
|
||||
const lastName = getRandomString(5, 15);
|
||||
const emailAddress = false;
|
||||
const phoneNumber = getRandomInt(1000000000, 9999999999);
|
||||
const requestTextUpdates = getRandomBoolean();
|
||||
const notesForTechnician = getRandomString(50, 150);
|
||||
|
||||
|
|
@ -486,7 +491,6 @@ describe('Store', () => {
|
|||
store.updateContactInfo({ firstName,
|
||||
lastName,
|
||||
emailAddress,
|
||||
phoneNumber,
|
||||
requestTextUpdates,
|
||||
notesForTechnician });
|
||||
|
||||
|
|
@ -494,10 +498,27 @@ describe('Store', () => {
|
|||
expect(store.contactInfo.firstName).toEqual(firstName);
|
||||
expect(store.contactInfo.lastName).toEqual(lastName);
|
||||
expect(store.contactInfo.emailAddress).toEqual(emailAddress);
|
||||
expect(store.contactInfo.phoneNumber).toEqual(phoneNumber);
|
||||
expect(store.contactInfo.requestTextUpdates).toEqual(requestTextUpdates);
|
||||
expect(store.contactInfo.notesForTechnician).toEqual(notesForTechnician);
|
||||
});
|
||||
it('updatePhoneNumbers updates phone info in store', () => {
|
||||
// Arrange
|
||||
const homePhone = getRandomInt(1000000000, 9999999999);
|
||||
const servicePhone = getRandomInt(1000000000, 9999999999);
|
||||
const altPhone = getRandomInt(1000000000, 9999999999);
|
||||
|
||||
// Act
|
||||
store.updatePhoneNumbers({
|
||||
home: homePhone,
|
||||
service: servicePhone,
|
||||
alternative: altPhone
|
||||
});
|
||||
|
||||
// Assert
|
||||
expect(store.contactInfo.homePhone).toEqual(homePhone);
|
||||
expect(store.contactInfo.servicePhone).toEqual(servicePhone);
|
||||
expect(store.contactInfo.alternativePhone).toEqual(altPhone);
|
||||
});
|
||||
it('All null values => contact info set in store to all nulls', () => {
|
||||
// Act
|
||||
store.updateContactInfo({});
|
||||
|
|
@ -506,7 +527,6 @@ describe('Store', () => {
|
|||
expect(store.contactInfo.firstName).toEqual('');
|
||||
expect(store.contactInfo.lastName).toEqual('');
|
||||
expect(store.contactInfo.emailAddress).toEqual('');
|
||||
expect(store.contactInfo.phoneNumber).toEqual('');
|
||||
expect(store.contactInfo.requestTextUpdates).toEqual(false);
|
||||
expect(store.contactInfo.notesForTechnician).toEqual('');
|
||||
});
|
||||
|
|
@ -666,8 +686,9 @@ describe('Store', () => {
|
|||
store.order.customer.firstName = customerFirstName;
|
||||
store.order.customer.lastName = customerLastName;
|
||||
store.order.customer.emailAddress = customerEmail;
|
||||
store.order.customer.phoneNumber = customerPhoneNumber;
|
||||
store.order.customer.address.state = customerState;
|
||||
store.order.contactInfo.homePhone = customerPhoneNumber;
|
||||
store.order.contactInfo.servicePhone = customerPhoneNumber;
|
||||
store.order.policy.policyNumber = policyNumber;
|
||||
store.order.policy.policyZipCode = policyZipCode;
|
||||
store.order.policy.policyLookupSuccessful = policyLookupSuccessful;
|
||||
|
|
@ -708,12 +729,16 @@ describe('Store', () => {
|
|||
const contactFirstName = getRandomString(6, 6);
|
||||
const contactLastName = getRandomString(6, 6);
|
||||
const contactEmail = getRandomString(6, 6);
|
||||
const contactPhoneNumber = getRandomString(6, 6);
|
||||
const contactHomePhone = getRandomString(6, 6);
|
||||
const contactServicePhone = getRandomString(6, 6);
|
||||
const contactAlternativePhone = getRandomString(6, 6);
|
||||
const requestTextUpdates = getRandomBoolean();
|
||||
store.order.contactInfo.firstName = contactFirstName;
|
||||
store.order.contactInfo.lastName = contactLastName;
|
||||
store.order.contactInfo.emailAddress = contactEmail;
|
||||
store.order.contactInfo.phoneNumber = contactPhoneNumber;
|
||||
store.order.contactInfo.homePhone = contactHomePhone;
|
||||
store.order.contactInfo.servicePhone = contactServicePhone;
|
||||
store.order.contactInfo.alternativePhone = contactAlternativePhone;
|
||||
store.order.contactInfo.requestTextUpdates = requestTextUpdates;
|
||||
store.order.customer.address.streetAddress = streetAddress;
|
||||
store.order.customer.address.streetAddress2 = streetAddress2;
|
||||
|
|
@ -740,8 +765,10 @@ describe('Store', () => {
|
|||
emailAddress: contactEmail,
|
||||
firstName: contactFirstName,
|
||||
lastName: contactLastName,
|
||||
phoneNumber: contactPhoneNumber,
|
||||
optInSms: requestTextUpdates
|
||||
homePhone: contactHomePhone,
|
||||
servicePhone: contactServicePhone,
|
||||
alternativePhone: contactAlternativePhone,
|
||||
isSmsOptIn: requestTextUpdates
|
||||
})
|
||||
})
|
||||
}));
|
||||
|
|
@ -1122,7 +1149,7 @@ describe('Store', () => {
|
|||
expect(store.order.customer.firstName).toBe(customer.firstName);
|
||||
expect(store.order.customer.lastName).toBe(customer.lastName);
|
||||
expect(store.order.customer.emailAddress).toBe(customer.emailAddress);
|
||||
expect(store.order.customer.phoneNumber).toBe(customer.phoneNumber);
|
||||
expect(store.order.contactInfo.homePhone).toBe(customer.phoneNumber);
|
||||
});
|
||||
it('sets expected remaining order data', async () => {
|
||||
// Arrange
|
||||
|
|
@ -1948,4 +1975,34 @@ describe('Store', () => {
|
|||
expect(store.order.payment.paypalToken).toEqual(paypalToken);
|
||||
});
|
||||
});
|
||||
|
||||
describe('billToNumberToUse getter', () => {
|
||||
it('returns itacCashBillToNumber when in ITAC flow', () => {
|
||||
// Arrange
|
||||
store.order.policy.isITAC = true;
|
||||
store.issConfig.itacCashBillToNumber = '12345';
|
||||
|
||||
// Assert
|
||||
expect(store.billToNumberToUse).toEqual(store.issConfig.itacCashBillToNumber);
|
||||
});
|
||||
|
||||
it('returns itacFnrBillToNumber when in NoComp flow', () => {
|
||||
// Arrange
|
||||
store.order.policy.noCoverage = true;
|
||||
store.issConfig.itacFnrBillToNumber = '12345';
|
||||
|
||||
// Assert
|
||||
expect(store.billToNumberToUse).toEqual(store.issConfig.itacFnrBillToNumber);
|
||||
});
|
||||
|
||||
it('returns billToAccountNumber when not ITAC and not NoComp', () => {
|
||||
// Arrange
|
||||
store.order.policy.isITAC = null;
|
||||
store.order.policy.noCoverage = null;
|
||||
store.issConfig.billToAccountNumber = '12345';
|
||||
|
||||
// Assert
|
||||
expect(store.billToNumberToUse).toEqual(store.issConfig.billToAccountNumber);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in a new issue