diff --git a/src/layouts/vehicle-make/vehicle-make.spec.js b/src/layouts/vehicle-make/vehicle-make.spec.js index 7f68c1b23..c5ec3cba9 100644 --- a/src/layouts/vehicle-make/vehicle-make.spec.js +++ b/src/layouts/vehicle-make/vehicle-make.spec.js @@ -5,7 +5,7 @@ import { settleAllPromises } from "@/helpers/layout-helper.js"; import { nextTick } from "vue"; import { fetchCmsContentForPage } from "@/helpers/cms-content-helper"; import baseMixin from "@/mixins/base-mixin.js"; -import analyticsMixIn from "@/mixins/analytics-mixin.js"; + // Components import vehicleMake from "@/layouts/vehicle-make/vehicle-make.vue"; import makeQuestion from "@/layouts/vehicle-make/make-question/make-question"; @@ -30,88 +30,83 @@ jest.mock("@/helpers/layout-helper.js", () => ({ settleAllPromises: jest.fn(), })); -test.todo("Removed for merging") -// describe("vehicle-make.vue", () => { -// // test("Make question component is initized with api data", async (done) => { -// // //Arrange -// // const makeQuestionInitialData = ["honda", "ford", "dodge"]; -// // const { wrapper, apiPromise } = setupMocks({ -// // makeQuestionInitialData: makeQuestionInitialData, -// // }); +describe("vehicle-make.vue", () => { + test("Make question component is initized with api data", async (done) => { + //Arrange + const makeQuestionInitialData = ["honda", "ford", "dodge"]; + const { wrapper, apiPromise } = setupMocks({ + makeQuestionInitialData: makeQuestionInitialData, + }); -// // //Act -// // vehicleMake.beforeRouteEnter.call( -// // wrapper.vm, -// // { query: { fmgPage: "vehicle-make" } }, -// // undefined, -// // (c) => c(wrapper.vm) -// // ); + //Act + vehicleMake.beforeRouteEnter.call( + wrapper.vm, + { query: { fmgPage: "vehicle-make" } }, + undefined, + (c) => c(wrapper.vm) + ); -// // //Assert -// // apiPromise.finally(() => { -// // expect(makeQuestion.methods.initializeComponent).toHaveBeenCalledWith( -// // makeQuestionInitialData -// // ); -// // done(); -// // }); -// // }); -// }); + //Assert + apiPromise.finally(() => { + expect(makeQuestion.methods.initializeComponent).toHaveBeenCalledWith( + makeQuestionInitialData + ); + done(); + }); + }); +}); -// describe("vehicle-make.vue", () => { -// // test("BackButtonAction triggers a router.navigateWithoutSaving change", async (done) => { -// // //Arrange -// // const { wrapper, apiPromise } = setupMocks({ -// // pageHeaderWidgetHeaderText: "Select a make to get started", -// // mountOptionsMockData: { -// // router: { -// // navigate: jest.fn(), -// // navigateWithoutSaving: jest.fn(), -// // }, -// // }, -// // }); +describe("vehicle-make.vue", () => { + test("BackButtonAction triggers a router.navigateWithoutSaving change", async (done) => { + //Arrange + const { wrapper, apiPromise } = setupMocks({ + pageHeaderWidgetHeaderText: "Select a make to get started", + mountOptionsMockData: { + router: { + navigate: jest.fn(), + navigateWithoutSaving: jest.fn(), + }, + }, + }); -// // //Act -// // vehicleMake.beforeRouteEnter.call( -// // wrapper.vm, -// // { query: { fmgPage: "vehicle-make" } }, -// // undefined, -// // (c) => c(wrapper.vm) -// // ); -// // wrapper.vm.backButtonAction(); -// // await nextTick(); + //Act + vehicleMake.beforeRouteEnter.call( + wrapper.vm, + { query: { fmgPage: "vehicle-make" } }, + undefined, + (c) => c(wrapper.vm) + ); + wrapper.vm.backButtonAction(); + await nextTick(); -// // //Assert -// // apiPromise.finally(() => { -// // expect(wrapper.vm.$router.navigateWithoutSaving).toHaveBeenCalled(); -// // done(); -// // }); -// // }); -// }); + //Assert + apiPromise.finally(() => { + expect(wrapper.vm.$router.navigateWithoutSaving).toHaveBeenCalled(); + done(); + }); + }); +}); -// describe("vehicle-make.vue", () => { -// // test("Year set, arePagePrerequisitesValid should be true ", async () => { -// // //Arrange -// // const { wrapper } = setupMocks({ -// // mountOptionsMockData: { -// // mixins: analyticsMixIn -// // } -// // }); +describe("vehicle-make.vue", () => { + test("Year set, arePagePrerequisitesValid should be true ", async () => { + //Arrange + const { wrapper } = setupMocks({}); -// // //Act -// // vehicleMake.beforeRouteEnter.call( -// // wrapper.vm, -// // { query: { fmgPage: "vehicle-make" } }, -// // undefined, -// // (c) => c(wrapper.vm) -// // ); + //Act + vehicleMake.beforeRouteEnter.call( + wrapper.vm, + { query: { fmgPage: "vehicle-make" } }, + undefined, + (c) => c(wrapper.vm) + ); -// // let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid(); + let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid(); -// // //Assert -// // expect(arePagePrerequisitesValid).toBe(true); -// // }); -// }); + //Assert + expect(arePagePrerequisitesValid).toBe(true); + }); +}); function setupMocks({