From 0a4ffee4478fd0b683261abeb6a252e3f6e2be3d Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Thu, 29 Sep 2022 07:36:30 -0400
Subject: [PATCH 1/2] CSR-726 | Cash or Insurance Toggle

Unit Tests
Default selection logic
Fix for list-button-horizontal
---
 .../cash-or-insurance-question.spec.js        | 57 +++++++++++++++++++
 .../cash-or-insurance-question.vue            |  8 ++-
 src/layouts/quote/quote.vue                   | 30 +++++++++-
 .../list-button-horizontal.vue                |  2 +-
 4 files changed, 93 insertions(+), 4 deletions(-)
 create mode 100644 src/layouts/quote/cash-or-insurance-question/cash-or-insurance-question.spec.js

diff --git a/src/layouts/quote/cash-or-insurance-question/cash-or-insurance-question.spec.js b/src/layouts/quote/cash-or-insurance-question/cash-or-insurance-question.spec.js
new file mode 100644
index 000000000..7dbe32604
--- /dev/null
+++ b/src/layouts/quote/cash-or-insurance-question/cash-or-insurance-question.spec.js
@@ -0,0 +1,57 @@
+import { shallowMount } from "@vue/test-utils";
+import CashOrInsuranceQuestion from "./cash-or-insurance-question";
+
+
+describe("cash-or-insurance-question.vue", () => {
+    it("Should emit a false boolean value when selectedValues is 'CashAnswer' (update:modelValue)", async () => {
+        
+        //Arrange
+        const wrapper = shallowMount(CashOrInsuranceQuestion, {
+            propsData: mockProps,
+            mixins: [mockMixin]
+        });
+
+        //Act
+        wrapper.vm.selectedValues = "CashAnswer";
+        await wrapper.vm.$nextTick();
+
+        //Assert
+        expect(wrapper.emitted()["update:modelValue"][0]).toEqual([false]);
+        expect(typeof wrapper.emitted()["update:modelValue"][0][0]).toBe("boolean");
+    });
+    it("Should return 'CashAnswer' from selectedValues when modelValue is set to false", async () => {
+
+        //Arrange
+        const wrapper = shallowMount(CashOrInsuranceQuestion, {
+            propsData: mockProps,
+            mixins: [mockMixin]
+        });
+
+        //Act
+        wrapper.setProps({modelValue : false});
+        await wrapper.vm.$nextTick();
+
+        //Assert
+        expect(wrapper.vm.selectedValues).toBe("CashAnswer");
+    });
+});
+
+                        ///////////////
+                        // Constants //
+                        ///////////////
+
+const mockMixin = {
+  methods: {
+    getCmsContent: jest.fn((widgetName, cmsFieldName) => {
+        return mockCmsContent[cmsFieldName];
+    })
+  }
+}
+
+const mockProps = {
+    modelValue: true,
+}
+
+const mockCmsContent = {
+    'Text': "Sample text here.",
+}
diff --git a/src/layouts/quote/cash-or-insurance-question/cash-or-insurance-question.vue b/src/layouts/quote/cash-or-insurance-question/cash-or-insurance-question.vue
index b2431406d..f745e8443 100644
--- a/src/layouts/quote/cash-or-insurance-question/cash-or-insurance-question.vue
+++ b/src/layouts/quote/cash-or-insurance-question/cash-or-insurance-question.vue
@@ -14,6 +14,9 @@
 <script>
 import buttonQuestion from "@/common-components/button-question/button-question";
 
+const cashAnswer = "CashAnswer";
+const insuranceAnswer = "InsuranceAnswer";
+
 export default ({
     name: "cashOrInsuranceQuestion",
     props: {               
@@ -23,17 +26,18 @@ export default ({
     },
     computed: {
         answersFromCms(){
+            //console.log(JSON.parse(JSON.stringify(this.getCmsContent(this.cmsWidgetName, 'Answers'))));
             return this.getCmsContent(this.cmsWidgetName, 'Answers');
         },
         selectedValues: {
             get: function() {
                 // Convert to CMS answer name from bool
-                var cmsAnswerValue = this.modelValue ? "InsuranceAnswer" : "CashAnswer";
+                var cmsAnswerValue = this.modelValue ? insuranceAnswer : cashAnswer;
                 return cmsAnswerValue;
             },
             set: function(newValue) {
                 // Convert back to bool for parent component
-                this.$emit("update:modelValue", newValue === "InsuranceAnswer");
+                this.$emit("update:modelValue", newValue === insuranceAnswer);
             }
         },
     },
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index c5779a7f2..b7fa93080 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -133,19 +133,43 @@ export default {
     // Call APIs
     const cmsContent = await fetchCmsContentForPage(to.query.fmgPage);
 
+    // TODOS - modify as needed, just a rough sketch to place initializations
+
+    // get supporting lineitems
+
+    // get wiper and rain defense lineitems
+
+    // Settle promises and get results
+
+    // get price of supporting, rain defense & wipers, and parts
+
+    // Settle pricing promise and get results
+
+
     // Call the "next" function to complete the transition to this page.
     next((vm) => {
       vm.setCmsContent(cmsContent);
+      vm.isInsurance = vm.getDefaultIsInsuranceValue();
     });
   },
   data(){
     return {
-      isInsurance: false,
+      cashOrInsuranceThreshhold: 600,
+      pricingRequestResult: null,
+      isInsurance: null,
     }
   },
   methods: {
     arePagePrerequisitesValid() {
       return store.getters.order.damage.isRepair || (store.getters.order.lineItems?.glassParts != null && store.getters.order.lineItems.glassParts.length > 0);
+    },
+    getDefaultIsInsuranceValue() {
+      var defaultIsInsuranceValue = this.$store.getters.order.payment.isInsurance;
+      if(defaultIsInsuranceValue != null) {
+        return defaultIsInsuranceValue;
+      } else {
+        return this.economyPackagePrice > this.cashOrInsuranceThreshhold;
+      }
     }
   },
   computed: {
@@ -155,6 +179,10 @@ export default {
     answersFromCms() {
       return ["Pay on my own", "Pay with insurance"];
     },
+    economyPackagePrice() {
+      //TODO build out the pricing logic CSR-504
+      return 0;
+    },
     selectedChipCountValues: {
       get: function() {
         return this.modelValue;
diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.vue b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
index 79228bcc3..b9d11d098 100644
--- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue
+++ b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
@@ -85,7 +85,7 @@ export default {
         : this.selectedValues[0] == this.value;
     }
     else {
-      this.checkValue = this.selectedValues;
+      this.checkValue = this.selectedValues === this.value;
     }
   },
   methods: {

From 9962d61fc7130ee180645667b411a2a7dda29a07 Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Thu, 29 Sep 2022 07:40:05 -0400
Subject: [PATCH 2/2] CSR-726 | Update list-button-horizontal tests

Checkvalue now should be false instead of undefined
---
 .../list-button-horizontal/list-button-horizontal.spec.js       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.spec.js b/src/ux-components/list-button-horizontal/list-button-horizontal.spec.js
index f55ba2b94..db439af75 100644
--- a/src/ux-components/list-button-horizontal/list-button-horizontal.spec.js
+++ b/src/ux-components/list-button-horizontal/list-button-horizontal.spec.js
@@ -194,7 +194,7 @@ describe("list-button-horizontal.vue", () => {
     });
     wrapper.vm.handleCheckChange();
     // Assert
-    expect(wrapper.emitted()["isCheckedChanged"][0]).toEqual([{value: "List Card Checkbox", checkValue: Boolean, buttonId: undefined, checkValue: undefined}]);
+    expect(wrapper.emitted()["isCheckedChanged"][0]).toEqual([{value: "List Card Checkbox", checkValue: Boolean, buttonId: undefined, checkValue: false}]);
   });
 
   it("Should set checkValue data if selectedButtonIDs has value(s)", async () => {