154 lines
4.2 KiB
JavaScript
154 lines
4.2 KiB
JavaScript
// Supporting Files
|
|
import { shallowMount } from "@vue/test-utils";
|
|
import { settleAllPromises } from "@/helpers/layout-helper.js";
|
|
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
|
import baseMixin from "@/mixins/base-mixin.js";
|
|
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
|
import { nextTick } from "vue";
|
|
import { useMainStore } from "@/store";
|
|
import { applicationConfig } from "@/constants/application-config";
|
|
|
|
// Components
|
|
import vehicleMake from "@/layouts/vehicle-make/vehicle-make.vue";
|
|
import makeQuestion from "@/layouts/vehicle-make/make-question/make-question";
|
|
|
|
// Mock fetchCmsContentForPage
|
|
jest.mock("@/helpers/cms-content-helper", () => ({
|
|
fetchCmsContentForPage: jest.fn(),
|
|
}));
|
|
|
|
// Mock our module for promises.
|
|
jest.mock("@/helpers/layout-helper.js", () => ({
|
|
settleAllPromises: jest.fn(),
|
|
}));
|
|
|
|
describe("vehicle-make.vue", () => {
|
|
|
|
test("Make question component is initized with api data", async () => {
|
|
//Arrange
|
|
const makeQuestionInitialData = ["honda", "ford", "dodge"];
|
|
const { wrapper, apiPromise } = setupMocks({
|
|
makeQuestionInitialData: makeQuestionInitialData,
|
|
});
|
|
|
|
//Act
|
|
vehicleMake.beforeRouteEnter.call(
|
|
wrapper.vm,
|
|
{ query: { issPage: "vehicle-make" } },
|
|
undefined,
|
|
(c) => c(wrapper.vm)
|
|
);
|
|
|
|
//Assert
|
|
return apiPromise.finally(() => {
|
|
try {
|
|
expect(makeQuestion.methods.initializeComponent).toHaveBeenCalledWith(
|
|
makeQuestionInitialData
|
|
);
|
|
}
|
|
catch (e) {
|
|
throw e
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
test("BackButtonAction triggers a router.navigate change", async () => {
|
|
//Arrange
|
|
const { wrapper, apiPromise } = setupMocks({
|
|
pageHeaderWidgetHeaderText: "Select a make to get started",
|
|
mountOptionsMockData: {
|
|
router: {
|
|
navigate: jest.fn(),
|
|
},
|
|
},
|
|
});
|
|
|
|
//Act
|
|
vehicleMake.beforeRouteEnter.call(
|
|
wrapper.vm,
|
|
{ query: { issPage: "vehicle-make" } },
|
|
undefined,
|
|
(c) => c(wrapper.vm)
|
|
);
|
|
wrapper.vm.backButtonAction();
|
|
await nextTick();
|
|
|
|
//Assert
|
|
return apiPromise.finally(() => {
|
|
try {
|
|
expect(wrapper.vm.$router.navigate).toHaveBeenCalled();
|
|
}
|
|
catch (e) {
|
|
throw e
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
test("Year set, arePagePrerequisitesValid should be true ", () => {
|
|
//Arrange
|
|
const { wrapper } = setupMocks({});
|
|
useMainStore().order.vehicle.year = 2001;
|
|
|
|
//Act
|
|
vehicleMake.beforeRouteEnter.call(
|
|
wrapper.vm,
|
|
{ query: { issPage: "vehicle-make" } },
|
|
undefined,
|
|
(c) => c(wrapper.vm)
|
|
);
|
|
|
|
let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
|
|
|
|
//Assert
|
|
expect(arePagePrerequisitesValid).toBe(true);
|
|
});
|
|
|
|
});
|
|
|
|
function setupMocks({
|
|
vehicleMakeQuestionCmsContent = {},
|
|
makeQuestionInitialData = {},
|
|
pageHeaderWidgetHeaderText = {},
|
|
mountOptionsMockData = {},
|
|
}) {
|
|
//Mock api responses
|
|
const apiResponses = {
|
|
cmsContent: {
|
|
SiteSubHeaderWidget: pageHeaderWidgetHeaderText,
|
|
VehicleMakeQuestion: vehicleMakeQuestionCmsContent,
|
|
VehicleBannerWidget: {
|
|
GenericVehicleImage:
|
|
`${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/blurred-image.jpg`,
|
|
},
|
|
SiteHeaderWidget: {
|
|
LogoImage:
|
|
`${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/logos/insuranceLogo.jpg`,
|
|
},
|
|
},
|
|
makeQuestionInitialData: makeQuestionInitialData,
|
|
};
|
|
|
|
const apiPromise = Promise.resolve(apiResponses);
|
|
|
|
settleAllPromises.mockImplementation(() => apiPromise);
|
|
fetchCmsContentForPage.mockImplementation(() => Promise.resolve());
|
|
|
|
//Mock make question methods
|
|
makeQuestion.methods = {
|
|
loadInitialData: jest.fn(),
|
|
initializeComponent: jest.fn(),
|
|
};
|
|
|
|
const mountOptions = getMountOptions(mountOptionsMockData);
|
|
const wrapper = shallowMount(vehicleMake, mountOptions);
|
|
|
|
const makeQuestionWrapper = wrapper.findComponent({ name: "makeQuestion" });
|
|
makeQuestionWrapper.vm.initializeComponent =
|
|
makeQuestion.methods.initializeComponent;
|
|
|
|
wrapper.vm.setCmsContent = baseMixin.methods.setCmsContent;
|
|
|
|
return { wrapper, apiPromise };
|
|
}
|