diff --git a/src/common-components/site-footer/site-footer.vue b/src/common-components/site-footer/site-footer.vue index 9cfdf83d..966ea45c 100644 --- a/src/common-components/site-footer/site-footer.vue +++ b/src/common-components/site-footer/site-footer.vue @@ -12,7 +12,7 @@ isPrimary :buttonText="buttonText" loaderColor="white" - :class="isForwardActionDisabled && 'form-test-invalid'" + :class="(disableForwardAction || isForwardActionDisabled) && 'form-test-invalid'" :aria-disabled="isForwardActionDisabled" :isDisabled="isForwardActionDisabled" @click-event="buttonClick" @@ -55,6 +55,7 @@ export default { return { paddingHeight: 0, customButtontext: "", + disableForwardAction: false, }; }, mounted() { @@ -111,6 +112,12 @@ export default { linkClick() { this.$emit("backClicked"); }, + disableForwardButton() { + this.disableForwardAction = true; + }, + enableForwardAction() { + this.disableForwardAction = false; + } }, }; diff --git a/src/layouts/address-lookup/address-lookup.spec.js b/src/layouts/address-lookup/address-lookup.spec.js index 161ce9a5..ebc75059 100644 --- a/src/layouts/address-lookup/address-lookup.spec.js +++ b/src/layouts/address-lookup/address-lookup.spec.js @@ -668,6 +668,8 @@ function setupMocks({ wrapper.vm.setCmsContent = jest.fn(); wrapper.vm.$refs.siteFooter.updateButtonText = jest.fn(); wrapper.vm.$refs.siteFooter.removeLoader = jest.fn(); + wrapper.vm.$refs.siteFooter.disableForwardButton = jest.fn(); + wrapper.vm.$refs.siteFooter.enableForwardAction = jest.fn(); return { wrapper }; } diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue index 1da8fc84..b88c10c6 100644 --- a/src/layouts/address-lookup/address-lookup.vue +++ b/src/layouts/address-lookup/address-lookup.vue @@ -12,7 +12,7 @@ ref="vehicleBanner" :displayGenericVehicleImage="false" /> -
+