Added vehicle-protected-question unit tests

src/digital-components/modal/modal.spec.js

@@ -196,5 +196,4 @@ describe("modal.vue", () => {
         // Assert
         expect(hideMock).toHaveBeenCalled();
     });
-
 });

src/digital-components/text-block/text-block.spec.js

@@ -15,8 +15,8 @@ describe("modal.vue", () => {
         const wrapper = shallowMount(TextBlock, {
             mixins: [mockMixin],
             props: {
-                customText: "customText"
+                customText: "customText",
-            }
+            },
         });
 
         expect(wrapper.html()).toEqual(expect.stringContaining("customText"));
@@ -48,7 +48,6 @@ describe("modal.vue", () => {
         });
         expect(wrapper.html()).toEqual(expect.stringContaining(mockProps["fontWeight"]));
     });
-    
 });
 
 ///////////////

src/layouts/service-location/mobile-location-modal-questions/vehicle-protected-question/vehicle-protected-question.spec.js

@@ -0,0 +1,72 @@
+import { shallowMount } from "@vue/test-utils";
+import vehicleProtectedQuestion from "./vehicle-protected-question";
+
+jest.mock("@/digital-components/textbox-question/textbox-question", () => ({
+    getCmsContent: jest.fn(),
+}));
+
+const mockMixin = {
+    methods: {
+        getCmsContent: jest.fn((widgetName, cmsFieldName) => {
+            if (cmsFieldName === "Answers") {
+                return [
+                    {
+                        "AnswerImageUrl": "",
+                        "Name": "YesAnswer",
+                        "SubText": "",
+                        "SubWidgetName": "",
+                        "Text": "Yes"
+                    },
+                    {
+                        "AnswerImageUrl": "",
+                        "Name": "NoAnswer",
+                        "SubText": "",
+                        "SubWidgetName": "",
+                        "Text": "No"
+                    }
+                ]
+            }
+            return "QuestionText";
+        }),
+    },
+};
+
+describe("service-zip-question.vue", () => {
+    it("Should get the modelValue", async () => {
+        // Arrange
+        const answer = "YesAnswer";
+        const wrapper = shallowMount(vehicleProtectedQuestion, {
+            mixins: [mockMixin],
+            props: {
+                modelValue: answer,
+            },
+            attachTo: document.body,
+        });
+
+        // Act
+        const modelValueAnswer = wrapper.vm.selectedValue;
+
+        // Assert
+        expect(modelValueAnswer).toEqual(answer);
+
+    });
+
+    it("Should emit to set value", async () => {
+        // Arrange
+        const yesAnswer = "YesAnswer";
+        const noAnswer = "NoAnswer"
+        const wrapper = shallowMount(vehicleProtectedQuestion, {
+            mixins: [mockMixin],
+            props: {
+                modelValue: yesAnswer,
+            },
+            attachTo: document.body,
+        });
+
+        // Act
+        wrapper.vm.selectedValue = noAnswer;
+
+        // Assert
+        expect(wrapper.emitted("update:modelValue")).toEqual([[noAnswer]]);
+    });
+});

src/layouts/service-location/service-zip-modal-question/service-zip-question/service-zip-question.spec.js

@@ -14,7 +14,7 @@ describe("service-zip-question.vue", () => {
 
         // Act
         const modelValueText = wrapper.vm.value;
-        wrapper.vm.value = "test also"
+        wrapper.vm.value = "test also";
 
         // Assert
         expect(modelValueText).toEqual("test");
@@ -32,10 +32,9 @@ describe("service-zip-question.vue", () => {
 
         // Act
         const modelValueText = wrapper.vm.value;
-        wrapper.vm.value = "test also"
+        wrapper.vm.value = "test also";
 
         // Assert
         expect(wrapper.emitted("update:modelValue")).toEqual([["test also"]]);
-    })
+    });
-    
 });

src/ux-components/button-main/button-main.spec.js

@@ -91,7 +91,7 @@ describe("buttonMain.vue", () => {
         );
 
         wrapper.setData({
-            isLoaderDisplayed: true
+            isLoaderDisplayed: true,
         });
 
         // Act
@@ -116,7 +116,7 @@ describe("buttonMain.vue", () => {
         );
 
         wrapper.setData({
-            isLoaderDisplayed: true
+            isLoaderDisplayed: true,
         });
 
         // Act
@@ -125,7 +125,6 @@ describe("buttonMain.vue", () => {
 
         // Assert
         expect(wrapper.vm.isLoaderDisplayed).toBe(false);
-
     });
 
     it("Should emit 'click-event' event when clicking if the button is enabled", async () => {
@@ -136,12 +135,11 @@ describe("buttonMain.vue", () => {
                 props: {
                     loaderPosition: "right",
                     loaderEnabled: true,
-                    isDisabled: false
+                    isDisabled: false,
                 },
             })
         );
 
-
         const buttonElement = wrapper.find("button");
 
         // Act
@@ -151,7 +149,6 @@ describe("buttonMain.vue", () => {
 
         // Assert
         expect(wrapper.emitted("click-event")).toBeTruthy();
-
     });
 
     it("Should not emit 'click-event' event when clicking if the button is disabled", async () => {
@@ -162,7 +159,7 @@ describe("buttonMain.vue", () => {
                 props: {
                     loaderPosition: "right",
                     loaderEnabled: true,
-                    isDisabled: true
+                    isDisabled: true,
                 },
             })
         );
@@ -176,7 +173,6 @@ describe("buttonMain.vue", () => {
 
         // Assert
         expect(wrapper.emitted("click-event")).toBeFalsy();
-
     });
 });