diff --git a/src/common-components/dropdown-question/dropdown-question.vue b/src/common-components/dropdown-question/dropdown-question.vue index 47dc3ca1..2122bc54 100644 --- a/src/common-components/dropdown-question/dropdown-question.vue +++ b/src/common-components/dropdown-question/dropdown-question.vue @@ -8,8 +8,10 @@ :aria-disabled="isDisabled" :disabled="isDisabled" :aria-required="isRequired" - :validationRules="validationRules" + :validationRules="validationRules" + :placeHolderText="placeHolderText" > + @@ -38,7 +40,8 @@ export default { validationRules: String, cmsWidgetName: String, hasError: Boolean, - errors: Array + errors: Array, + placeHolderText: String }, setup(props) { const propsClone = Object.assign({}, props); @@ -82,7 +85,7 @@ export default { }, selectedOption: { get: function() { - return this.modelValue; + return !this.modelValue ? "" : this.modelValue; }, set: function(newValue) { this.$emit("update:modelValue", newValue); diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue index 53f6e866..1fb6868d 100644 --- a/src/layouts/address-lookup/address-lookup.vue +++ b/src/layouts/address-lookup/address-lookup.vue @@ -96,16 +96,7 @@ export default { }, data() { return { - customerQuestions: { - addressQuestions: { - streetAddress: "", - city: "", - state: "", - zipCode: "", - }, - firstName: "", - lastName: "", - }, + customerQuestions: useMainStore().customerData, displayVinNotFoundAlert: false, displayMatchedDifferentVehicleAlert: false, displayVinLookupByHomeAddressNotAllowedAlert: false, @@ -119,9 +110,7 @@ export default { arePagePrerequisitesValid() { return this.mainStore.order.vehicle.carId !== null; }, - loadDefaultsFromStore() { - this.customerQuestions = this.mainStore.customerData; - }, + backButtonAction() { // route to move backwards this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route); @@ -277,7 +266,7 @@ export default { }, mounted() { this.attachCustomEvents(); - this.loadDefaultsFromStore(); + }, computed: { AlertMatchedDifferentVehicleHeader() { diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue index 57c3d583..0b411a64 100644 --- a/src/layouts/welcome-page/welcome-page.vue +++ b/src/layouts/welcome-page/welcome-page.vue @@ -47,6 +47,7 @@ :options="DamageCauseOptions" disableAutoFill validationRules="loss-cause-required" + placeHolderText="Select an option" /> @@ -73,6 +74,7 @@ validationRules="loss-state-required" isRequired disableAutoFill + placeHolderText="Select an option" /> diff --git a/src/store/index.js b/src/store/index.js index 7e781a20..f77a7180 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -128,7 +128,7 @@ export const useMainStore = defineStore({ return state.applicationUser.pageData[page]; }, customerData: (state) => { - if (state.order.vehicle.registration.zipCode) + if (state.order.vehicle.registration.address) { const registration = state.order.vehicle.registration; return { diff --git a/src/store/store.spec.js b/src/store/store.spec.js index c8721b6d..e282f849 100644 --- a/src/store/store.spec.js +++ b/src/store/store.spec.js @@ -181,7 +181,7 @@ describe("Store", () => { }; //Act - const actual = store.customerDataAddressLookup; + const actual = store.customerData; //Assert expect(actual).toEqual(expected); @@ -213,7 +213,7 @@ describe("Store", () => { }; //Act - const actual = store.customerDataAddressLookup; + const actual = store.customerData; //Assert expect(actual).toEqual(expected);