94 lines
No EOL
3.2 KiB
JavaScript
94 lines
No EOL
3.2 KiB
JavaScript
import { shallowMount, flushPromises } from "@vue/test-utils";
|
|
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
|
import vehicleMake from "@/layouts/vehicle-make/vehicle-make.vue";
|
|
import makeQuestion from "@/layouts/vehicle-make/make-question/make-question";
|
|
import { settleAllPromises } from "@/helpers/layout-helper.js";
|
|
import { nextTick } from "vue";
|
|
|
|
// 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 (done) => {
|
|
|
|
//Arange
|
|
const radioQuestionCmsContent = { QuestionText: "What make is your vehicle?" };
|
|
const makeQuestionInitialData = ["honda", "ford", "dodge"];
|
|
const { wrapper, apiPromise } = setupMocks( {
|
|
radioQuestionCmsContent: radioQuestionCmsContent,
|
|
makeQuestionInitialData: makeQuestionInitialData,
|
|
} );
|
|
|
|
//Act
|
|
vehicleMake.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-make" } }, undefined, (c) => c(wrapper.vm));
|
|
|
|
//Assert
|
|
apiPromise.finally(() => {
|
|
expect(makeQuestion.methods.initializeComponent).toHaveBeenCalledWith(radioQuestionCmsContent, makeQuestionInitialData);
|
|
done();
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("vehicle-make.vue", () => {
|
|
test("Page header is passed data from CMS", async (done) => {
|
|
|
|
//Arange
|
|
const { wrapper, apiPromise } = setupMocks( { pageHeaderWidgetHeaderText: "Select a make to get started" });
|
|
|
|
//Act
|
|
vehicleMake.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-make" } }, undefined, (c) => c(wrapper.vm));
|
|
|
|
//Assert
|
|
const header = await wrapper.find(".Header");
|
|
apiPromise.finally(() => {
|
|
console.log(header)
|
|
expect(header.attributes("text")).toEqual("Select a make to get started");
|
|
done();
|
|
});
|
|
});
|
|
});
|
|
|
|
function setupMocks({
|
|
radioQuestionCmsContent = {},
|
|
makeQuestionInitialData = {},
|
|
pageHeaderWidgetHeaderText = {},
|
|
}) {
|
|
|
|
//Mock api responses
|
|
const apiResponses = {
|
|
cmsContent: {
|
|
PageHeaderWidget: [{ HeaderText: pageHeaderWidgetHeaderText }],
|
|
RadioQuestionWidget: [radioQuestionCmsContent],
|
|
VehicleBannerWidget: [
|
|
{
|
|
GenericVehicleImage:
|
|
"https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3",
|
|
},
|
|
],
|
|
SiteHeaderWidget: [
|
|
{
|
|
LogoImage:
|
|
"https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3",
|
|
},
|
|
],
|
|
},
|
|
makeQuestionInitialData: makeQuestionInitialData,
|
|
};
|
|
const apiPromise = Promise.resolve(apiResponses);
|
|
settleAllPromises.mockImplementation(() => apiPromise);
|
|
|
|
//Mock make question methods
|
|
makeQuestion.methods = {
|
|
loadInitialData: jest.fn(),
|
|
initializeComponent: jest.fn(),
|
|
};
|
|
const mountOptions = getMountOptions({ });
|
|
const wrapper = shallowMount(vehicleMake, mountOptions);
|
|
const makeQuestionWrapper = wrapper.findComponent({ name: "makeQuestion" });
|
|
makeQuestionWrapper.vm.initializeComponent = makeQuestion.methods.initializeComponent;
|
|
|
|
return { wrapper, apiPromise };
|
|
} |