jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adding unit test back

Browse source
This commit is contained in:
Max 2022-01-11 11:36:02 -05:00
parent 88f2a3039e
commit 7237735108
1 changed files with 104 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

209
src/layouts/vehicle-damage/vehicle-damage.spec.js
View file

@ -1,122 +1,121 @@
test.todo("some test to be written in the future"); import { shallowMount, flushPromises } from "@vue/test-utils";
// import { shallowMount, flushPromises } from "@vue/test-utils"; import { getMountOptions } from "@/helpers/unit-test-helper.js";
// import { getMountOptions } from "@/helpers/unit-test-helper.js"; import vehicleDamage from "@/layouts/vehicle-damage/vehicle-damage.vue";
// import vehicleDamage from "@/layouts/vehicle-damage/vehicle-damage.vue"; import funnelHeader from "@/common-components/funnel-header/funnel-header";
// import funnelHeader from "@/common-components/funnel-header/funnel-header"; import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
// import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner"; import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header";
// import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header"; import { settleAllPromises } from "@/helpers/layout-helper.js";
// import { settleAllPromises } from "@/helpers/layout-helper.js"; import { nextTick } from "vue";
// import { nextTick } from "vue";
// // Mock our module for promises. // Mock our module for promises.
// jest.mock("@/helpers/layout-helper.js", () => ({ jest.mock("@/helpers/layout-helper.js", () => ({
// settleAllPromises: jest.fn(), settleAllPromises: jest.fn(),
// })); }));
// describe("vehicle-damage.vue", () => { describe("vehicle-damage.vue", () => {
// test("Page header is initailized with api data", async (done) => { test("Page header is initailized with api data", async (done) => {
// //Arrange //Arrange
// const pageHeaderWidgetHeaderText = "Select Damage"; const pageHeaderWidgetHeaderText = "Select Damage";
// const { wrapper, apiPromise } = setupMocks( { pageHeaderWidgetHeaderText: pageHeaderWidgetHeaderText }); const { wrapper, apiPromise } = setupMocks( { pageHeaderWidgetHeaderText: pageHeaderWidgetHeaderText });
// //Act //Act
// vehicleDamage.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-damage" } }, undefined, (c) => c(wrapper.vm)); vehicleDamage.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-damage" } }, undefined, (c) => c(wrapper.vm));
// //Assert //Assert
// apiPromise.finally(() => { apiPromise.finally(() => {
// expect(funnelSubHeader.methods.initializeComponent).toHaveBeenCalledWith(pageHeaderWidgetHeaderText); expect(funnelSubHeader.methods.initializeComponent).toHaveBeenCalledWith(pageHeaderWidgetHeaderText);
// done(); done();
// }); });
// }); });
// }); });
// describe("vehicle-damage.vue", () => { describe("vehicle-damage.vue", () => {
// test("Page logo image is initailized with api data", async (done) => { test("Page logo image is initailized with api data", async (done) => {
// //Arrange //Arrange
// const SiteHeaderWidget = { const SiteHeaderWidget = {
// LogoImage: LogoImage:
// "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3", "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3",
// } }
// const { wrapper, apiPromise } = setupMocks( { SiteHeaderWidget: SiteHeaderWidget}); const { wrapper, apiPromise } = setupMocks( { SiteHeaderWidget: SiteHeaderWidget});
// //Act //Act
// vehicleDamage.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-damage" } }, undefined, (c) => c(wrapper.vm)); vehicleDamage.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-damage" } }, undefined, (c) => c(wrapper.vm));
// //Assert //Assert
// apiPromise.finally(() => { apiPromise.finally(() => {
// expect(funnelHeader.methods.initializeComponent).toHaveBeenCalledWith(SiteHeaderWidget); expect(funnelHeader.methods.initializeComponent).toHaveBeenCalledWith(SiteHeaderWidget);
// done(); done();
// }); });
// }); });
// }); });
// describe("vehicle-damage.vue", () => { describe("vehicle-damage.vue", () => {
// test("Vehicle image is initailized with api data", async (done) => { test("Vehicle image is initailized with api data", async (done) => {
// //Arrange //Arrange
// const VehicleBannerWidget = { const VehicleBannerWidget = {
// GenericVehicleImage: GenericVehicleImage:
// "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3", "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3",
// } }
// const { wrapper, apiPromise } = setupMocks( { VehicleBannerWidget: VehicleBannerWidget}); const { wrapper, apiPromise } = setupMocks( { VehicleBannerWidget: VehicleBannerWidget});
// //Act //Act
// vehicleDamage.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-damage" } }, undefined, (c) => c(wrapper.vm)); vehicleDamage.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-damage" } }, undefined, (c) => c(wrapper.vm));
// //Assert //Assert
// apiPromise.finally(() => { apiPromise.finally(() => {
// expect(vehicleBanner.methods.initializeComponent).toHaveBeenCalledWith(VehicleBannerWidget); expect(vehicleBanner.methods.initializeComponent).toHaveBeenCalledWith(VehicleBannerWidget);
// done(); done();
// }); });
// }); });
// }); });
// function setupMocks({ function setupMocks({
// radioQuestionCmsContent = {}, radioQuestionCmsContent = {},
// pageHeaderWidgetHeaderText = {}, pageHeaderWidgetHeaderText = {},
// mountOptionsMockData = {}, mountOptionsMockData = {},
// }) { }) {
// //Mock api responses //Mock api responses
// const apiResponses = { const apiResponses = {
// cmsContent: { cmsContent: {
// FunnelSubHeaderWidget: pageHeaderWidgetHeaderText, FunnelSubHeaderWidget: pageHeaderWidgetHeaderText,
// RadioQuestionWidget: radioQuestionCmsContent, RadioQuestionWidget: radioQuestionCmsContent,
// VehicleBannerWidget: VehicleBannerWidget:
// { {
// GenericVehicleImage: GenericVehicleImage:
// "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3", "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3",
// }, },
// FunnelHeaderWidget: FunnelHeaderWidget:
// { {
// LogoImage: LogoImage:
// "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3", "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3",
// }, },
// }, },
// }; };
// const apiPromise = Promise.resolve(apiResponses); const apiPromise = Promise.resolve(apiResponses);
// settleAllPromises.mockImplementation(() => apiPromise); settleAllPromises.mockImplementation(() => apiPromise);
// //Mock style question methods //Mock style question methods
// funnelHeader.methods = { funnelHeader.methods = {
// initializeComponent: jest.fn(), initializeComponent: jest.fn(),
// }; };
// vehicleBanner.methods = { vehicleBanner.methods = {
// initializeComponent: jest.fn(), initializeComponent: jest.fn(),
// }; };
// funnelSubHeader.methods = { funnelSubHeader.methods = {
// initializeComponent: jest.fn(), initializeComponent: jest.fn(),
// }; };
// const mountOptions = getMountOptions(mountOptionsMockData); const mountOptions = getMountOptions(mountOptionsMockData);
// const wrapper = shallowMount(vehicleDamage, mountOptions); const wrapper = shallowMount(vehicleDamage, mountOptions);
// const funnelHeaderWrapper = wrapper.findComponent({ name: "funnelHeader" }); const funnelHeaderWrapper = wrapper.findComponent({ name: "funnelHeader" });
// funnelHeaderWrapper.vm.initializeComponent = funnelHeader.methods.initializeComponent; funnelHeaderWrapper.vm.initializeComponent = funnelHeader.methods.initializeComponent;
// const vehicleBannerWrapper = wrapper.findComponent({ name: "vehicleBanner" }); const vehicleBannerWrapper = wrapper.findComponent({ name: "vehicleBanner" });
// vehicleBannerWrapper.vm.initializeComponent = vehicleBanner.methods.initializeComponent; vehicleBannerWrapper.vm.initializeComponent = vehicleBanner.methods.initializeComponent;
// const funnelSubHeaderWrapper = wrapper.findComponent({ name: "funnelSubHeader" }); const funnelSubHeaderWrapper = wrapper.findComponent({ name: "funnelSubHeader" });
// funnelSubHeaderWrapper.vm.initializeComponent = funnelSubHeader.methods.initializeComponent; funnelSubHeaderWrapper.vm.initializeComponent = funnelSubHeader.methods.initializeComponent;
// return { wrapper, apiPromise }; return { wrapper, apiPromise };
// } }