Unit tests for time slots

src/layouts/schedule/schedule.spec.js

@@ -0,0 +1,228 @@
+import { shallowMount } from "@vue/test-utils";
+import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import { applicationConfig } from "@/constants/application-config";
+import { storeActions } from "@/constants/store-actions";
+import schedule from "@/layouts/schedule/schedule.vue";
+import store from "@/store";
+import * as navigateToHeritage from "@/helpers/heritage-integration/navigation-helper";
+import { nextTick } from "vue";
+
+jest.mock("@/store", () => ({
+    commit: jest.fn(),
+    dispatch: jest.fn(),
+}));
+
+// Mock fetchCmsContentForPage
+jest.mock("@/helpers/cms-content-helper", () => ({
+    fetchCmsContentForPage: () => Promise.resolve("content"),
+    splitCopyOnCMSPlaceHolder: jest.fn(() => ["A", "B"]),
+}));
+
+jest.mock(
+    "@/store",
+    () => {
+        return {};
+    },
+    { virtual: true }
+);
+
+store.getters = {
+    order: {
+        schedule: {
+            date: "2020-01-01",
+        },
+        lineItems: {
+            glassParts: [],
+            supportingItems: [],
+        },
+        serviceLocation: {
+            appointmentType: "Inshop",
+        },
+    },
+    lineItems: {
+        glassParts: [],
+        supportingItems: [],
+    },
+};
+
+describe("schedule.vue", () => {
+    test("Should navigateWithoutSaving", async () => {
+        //Arrange
+        const { wrapper } = setupMocks({
+            customMountOptions: {
+                router: {
+                    navigateWithoutSaving: jest.fn(),
+                },
+                route: { schedule },
+            },
+        });
+
+        wrapper.vm.dispatchStoreAction = jest.fn(() => {
+            return {
+                data: [],
+            };
+        });
+
+        //Act
+        await wrapper.vm.forwardButtonAction();
+
+        //Assert
+        expect(wrapper.vm.$router.navigateWithoutSaving).toHaveBeenCalled();
+    });
+    test("should pass arePagePrerequisitesValid with a mobile order and no providerNumber", () => {
+        //Arrange
+        const { wrapper } = setupMocks({});
+        store.getters = {
+            order: {
+                schedule: {
+                    date: "2020-01-01",
+                },
+                serviceLocation: {
+                    zipCode: "12345",
+                    zipCodeCtu: "value",
+                    appointmentType: "Mobile",
+                },
+                damage: {
+                    isRepair: true,
+                },
+                referralNumber: "1234567",
+            },
+            payment: {
+                isInsurance: true,
+            },
+            lineItems: {
+                supportingItems: [],
+            },
+        };
+
+        let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
+
+        expect(arePagePrerequisitesValid).toBe(true);
+    });
+    test("should pass arePagePrerequisitesValid with a inshop order and providerNumber", () => {
+        //Arrange
+        const { wrapper } = setupMocks({});
+        store.getters = {
+            order: {
+                schedule: {
+                    date: "2020-01-01",
+                },
+                serviceLocation: {
+                    zipCode: "12345",
+                    zipCodeCtu: "value",
+                    appointmentType: "Inshop",
+                    provider: {
+                        providerNumber: "5",
+                    },
+                },
+                damage: {
+                    isRepair: true,
+                },
+                referralNumber: "1234567",
+            },
+            payment: {
+                isInsurance: true,
+            },
+            lineItems: {
+                supportingItems: [],
+            },
+        };
+
+        let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
+
+        expect(arePagePrerequisitesValid).toBe(true);
+    });
+    test("should fail arePagePrerequisitesValid with a replace with no glass parts", () => {
+        //Arrange
+        const { wrapper } = setupMocks({});
+        store.getters = {
+            order: {
+                schedule: {
+                    date: "2020-01-01",
+                },
+                serviceLocation: {
+                    zipCode: "12345",
+                    zipCodeCtu: "value",
+                    appointmentType: "Inshop",
+                    provider: {
+                        providerNumber: "5",
+                    },
+                },
+                damage: {
+                    isRepair: false,
+                },
+                referralNumber: "1234567",
+            },
+            payment: {
+                isInsurance: true,
+            },
+            lineItems: {
+                supportingItems: [],
+                glassParts: [],
+            },
+        };
+
+        let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
+
+        expect(arePagePrerequisitesValid).toBe(false);
+    });
+    test("should fail arePagePrerequisitesValid without isInsurance", () => {
+        //Arrange
+        const { wrapper } = setupMocks({});
+        store.getters = {
+            order: {
+                schedule: {
+                    date: "2020-01-01",
+                },
+                serviceLocation: {
+                    zipCode: "12345",
+                    zipCodeCtu: "value",
+                    appointmentType: "Inshop",
+                    provider: {
+                        providerNumber: "5",
+                    },
+                },
+                damage: {
+                    isRepair: true,
+                },
+                referralNumber: "1234567",
+            },
+            payment: {
+                isInsurance: null,
+            },
+            lineItems: {
+                supportingItems: [],
+                glassParts: [],
+            },
+        };
+
+        let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
+
+        expect(arePagePrerequisitesValid).toBe(false);
+    });
+});
+
+const mockCmsContent = {};
+
+function setupMocks({ customMountOptions }) {
+    const mountOptions = getMountOptions({
+        ...customMountOptions,
+    });
+
+    mountOptions.global.mocks["$store"] = store;
+    mountOptions["attachTo"] = document.body;
+    mountOptions.mixins = [
+        {
+            methods: {
+                getCmsContent: jest.fn().mockImplementation((widgetName, fieldName) => {
+                    if (mockCmsContent[widgetName] && mockCmsContent[widgetName][fieldName])
+                        return mockCmsContent[widgetName][fieldName];
+                }),
+            },
+        },
+    ];
+
+    const wrapper = shallowMount(schedule, mountOptions);
+    wrapper.vm.setCmsContent = jest.fn();
+    return { wrapper };
+}