1) Adjusting evox image height and scrollable area for ymms pages. 2) Adding feature to sync license plate, registration zip, email and service zip to correct textbox fields for lpl. 3) removing zip mismatch alert when new zip added but different alert triggered.

This commit is contained in:
Max 2022-04-27 15:40:44 -04:00
parent c7c926ccad
commit 85420affd9
4 changed files with 32 additions and 17 deletions

View file

@ -158,11 +158,11 @@ export default {
<style lang="scss" scoped>
.button-question-overflow {
height: calc(100vh - 252px);
height: calc(100vh - 266px);
.overflow-scroll {
// Height will be determined by overall height of content above list
height: calc(100% - 300px);
height: calc(100% - 314px);
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch;
}

View file

@ -75,6 +75,6 @@ export default {
max-width: 290px;
object-fit: cover;
width: 100%;
height: 118px;
height: 132px;
}
</style>

View file

@ -1,4 +1,5 @@
import {getDamageString, compareGlassOptions} from "./damage-helper";
import {getDamageString, isGlassAvailableForCarId} from "./damage-helper";
import baseMixin from "@/mixins/base-mixin.js";
jest.mock("@/store", () => ({
getters: {damage: {
@ -16,11 +17,13 @@ jest.mock("@/store", () => ({
// describe("damage-helper.js", () => {
// it("Should return false if no mismatches between each array", () => {
// const newOptions = {
// const updatedOptions = {
// windshieldOptions: {availableReplacementOptions: ["windshield"]}
// }
// const currentOptions = [{location: "Windshield", name: "windshield"}];
// const misMatch = compareGlassOptions(newOptions, currentOptions);
// baseMixin.methods.dispatchNonBlockingStoreAction = jest.fn().mockImplementation(()=> {
// return updatedOptions;
// });
// const misMatch = isGlassAvailableForCarId('carId');
// expect(misMatch).toEqual(false);
// });
// });

View file

@ -28,9 +28,14 @@
class="my-3"
:manualHeadline="NoServiceZipHeader"
:manualCopy="NoServiceZipBody"
v-if="!isRegistrationZipIServicable"
v-if="!isRegistrationZipIServicable && isVinValid && !isCarIdDifferent"
alertClass="alert-danger"
/>
<div class="row my-2">
<div class="col">
<textboxQuestion v-if="!isRegistrationZipIServicable" cmsWidgetName="ServiceZip" v-model="serviceZip" inputId="serviceZip" validationRules="zip-required" />
</div>
</div>
<alert
class="my-3"
cmsWidgetName="NoMatchAlertWidget"
@ -44,11 +49,6 @@
v-if="isCarIdDifferent"
alertClass="alert-warning"
/>
<div class="row my-2">
<div class="col">
<textboxQuestion v-if="!isRegistrationZipIServicable" cmsWidgetName="ServiceZip" v-model="serviceZip" inputId="serviceZip" validationRules="zip-required" />
</div>
</div>
<funnelFooter
ref="funnelFooter"
cmsWidgetName="FunnelFooterWidget"
@ -118,10 +118,10 @@ export default {
isRegistrationZipIServicable: true,
isVinValid: true,
isCarIdDifferent: false,
licensePlate: '',
registrationZip: '',
email: '',
serviceZip: '',
licensePlate: this.getLicensePlateFromStore(),
registrationZip: this.getRegistrationZipFromStore(),
email: this.getEmailFromStore(),
serviceZip: this.getServiceZipFromStore(),
previouslyEnteredCarId: '',
customAlertData: {},
isSelectedGlassAvailableForVehicle: true,
@ -158,6 +158,18 @@ export default {
store.commit(storeMutations.UPDATE_REGISTRATION_LAST_NAME, null);
store.dispatch(storeActions.RESET_PARTS_STATE_AND_DEPENDENCIES);
},
getLicensePlateFromStore(){
return store.getters.vehicle.registration.licensePlate
},
getRegistrationZipFromStore(){
return store.getters.vehicle.registration.zipCode
},
getEmailFromStore(){
return store.getters.order.customer.emailAddress
},
getServiceZipFromStore(){
return store.getters.order.serviceLocation.zip
},
backButtonAction() {
this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
},