display correct coverage statement unit tests

src/layouts/coverage-statement/coverage-statement.spec.js

@@ -5,10 +5,10 @@ import coverageStatement from "@/layouts/coverage-statement/coverage-statement.v
 import { shallowMount } from "@vue/test-utils";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 import { useMainStore } from "@/store";
-import baseFormMixin from "@/mixins/base-form-mixin";
+import baseMixin from "@/mixins/base-mixin";
 import vehicleQuestionsMixin from "@/mixins/vehicle-questions-mixin";
 import { applicationConfig } from "@/constants/application-config";
-//import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
+import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper.js";
 
 jest.mock("@/helpers/damage-helper", () => ({
@@ -20,62 +20,105 @@ jest.mock("@/helpers/layout-helper.js", () => ({
     settleAllPromises: jest.fn(),
 }));
 
-// // Mock fetchCmsContentForPage
+// Mock fetchCmsContentForPage
-// jest.mock("@/helpers/cms-content-helper", () => ({
+jest.mock("@/helpers/cms-content-helper", () => ({
-//     fetchCmsContentForPage: jest.fn(),
+    fetchCmsContentForPage: jest.fn(),
-// }));
+}));
 
 describe("coverage-statement.vue...", () => {
     describe("method arePagePrerequisitesValid...", () => {
-        test("Should return true for valid page requisites if carId exists", () => {
+        test("Should return true for valid page requisites if vin exists", () => {
             // Arrange
-            useMainStore().lineItems = { 
-                glassParts: 
-                [
-                    { 
-                        partNumber: "DQ12204GTYNOEM",
-                        requiresRecalibration: false,
-                    } 
-                ] 
-            };
-            useMainStore().vehicle = { carId: "TEST_CAR_ID" };
             const { wrapper } = setupMocks({});
             
-
             // Act
-            const result = wrapper.vm.arePagePrerequisitesValid();
+            let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
 
             //Assert
-            expect(result).toBe(true);
+            expect(arePagePrerequisitesValid).toBe(true);
-
-            wrapper.unmount();
         });
 
-        test("Should return false for valid page requisites if carId is missing", () => {
+        test("Should return false for valid page requisites if vin is missing", () => {
             // Arrange
-            useMainStore().lineItems = { 
-                glassParts: 
-                [
-                    { 
-                        partNumber: "DQ12204GTYNOEM",
-                        requiresRecalibration: false,
-                    } 
-                ] 
-            };
-            
             const { wrapper } = setupMocks({});
-
+            
-            useMainStore().vehicle = { carId: null };
+            useMainStore().order.vehicle.vin = null;
 
             // Act
-            const result = wrapper.vm.arePagePrerequisitesValid();
+            let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
 
             //Assert
-            expect(result).toBeFalsy();
+            expect(arePagePrerequisitesValid).toBe(false);
-
-            wrapper.unmount();
         });
     });
+    describe("navigation", () => {
+        // test("Vehicle has part questions, navigateBack triggers a router.navigate change with correct scenario", async () => {
+        //     //Arrange
+        //     const { wrapper } = setupMocks({
+        //         mountOptionsMockData: {
+        //             router: {
+        //                 navigate: jest.fn(),
+        //             },
+        //             route: {
+        //                 query: {
+        //                     issPage: "coverage-statement",
+        //                 },
+        //             },
+        //         },
+        //     });
+    
+        //     //Act
+        //     coverageStatement.beforeRouteEnter.call(
+        //         wrapper.vm,
+        //         { query: { issPage: "coverage-statement" } },
+        //         undefined,
+        //         (c) => c(wrapper.vm)
+        //     );
+    
+        //     wrapper.vm.navigateBack();
+    
+        //     //Assert
+        //     expect(wrapper.vm.$router.navigate).toHaveBeenCalledWith(
+        //         navigationScenarios.CLICKED_BACK_WITH_NO_VIN_NOR_QUESTIONS,
+        //         wrapper.vm.$route
+        //     );
+        // });
+    });
+    describe("display correct coverage statement", () => {
+        test("If damage is Repair, display NonADASRepair coverage statement", async () => {
+            // Arrange
+            const wrapper = shallowMount(coverageStatement, {
+                mixins: [mockMixin],
+            });
+
+            useMainStore().order.damage.isRepair = true;
+
+            // Assert
+            expect(wrapper.vm.unverifiedNonADASRepairBodyText).toEqual("NonADASRepairTestReturn");
+        })
+
+        test("If damage is NonADAS Replace, display NonADASReplace coverage statement", async () => {
+            // Arrange
+            const wrapper = shallowMount(coverageStatement, {
+                mixins: [mockMixin],
+            });
+
+            // Assert
+            expect(wrapper.vm.unverifiedNonADASNextStepsBodyText).toEqual("NonADASReplaceTestReturn");
+        })
+
+        test("If damage is ADAS Replace, display ADASReplace coverage statement", async () => {
+            // Arrange
+            const wrapper = shallowMount(coverageStatement, {
+                mixins: [mockMixin],
+            });
+
+            useMainStore().order.lineItems.requiresRecalibration = true;
+
+            // Assert
+            expect(wrapper.vm.unverifiedADASNextStepsBodyText).toEqual("ADASReplaceTestReturn");
+        })
+    })
 });
 
 const mockMixin = {
@@ -84,6 +127,9 @@ const mockMixin = {
             if (contentName === "UnverifiedADASNextStepsWidget") {
                 return "ADASReplaceTestReturn"
             }
+            else if (contentName === "UnverifiedNonADASRepairWidget") {
+                return "NonADASRepairTestReturn"
+            }
             else if (contentName === "UnverifiedNonADASNextStepsWidget") {
                 return "NonADASReplaceTestReturn"
             }
@@ -93,22 +139,30 @@ const mockMixin = {
 };
 
 function setupMocks({
-    cmsBodyText = "Body text goes here",
+pageHeaderWidgetHeaderText,
-    //pageHeaderWidgetHeaderText,
+// cmsPageContent = "CMS content goes here",
-    // mountOptionsMockData = {
+// unverifiedNonADASRepairBodyText = "repair body text",
-    //     router: {
-    //         navigate: jest.fn()
-    //     },
-    //     route: {
-    //         query: {
-    //             issPage: "coverage-statement",
-    //         }
-    //     }
-    // }
 }) {
+    //Mock api responses
+    const apiResponses = {
+        cmsContent: {
+            SiteSubHeaderWidget: pageHeaderWidgetHeaderText,
+            FunnelHeaderWidget: {
+                LogoImage:
+                    `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/logos/insuranceLogo.jpg`,
+            },
+            ColorQuestionWidget: "Please choose your rear window tint color",
+            FeatureQuestionWidget: "Ok no choose features",
+            AlertWidget: {
+                BodyText: "Please choose your tint color",
+                HeadlineText: "Just a few more steps to go",
+            },
+            unverifiedNonADASRepairBodyText: "Repair body text",
+        },
+    };
     useMainStore().order = {
         vehicle: {
-            carId: "TEST",
+            vin: "TESTVIN",
         },
         lineItems: {
             glassParts: [
@@ -129,67 +183,29 @@ function setupMocks({
             isRepair: false,
         }
     };
+
+    const apiPromise = Promise.resolve(apiResponses);
+
+    settleAllPromises.mockImplementation(() => apiPromise);
+    fetchCmsContentForPage.mockImplementation(() => Promise.resolve());
+
     const mountOptions = getMountOptions({
-        // ...mountOptionsMockData,
+        
-        // mixins: [baseFormMixin, vehicleQuestionsMixin],
     });
-    //mountOptions["attachTo"] = document.body;
 
-    // const apiResponses = {
+    mountOptions.mixins = [baseMixin, vehicleQuestionsMixin];
-    //     cmsContent: {
-    //         SiteHeaderWidget: {
-    //             LogoImage:
-    //                 `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/logos/insuranceLogo.jpg`,
-    //         },
-    //         SiteSubHeaderWidget: pageHeaderWidgetHeaderText,
-    //         verifyingCoverageStatement: "We're verifying your coverage",
-    //         continueWithSchedulingCopy: "Go ahead and continue with scheduling while we verify your coverage. We'll let you know what deductible amount, if any, applies.",
-    //         whatHappensNextCopy: "What happens next:",
-    //         UnverifiedADASNextStepsWidget: {
-    //             BodyText: "ADASReplace body text goes here",
-    //         },
-    //         UnverifiedNonADASNextStepsWidget: {
-    //             BodyText: "NonADASReplace body text goes here",
-    //         },
-    //         UnverifiedNonADASRepairWidget: {
-    //             BodyText: "NonADASRepair body text goes here",
-    //         },
-    //     },
-    // };
-
-
-    // const apiResponses = {
-    //     cmsContent: {},
-    // };
-
-    
-    mountOptions.mixins = [mockMixin];
-    //settleAllPromises.mockImplementation(() => apiResponses);
-    //fetchCmsContentForPage.mockImplementation(() => Promise.resolve());
     
     const wrapper = shallowMount(coverageStatement, mountOptions);
-
-    //Mock CMS content
-    const cmsContent = {
-        BodyText: cmsBodyText,
-        // UnverifiedADASNextStepsWidget: {
-        //     BodyText: "ADASReplace body text goes here",
-        // },
-        // UnverifiedNonADASNextStepsWidget: {
-        //     BodyText: "NonADASReplace body text goes here",
-        // },
-        // UnverifiedNonADASRepairWidget: {
-        //     BodyText: "NonADASRepair body text goes here",
-        // },
-    };
-
-    //wrapper.vm.getCmsContent = jest.fn().mockImplementation(() => "");
-    //wrapper.vm.setCmsContent = jest.fn();
     
-    return { wrapper, cmsContent };
+    wrapper.vm.setCmsContent = baseMixin.methods.setCmsContent;
-
 
+    // //Mock CMS content
+    // const cmsContent = {
+    //     PageContent: cmsPageContent,
+    //     NonADASRepairBodyText: unverifiedNonADASRepairBodyText,
+    // };
 
+    return { wrapper };
 
 }
 

src/layouts/coverage-statement/coverage-statement.vue

@@ -84,16 +84,16 @@ export default {
       }
     },
     continueWithSchedulingBodyText() {
-      return this.getCmsContent('continueWithSchedulingCopy', 'BodyText');
+      return this.getCmsContent("continueWithSchedulingCopy", "BodyText");
     },
     unverifiedADASNextStepsBodyText() {
-      return this.getCmsContent('UnverifiedADASNextStepsWidget', 'BodyText').replaceAll("{custom:damage}", this.damageText);
+      return this.getCmsContent("UnverifiedADASNextStepsWidget", "BodyText").replaceAll("{custom:damage}", this.damageText);
     },
     unverifiedNonADASNextStepsBodyText() {
-      return this.getCmsContent('UnverifiedNonADASNextStepsWidget', 'BodyText').replaceAll("{custom:damage}", this.damageText);
+      return this.getCmsContent("UnverifiedNonADASNextStepsWidget", "BodyText").replaceAll("{custom:damage}", this.damageText);
     },
     unverifiedNonADASRepairBodyText() {
-      return this.getCmsContent('UnverifiedNonADASRepairWidget', 'BodyText');
+      return this.getCmsContent("UnverifiedNonADASRepairWidget", "BodyText");
     },
     damageText() {
     var damageString = getDamageString();
@@ -120,7 +120,7 @@ export default {
   },
   methods: {
     arePagePrerequisitesValid() {
-      if (useMainStore().order.vehicle.carId) {
+      if (useMainStore().order.vehicle.vin) {
         return true;
       }
         return false;