From fb492119d30efddc58203927f958c2c04988025f Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Mon, 13 Jan 2025 14:59:59 -0500
Subject: [PATCH 1/4] CASH-79: fix page names passed in

---
 src/layouts/capability-questions/capability-questions.vue | 2 +-
 src/layouts/molding-questions/molding-questions.vue       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/capability-questions/capability-questions.vue b/src/layouts/capability-questions/capability-questions.vue
index fa6371e0d..d189f0f44 100644
--- a/src/layouts/capability-questions/capability-questions.vue
+++ b/src/layouts/capability-questions/capability-questions.vue
@@ -160,7 +160,7 @@ export default {
             );
         },
         saveProgress() {
-            saveQuote({ pageNameToLog: "part-questions" });
+            saveQuote({ pageNameToLog: "capability-questions" });
         },
         async forwardButtonAction() {
             const questionAnswersArray = this.questionsData.map((glass) => {
diff --git a/src/layouts/molding-questions/molding-questions.vue b/src/layouts/molding-questions/molding-questions.vue
index c054f0b35..c314d7225 100644
--- a/src/layouts/molding-questions/molding-questions.vue
+++ b/src/layouts/molding-questions/molding-questions.vue
@@ -160,7 +160,7 @@ export default {
             );
         },
         saveProgress() {
-            saveQuote({ pageNameToLog: "part-questions" });
+            saveQuote({ pageNameToLog: "molding-questions" });
         },
         async forwardButtonAction() {
             const questionAnswersArray = this.questionsData.map((glass) => {

From 88356a0aaa5e5a1088d44ee4f0a94933ac0c555c Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 13 Jan 2025 15:24:25 -0500
Subject: [PATCH 2/4] Style for green checkmark and alert.

---
 .../save-progress-modal-question.vue          | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
index dee45e242..420d0f9a8 100644
--- a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
+++ b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
@@ -105,7 +105,6 @@ export default {
 <style lang="scss" scoped>
 .save-progress-modal-question {
     order: 2;
-
     .btn-secondary {
         position: relative;
         background: $blue-100;
@@ -153,6 +152,27 @@ export default {
             transition: background 0s 0s ease-in-out;
         }
     }
+    :deep(.alert) {
+        border-radius: $border-radius-lg;
+        border: 1px solid $green;
+    }
+    :deep(.alert-heading) {
+        position: relative;
+        font-weight: 600;
+        font-size: 1rem;
+        color: $black;
+        text-align: left;
+        padding-left: 1.5rem;
+        &::before {
+            position: absolute;
+            content: "";
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%230C7E47' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm3.7 6.171-4.449 4.45a.559.559 0 0 1-.8 0l-2.16-2.16a.563.563 0 0 1 .792-.8l1.76 1.76 4.066-4.042a.563.563 0 1 1 .792.8v-.008Z'/%3E%3C/svg%3E");
+            width: 1rem;
+            height: 1rem;
+            top: 6px;
+            left: 0;
+        }
+    }
 }
 .applied-promo {
     font-size: 0.875rem;

From 72526efcf288d8c274e71a391b9c1d14f54bd8c1 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Mon, 13 Jan 2025 16:29:41 -0500
Subject: [PATCH 3/4] CASH-79: remove console log

---
 .../save-progress-modal-question.vue                            | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
index 420d0f9a8..dcbc5d76e 100644
--- a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
+++ b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
@@ -78,8 +78,6 @@ export default {
             this.modal.resetButtonStyle();
         },
         async saveProgress() {
-            console.log("Saving Progress! userInput is: ", this.userInput);
-
             // save email address to store
             await this.dispatchStoreAction(storeActions.SAVE_EMAIL, this.userInput, false);
 

From b3457512fad21bd7a2fb12ed9381d4c9c2734dfb Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Mon, 13 Jan 2025 17:10:54 -0500
Subject: [PATCH 4/4] CASH-79: add unit test files

---
 .../save-progress-modal-question.spec.js      | 51 +++++++++++++++++++
 .../save-progress-question.spec.js            | 40 +++++++++++++++
 2 files changed, 91 insertions(+)
 create mode 100644 src/fmg-components/save-progress-modal-question/save-progress-modal-question.spec.js
 create mode 100644 src/fmg-components/save-progress-modal-question/save-progress-question/save-progress-question.spec.js

diff --git a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.spec.js b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.spec.js
new file mode 100644
index 000000000..15fb1481d
--- /dev/null
+++ b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.spec.js
@@ -0,0 +1,51 @@
+import { mount, shallowMount } from "@vue/test-utils";
+import saveProgressModalQuestion from "./save-progress-modal-question";
+import { getMountOptions } from "@/helpers/unit-test-helper.js";
+
+jest.mock("@/digital-components/modal/modal", () => ({
+    methods: {
+        openModal: jest.fn(),
+        resetButtonStyle: jest.fn(),
+    },
+}));
+
+describe("save-progress-modal-question ", () => {
+    describe("when openModal is run ", () => {
+        test("the modal should open ", () => {
+            // Arrange
+            const { wrapper } = setupMocks({
+                props: {
+                    modelValue: "",
+                    modalWidgetName: "testModal",
+                },
+            });
+
+            // Act
+            wrapper.vm.openModal();
+
+            // Assert
+            expect(wrapper.vm.modal).not.toBeNull();
+        });
+    });
+});
+
+function setupMocks({ options, props }) {
+    const mountOptions = getMountOptions({
+        ...options,
+    });
+
+    const mockBaseMixin = {
+        methods: {
+            getCmsContent: jest.fn(),
+            dispatchStoreAction: jest.fn(),
+        },
+    };
+
+    if (props) mountOptions.propsData = props;
+
+    mountOptions.global.mixins = [mockBaseMixin];
+
+    const wrapper = mount(saveProgressModalQuestion, mountOptions);
+
+    return { wrapper };
+}
diff --git a/src/fmg-components/save-progress-modal-question/save-progress-question/save-progress-question.spec.js b/src/fmg-components/save-progress-modal-question/save-progress-question/save-progress-question.spec.js
new file mode 100644
index 000000000..7cc3d100c
--- /dev/null
+++ b/src/fmg-components/save-progress-modal-question/save-progress-question/save-progress-question.spec.js
@@ -0,0 +1,40 @@
+import { shallowMount } from "@vue/test-utils";
+import saveProgressQuestion from "./save-progress-question";
+
+describe("save-progress-question.vue", () => {
+    it("Should get the modelValue", async () => {
+        // Arrange
+        const text = "test";
+        const wrapper = shallowMount(saveProgressQuestion, {
+            props: {
+                modelValue: text,
+            },
+            attachTo: document.body,
+        });
+
+        // Act
+        const modelValueText = wrapper.vm.value;
+        wrapper.vm.value = "test also";
+
+        // Assert
+        expect(modelValueText).toEqual("test");
+    });
+
+    it("Should emit to set value", async () => {
+        // Arrange
+        const text = "test";
+        const wrapper = shallowMount(saveProgressQuestion, {
+            props: {
+                modelValue: text,
+            },
+            attachTo: document.body,
+        });
+
+        // Act
+        const modelValueText = wrapper.vm.value;
+        wrapper.vm.value = "test also";
+
+        // Assert
+        expect(wrapper.emitted("update:modelValue")).toEqual([["test also"]]);
+    });
+});