diff --git a/src/layouts/quote/quote.spec.js b/src/layouts/quote/quote.spec.js
index f555b6c16..a3f3687f7 100644
--- a/src/layouts/quote/quote.spec.js
+++ b/src/layouts/quote/quote.spec.js
@@ -10,6 +10,7 @@ import { experimentSettings } from "@/constants/experiments";
import experimentMixin from "@/mixins/experiment-mixin.js";
import baseMixin from "@/mixins/base-mixin.js";
import { containsLineItemWithPartType } from "../../helpers/service-package-helper";
+import { savePageData } from "../../router/methods/helpers/save-page-data";
jest.mock("@/store", () => ({
commit: jest.fn(), // Mock store.commit
@@ -90,6 +91,10 @@ jest.mock("@/mixins/base-mixin", () => ({
},
}));
+jest.mock("@/router/methods/helpers/save-page-data", () => ({
+ savePageData: jest.fn(),
+}));
+
const mockExperimentSettings = experimentSettings;
jest.mock("@/mixins/experiment-mixin.js", () => ({
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index b74e34829..6e62392b3 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -67,7 +67,7 @@
-
+
@@ -673,14 +673,12 @@ export default {
async closeSaveProgressPopup() {
this.showSaveProgressPopup = false;
- savePageData(this.pageName, { saveProgressPopupSkipped: true }, true);
-
if (this.skipToInsurance) {
// skip ahead now if in IGQ skip experiment
await this.skip(true, externalParamPackageLabels.GLASS_ONLY);
}
},
- forwardButtonAction() {
+ async forwardButtonAction() {
this.dispatchStoreAction(
this.storeActions.SAVE_PAYMENT_TYPE,
this.isInsuranceSelected,
@@ -751,6 +749,8 @@ export default {
false
);
+ await savePageData(this.pageName, { saveProgressPopupSkipped: true }, true);
+
const payment = this.$store.getters.payment;
if (payment.isInsurance) {
this.$router.navigateWithSaving(
@@ -901,6 +901,12 @@ export default {
// Unique to quote page for 2.0/Heritage parity
.quote {
padding-bottom: 2rem;
+
+ .nav-container {
+ /* Create correct positioning point for .nav-bar a.navigation-link */
+ position: relative;
+ }
+
:deep(.nav-bar) {
position: initial;
button.btn {
@@ -910,10 +916,7 @@ export default {
a.navigation-link {
position: absolute;
left: 1rem;
- bottom: 1rem;
- @include media-breakpoint-up(lg) {
- left: 6rem;
- }
+ bottom: -1rem;
}
.col-auto {
width: -webkit-fill-available;
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index 08f78b279..cccab36f0 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -145,6 +145,8 @@ export default {