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

Merge pull request #844 from Safelite/feature/CSR-774

Browse source 
CSR-774 | Default package selection (QUOTE) + bug fix
This commit is contained in:
scottkiener 2022-11-30 10:57:32 -05:00 committed by GitHub
commit 7a2faf84ad
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 63 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/layouts/quote/service-package-question/service-package-question.spec.js
View file

@ -6,6 +6,7 @@ import {
mockProcessedCmsContent,
inputQuestionWidgetAnswers,
} from "./service-package-question-test-helper";
import { nextTick } from "vue";
jest.mock("@/store", () => ({
commit: jest.fn(),
@ -49,11 +50,12 @@ describe("service-package-question.vue", () => {
const packageNameKey = "05_01_CSR_Quote_Standard_Repair";
Object.assign(processedCmsContent, mockProcessedCmsContent[packageNameKey]);
});
it("should emit relevant VAPS items in an array", () => {
it("should emit relevant VAPS items in an array", async () => {
// Arrange
const wrapper = setupMocks({});
// Act
wrapper.componentVM.selectedValues = "TierThree";
wrapper.componentVM.selectedPackageName = "TierThree";
await nextTick();
// Assert
expect(wrapper.emitted()["update:modelValue"][0][0]).toEqual([

68
src/layouts/quote/service-package-question/service-package-question.vue
View file

@ -4,7 +4,7 @@
:groupName="groupName"
buttonTypeString="servicePackageRadio"
:buttonTypeObject="servicePackageRadio"
v-model="selectedValues"
v-model="selectedPackageName"
isRequired />
</template>
@ -35,19 +35,21 @@ export default {
data() {
return {
servicePackageRadio: servicePackageRadio,
selectedPackageName: null,
};
},
computed: {
selectedValues: {
get: function () {
return this.modelValue;
},
set: function (newValue) {
const VapsProductsInSelectedPackage =
this.getVapsLineItemsForSelectedPackage(newValue);
this.$emit("update:modelValue", VapsProductsInSelectedPackage);
},
watch: {
availableLineItems() {
if (this.$store.getters.lineItems.supportingItems) {
this.selectDefaultPackage();
}
},
selectedPackageName(newValue) {
const VapsProductsInSelectedPackage = this.getVapsLineItemsForSelectedPackage(newValue);
this.$emit("update:modelValue", VapsProductsInSelectedPackage);
},
},
computed: {
nullSafeAvailableLineItems() {
return this.availableLineItems ?? [];
},
@ -208,6 +210,50 @@ export default {
});
return vapsPrice;
},
selectDefaultPackage() {
const vapsFromStore = this.$store.getters.lineItems.vaps;
let lowestTierForPackage = packageNames.TIER_ONE;
vapsFromStore.every((vapsItem) => {
let lowestTierForThisItem = this.getLowestTierForThisItem(vapsItem);
if (lowestTierForThisItem === packageNames.TIER_THREE) {
lowestTierForPackage = packageNames.TIER_THREE;
return false;
} else if (lowestTierForThisItem === packageNames.TIER_TWO) {
lowestTierForPackage = packageNames.TIER_TWO;
return true;
} else {
return true;
}
});
this.selectedPackageName = lowestTierForPackage;
},
getLowestTierForThisItem(vapsItem) {
let lowestTierForThisItem = null;
switch (vapsItem.partType) {
case partTypeStrings.FRONT_WIPER:
if (this.frontWipersApplicableForTierThree) {
lowestTierForThisItem = packageNames.TIER_THREE;
}
if (this.frontWipersApplicableForTierTwo) {
lowestTierForThisItem = packageNames.TIER_TWO;
}
break;
case partTypeStrings.REAR_WIPER:
if (this.rearWiperApplicableForTierThree) {
lowestTierForThisItem = packageNames.TIER_THREE;
}
if (this.rearWiperApplicableForTierTwo) {
lowestTierForThisItem = packageNames.TIER_TWO;
}
break;
case partTypeStrings.RAIN_DEFENSE:
if (this.rainDefenseApplicableForTierThree) {
lowestTierForThisItem = packageNames.TIER_THREE;
}
break;
}
return lowestTierForThisItem;
},
getVapsLineItemsForSelectedPackage(packageName) {
const vapsLineItemsForSelectedPackage = [];
if (packageName === packageNames.TIER_TWO) {

4
src/store/index.js
View file

@ -356,7 +356,7 @@ export const mutations = {
state.order.lineItems.glassParts = sessionInformation.order.lineItems.glassParts;
state.order.lineItems.supportingItems = sessionInformation.order.lineItems.supportingItems;
state.order.lineItems.vapsItems = sessionInformation.order.lineItems.vapsItems;
state.order.lineItems.vaps = sessionInformation.order.lineItems.vaps;
state.order.lineItems.serverData = sessionInformation.order.lineItems.serverData;
state.order.accountNumber = sessionInformation.order.accountNumber;
state.order.providerNumber = sessionInformation.order.providerNumber;
@ -1011,7 +1011,7 @@ export const actions = {
lineItems: {
glassParts: lineItems.glassParts,
supportingItems: lineItems.supportingItems,
vapsItems: lineItems.vapsItems,
vaps: lineItems.vaps,
serverData: lineItems.serverData,
},
payment: {