Merge pull request #2854 from Safelite/feature/CASH-1428
CASH-1428 - Recalculate Pricing and Tax with line items from store
This commit is contained in:
commit
e088317310
2 changed files with 200 additions and 11 deletions
|
|
@ -6,6 +6,15 @@ import { shallowMount } from "@vue/test-utils";
|
|||
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
||||
import store from "@/store";
|
||||
import { experimentSettings } from "@/constants/experiments";
|
||||
import { storeMutations } from "@/constants/store-mutations";
|
||||
import globalMethods from "@/global-methods";
|
||||
|
||||
globalMethods.callHttpClient = jest.fn();
|
||||
|
||||
global.crypto = { randomUUID: jest.fn() };
|
||||
const mockPriceOrderItemsAndSaveServerData = jest
|
||||
.fn()
|
||||
.mockResolvedValue(/* your mock return value */);
|
||||
|
||||
// Mock our module for promises.
|
||||
jest.mock("@/helpers/layout-helper.js", () => ({
|
||||
|
|
@ -34,16 +43,140 @@ describe("payment-method.vue", () => {
|
|||
// Assert
|
||||
expect(wrapper.vm.$router.navigateWithoutSaving).toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
|
||||
test("if the continue button is clicked, navigate forward", async () => {
|
||||
// Arrange
|
||||
const { wrapper } = setupMocks();
|
||||
describe("forwardButtonAction", () => {
|
||||
let wrapper;
|
||||
let mockDispatchStoreAction;
|
||||
let mockGetCalcOrderAndTaxedLineItems;
|
||||
let mockSubmitWorkOrder;
|
||||
let mockRouter;
|
||||
let mockLoadingModal;
|
||||
let mockStoreGetters;
|
||||
let mockLineItems;
|
||||
let mockInactivePromos;
|
||||
let mockIsRecalAckOptIn;
|
||||
let mockPaymentMethod;
|
||||
let mockPaymentMethods;
|
||||
|
||||
// Act
|
||||
await wrapper.vm.forwardButtonAction();
|
||||
beforeEach(() => {
|
||||
mockDispatchStoreAction = jest.fn().mockResolvedValue();
|
||||
mockGetCalcOrderAndTaxedLineItems = jest.fn().mockResolvedValue({
|
||||
glassParts: [],
|
||||
supportingItems: [],
|
||||
vaps: [],
|
||||
promos: [],
|
||||
});
|
||||
mockSubmitWorkOrder = jest.fn().mockResolvedValue();
|
||||
mockRouter = {
|
||||
navigateWithoutSaving: jest.fn(),
|
||||
navigateWithSaving: jest.fn(),
|
||||
};
|
||||
mockLoadingModal = { showModal: jest.fn(), hideModal: jest.fn() };
|
||||
mockStoreGetters = {
|
||||
order: {
|
||||
lineItems: {
|
||||
glassParts: [],
|
||||
supportingItems: [],
|
||||
vaps: [],
|
||||
},
|
||||
payment: { isInsurance: false, piaType: null, isPia: false },
|
||||
serviceLocation: {
|
||||
provider: { providerNumber: "0000567" },
|
||||
appointmentType: "Mobile",
|
||||
city: "Anytown",
|
||||
state: "OH",
|
||||
zipCode: "00000",
|
||||
},
|
||||
schedule: {
|
||||
date: "2024-01-01",
|
||||
startTime: "09:00",
|
||||
endTime: "10:00",
|
||||
jobMaxMinutes: 60,
|
||||
jobMinMinutes: 60,
|
||||
},
|
||||
customer: {
|
||||
firstName: "Test",
|
||||
lastName: "User",
|
||||
phoneNumber: "555-555-5555",
|
||||
emailAddress: "test@example.com",
|
||||
},
|
||||
policy: { currentDeductible: 123, isNoComp: false, isItac: false },
|
||||
},
|
||||
payment: { insuranceCoverage: { coverageStatus: "VERIFIED" } },
|
||||
policy: { currentDeductible: 123 },
|
||||
};
|
||||
mockLineItems = { glassParts: [], supportingItems: [], vaps: [], promos: [] };
|
||||
mockInactivePromos = [];
|
||||
mockIsRecalAckOptIn = false;
|
||||
mockPaymentMethod = "LATER";
|
||||
mockPaymentMethods = { LATER: "LATER", INSURANCE: "INSURANCE" };
|
||||
|
||||
// Assert
|
||||
expect(wrapper.vm.$router.navigateWithoutSaving).toHaveBeenCalled();
|
||||
wrapper = {
|
||||
$refs: { loadingModal: mockLoadingModal },
|
||||
$router: mockRouter,
|
||||
$store: { getters: mockStoreGetters },
|
||||
dispatchStoreAction: mockDispatchStoreAction,
|
||||
getCalcOrderAndTaxedLineItems: mockGetCalcOrderAndTaxedLineItems,
|
||||
lineItems: mockLineItems,
|
||||
inactivePromos: mockInactivePromos,
|
||||
isRecalAckOptIn: mockIsRecalAckOptIn,
|
||||
paymentMethod: mockPaymentMethod,
|
||||
paymentMethods: mockPaymentMethods,
|
||||
storeActions: require("@/constants/store-actions"),
|
||||
navigationScenarios: {
|
||||
CLICKED_FORWARD: "CLICKED_FORWARD",
|
||||
CLICKED_INSURANCE: "CLICKED_INSURANCE",
|
||||
CLICKED_PAY_NOW: "CLICKED_PAY_NOW",
|
||||
},
|
||||
pageName: "payment-method",
|
||||
setupPia: jest.fn(),
|
||||
customCtaCopy: "Continue",
|
||||
};
|
||||
|
||||
jest.mock("@/helpers/heritage-integration/order-helper.js", () => ({
|
||||
submitWorkOrder: mockSubmitWorkOrder,
|
||||
}));
|
||||
});
|
||||
|
||||
it("should call all expected methods and navigate when paymentMethod is LATER", async () => {
|
||||
wrapper.paymentMethod = mockPaymentMethods.LATER;
|
||||
const submitWorkOrder =
|
||||
require("@/helpers/heritage-integration/order-helper.js").submitWorkOrder;
|
||||
await require("@/layouts/payment-method/payment-method.vue").default.methods.forwardButtonAction.call(
|
||||
wrapper
|
||||
);
|
||||
expect(mockLoadingModal.showModal).toHaveBeenCalled();
|
||||
expect(mockDispatchStoreAction).toHaveBeenCalledWith(
|
||||
"savePaymentMethodChoice",
|
||||
wrapper.paymentMethod,
|
||||
false
|
||||
);
|
||||
expect(mockGetCalcOrderAndTaxedLineItems).toHaveBeenCalled();
|
||||
expect(mockDispatchStoreAction).toHaveBeenCalledWith(
|
||||
"saveGlassPartsSuppressingStateResetting",
|
||||
mockLineItems.glassParts,
|
||||
false
|
||||
);
|
||||
expect(mockDispatchStoreAction).toHaveBeenCalledWith(
|
||||
"saveSupportingItemsSuppressingStateResetting",
|
||||
mockLineItems.supportingItems,
|
||||
false
|
||||
);
|
||||
expect(mockDispatchStoreAction).toHaveBeenCalledWith(
|
||||
"saveVaps",
|
||||
mockLineItems.vaps,
|
||||
false
|
||||
);
|
||||
expect(mockDispatchStoreAction).toHaveBeenCalledWith(
|
||||
"saveActiveAndOrInactivePromos",
|
||||
{ activePromos: mockLineItems.promos, inactivePromos: mockInactivePromos },
|
||||
false
|
||||
);
|
||||
expect(mockDispatchStoreAction).toHaveBeenCalledWith(
|
||||
"saveIsRecalAckOptIn",
|
||||
mockIsRecalAckOptIn
|
||||
);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
@ -81,7 +214,10 @@ function setupMocks() {
|
|||
city: "Anytown",
|
||||
state: "OH",
|
||||
zipCode: "00000",
|
||||
provider: { providerNumber: "0000567" },
|
||||
},
|
||||
vehicle: { year: 2020, make: "Toyota", model: "Camry", carId: "12345" },
|
||||
damage: { isRepair: false },
|
||||
},
|
||||
policy: {
|
||||
currentDeductible: 123,
|
||||
|
|
@ -101,6 +237,9 @@ function setupMocks() {
|
|||
store: {
|
||||
getters: store.getters,
|
||||
},
|
||||
actions: {
|
||||
priceOrderItemsAndSaveServerData: mockPriceOrderItemsAndSaveServerData,
|
||||
},
|
||||
});
|
||||
|
||||
const mockMixin = {
|
||||
|
|
|
|||
|
|
@ -488,6 +488,46 @@ export default {
|
|||
getInactivePromosFromStore() {
|
||||
return this.$store.getters.order.payment.inactivePromos;
|
||||
},
|
||||
async getCalcOrderAndTaxedLineItems(lineItemsToTax) {
|
||||
const lineItemsFromStore = deepClone(store.getters.order.lineItems);
|
||||
const pricedLineItemsToTax = await baseMixin.methods.dispatchStoreActionWithLogging(
|
||||
storeActions.PRICE_ORDER_ITEMS_AND_SAVE_SERVER_DATA,
|
||||
{
|
||||
availableLineItems: lineItemsToTax,
|
||||
},
|
||||
"payment-method",
|
||||
false
|
||||
);
|
||||
const promoCodeFromQueryString = consumeQueryFromStash(queryStrings.PROMO);
|
||||
const { validatePromoResponse, revalidatePromoResponse } =
|
||||
await revalidatePromosAndValidateQueryStringPromo(
|
||||
promoCodeFromQueryString,
|
||||
pricedLineItemsToTax,
|
||||
"payment-method"
|
||||
);
|
||||
|
||||
const newValidatedPromos = validatePromoResponse?.orderPromos ?? [];
|
||||
newValidatedPromos.push(
|
||||
...(revalidatePromoResponse ? revalidatePromoResponse.promoLineItems : [])
|
||||
);
|
||||
pricedLineItemsToTax.push(...newValidatedPromos);
|
||||
|
||||
const taxedLineItems = await baseMixin.methods.dispatchStoreActionWithLogging(
|
||||
storeActions.TAX_ORDER_ITEMS_AND_SAVE_SERVER_DATA,
|
||||
{
|
||||
billToAccountNumber: store.getters.payment.billToAccountNumber,
|
||||
providerNumber: store.getters.order.serviceLocation.provider.providerNumber,
|
||||
appointmentType: store.getters.order.serviceLocation.appointmentType,
|
||||
serviceLocationCity: store.getters.order.serviceLocation.city,
|
||||
serviceLocationState: store.getters.order.serviceLocation.state,
|
||||
serviceLocationZipCode: store.getters.order.serviceLocation.zipCode,
|
||||
pricedLineItems: pricedLineItemsToTax,
|
||||
},
|
||||
"payment-method",
|
||||
false
|
||||
);
|
||||
return mapTaxedLineItemsToStoreFormat(taxedLineItems, lineItemsFromStore);
|
||||
},
|
||||
async revalidatePromos() {
|
||||
this.$refs.loadingModal.showModal();
|
||||
const revalidatePromoResponse = await baseMixin.methods.dispatchStoreActionWithLogging(
|
||||
|
|
@ -574,22 +614,32 @@ export default {
|
|||
this.paymentMethod,
|
||||
false
|
||||
);
|
||||
|
||||
// recalulate pricing and tax with line items from store
|
||||
const lineItemsFromStore = deepClone(store.getters.order.lineItems);
|
||||
const lineItemsToTax = [
|
||||
...(lineItemsFromStore.glassParts ?? []),
|
||||
...(lineItemsFromStore.supportingItems ?? []),
|
||||
...(lineItemsFromStore.vaps ?? []),
|
||||
];
|
||||
const taxedLineItems = await this.getCalcOrderAndTaxedLineItems(lineItemsToTax);
|
||||
|
||||
// save lineitems as they now have salestax added
|
||||
await this.dispatchStoreAction(
|
||||
storeActions.SAVE_GLASS_PARTS_SUPPRESSING_STATE_RESETTING,
|
||||
this.lineItems.glassParts,
|
||||
taxedLineItems.glassParts,
|
||||
false
|
||||
);
|
||||
await this.dispatchStoreAction(
|
||||
storeActions.SAVE_SUPPORTING_ITEMS_SUPPRESSING_STATE_RESETTING,
|
||||
this.lineItems.supportingItems,
|
||||
taxedLineItems.supportingItems,
|
||||
false
|
||||
);
|
||||
await this.dispatchStoreAction(storeActions.SAVE_VAPS, this.lineItems.vaps, false);
|
||||
await this.dispatchStoreAction(storeActions.SAVE_VAPS, taxedLineItems.vaps, false);
|
||||
this.dispatchStoreAction(
|
||||
storeActions.SAVE_ACTIVE_AND_OR_INACTIVE_PROMOS,
|
||||
{
|
||||
activePromos: this.lineItems.promos,
|
||||
activePromos: taxedLineItems.promos,
|
||||
inactivePromos: this.inactivePromos,
|
||||
},
|
||||
false
|
||||
|
|
|
|||
Loading…
Reference in a new issue