Updated existing unit tests

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

@@ -92,7 +92,7 @@ describe("modal.vue", () => {
         wrapper.vm.resetButtonStyle = resetButtonStyle;
 
         // Act
-        const buttonMain = wrapper.findComponent({ ref: "buttonMain" });
+        const buttonMain = wrapper.findComponent({ ref: "modalButtonMain" });
         await buttonMain.trigger("click-event");
 
         // Assert
@@ -124,7 +124,7 @@ describe("modal.vue", () => {
         wrapper.vm.resetButtonStyle = resetButtonStyle;
 
         // Act
-        const buttonMain = wrapper.findComponent({ ref: "buttonMain" });
+        const buttonMain = wrapper.findComponent({ ref: "modalButtonMain" });
         await buttonMain.trigger("click-event");
 
         // Assert

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

@@ -110,12 +110,26 @@ const mockGetPricedMobileFeePart = (mockServiceZipCode) => {
     return Promise.resolve(mobileFeePart);
 };
 
+const mockGetServiceabilityDetails = (mockServiceZipCode) => {
+    const serviceabilityDetails = {
+        isGlassServiceableInshop: true,
+        isRecalibrationServiceableInshop: true,
+        isGlassServiceableMobile: true,
+        isRecalibrationServiceableMobile: true,
+    };
+
+    return Promise.resolve(serviceabilityDetails);
+};
+
 jest.mock(
     "@/layouts/service-location/helpers/service-location-helper/service-location-helper",
     () => ({
         getPricedMobileFeePart: jest.fn((mockServiceZipCode) => {
             return mockGetPricedMobileFeePart(mockServiceZipCode);
         }),
+        getServiceabilityDetails: jest.fn((mockServiceZipCode) => {
+            return mockGetServiceabilityDetails(mockServiceZipCode);
+        }),
     })
 );
 

src/layouts/service-location/service-location.spec.js

@@ -32,12 +32,26 @@ const mockGetPricedMobileFeePart = (mockServiceZipCode) => {
     return Promise.resolve(mobileFeePart);
 };
 
+const mockGetServiceabilityDetails = (mockServiceZipCode) => {
+    const serviceabilityDetails = {
+        isGlassServiceableInshop: true,
+        isRecalibrationServiceableInshop: true,
+        isGlassServiceableMobile: true,
+        isRecalibrationServiceableMobile: true,
+    };
+
+    return Promise.resolve(serviceabilityDetails);
+};
+
 jest.mock(
     "@/layouts/service-location/helpers/service-location-helper/service-location-helper",
     () => ({
         getPricedMobileFeePart: jest.fn((mockServiceZipCode) => {
             return mockGetPricedMobileFeePart(mockServiceZipCode);
         }),
+        getServiceabilityDetails: jest.fn((mockServiceZipCode) => {
+            return mockGetServiceabilityDetails(mockServiceZipCode);
+        }),
     })
 );
 

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

@@ -33,12 +33,26 @@ const mockGetPricedMobileFeePart = (mockServiceZipCode) => {
     return Promise.resolve(mobileFeePart);
 };
 
+const mockGetServiceabilityDetails = (mockServiceZipCode) => {
+    const serviceabilityDetails = {
+        isGlassServiceableInshop: true,
+        isRecalibrationServiceableInshop: true,
+        isGlassServiceableMobile: true,
+        isRecalibrationServiceableMobile: true,
+    };
+
+    return Promise.resolve(serviceabilityDetails);
+};
+
 jest.mock(
     "@/layouts/service-location/helpers/service-location-helper/service-location-helper",
     () => ({
         getPricedMobileFeePart: jest.fn((mockServiceZipCode) => {
             return mockGetPricedMobileFeePart(mockServiceZipCode);
         }),
+        getServiceabilityDetails: jest.fn((mockServiceZipCode) => {
+            return mockGetServiceabilityDetails(mockServiceZipCode);
+        }),
     })
 );
 

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

@@ -1,21 +1,21 @@
 import { shallowMount } from "@vue/test-utils";
-import buttonMain from "./button-main";
+import modalButtonMain from "./modal-button-main";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 import { nextTick } from "vue";
 
-describe("buttonMain.vue", () => {
+describe("modal-button-main.vue", () => {
     it("Should return btn-primary class", () => {
         // Arrange/Act
         const wrapper = shallowMount(
-            buttonMain,
+            modalButtonMain,
             setupMocks({
-                props: {
+                propsData: {
                     isPrimary: true,
                 },
             })
         );
         const button = wrapper.find("button");
-
+        
         // Assert
         expect(button.attributes("class")).toContain("btn-primary");
     });
@@ -23,9 +23,9 @@ describe("buttonMain.vue", () => {
     it("Should return aria-disabled state", () => {
         // Arrange/Act
         const wrapper = shallowMount(
-            buttonMain,
+            modalButtonMain,
             setupMocks({
-                props: {
+                propsData: {
                     isDisabled: true,
                 },
             })
@@ -39,9 +39,9 @@ describe("buttonMain.vue", () => {
     it("Should return loader color", async () => {
         // Arrange
         const wrapper = shallowMount(
-            buttonMain,
+            modalButtonMain,
             setupMocks({
-                props: {
+                propsData: {
                     loaderColor: "blue",
                     loaderEnabled: true,
                 },
@@ -60,9 +60,9 @@ describe("buttonMain.vue", () => {
     it("Should return loader position", async () => {
         // Arrange
         const wrapper = shallowMount(
-            buttonMain,
+            modalButtonMain,
             setupMocks({
-                props: {
+                propsData: {
                     loaderPosition: "right",
                     loaderEnabled: true,
                 },
@@ -81,9 +81,9 @@ describe("buttonMain.vue", () => {
     it("Should set 'isLoaderDisplayed' to false when calling 'removeLoader'", async () => {
         // Arrange
         const wrapper = shallowMount(
-            buttonMain,
+            modalButtonMain,
             setupMocks({
-                props: {
+                propsData: {
                     loaderPosition: "right",
                     loaderEnabled: true,
                 },
@@ -106,9 +106,9 @@ describe("buttonMain.vue", () => {
     it("Should set 'isLoaderDisplayed' to false when calling 'resetButtonStyle'", async () => {
         // Arrange
         const wrapper = shallowMount(
-            buttonMain,
+            modalButtonMain,
             setupMocks({
-                props: {
+                propsData: {
                     loaderPosition: "right",
                     loaderEnabled: true,
                 },
@@ -130,9 +130,9 @@ describe("buttonMain.vue", () => {
     it("Should emit 'click-event' event when clicking if the button is enabled", async () => {
         // Arrange
         const wrapper = shallowMount(
-            buttonMain,
+            modalButtonMain,
             setupMocks({
-                props: {
+                propsData: {
                     loaderPosition: "right",
                     loaderEnabled: true,
                     isDisabled: false,
@@ -154,9 +154,9 @@ describe("buttonMain.vue", () => {
     it("Should not emit 'click-event' event when clicking if the button is disabled", async () => {
         // Arrange
         const wrapper = shallowMount(
-            buttonMain,
+            modalButtonMain,
             setupMocks({
-                props: {
+                propsData: {
                     loaderPosition: "right",
                     loaderEnabled: true,
                     isDisabled: true,