unit test changes

This commit is contained in:
Max 2022-01-12 10:24:07 -05:00
parent c318317f09
commit d3eb40f964
2 changed files with 52 additions and 49 deletions

View file

@ -13,21 +13,21 @@ jest.mock("@/helpers/layout-helper.js", () => ({
}));
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
const pageHeaderWidgetHeaderText = "Select Damage";
const { wrapper, apiPromise } = setupMocks( { pageHeaderWidgetHeaderText: pageHeaderWidgetHeaderText });
//Arrange
const pageHeaderWidgetHeaderText = "Select Damage";
const { wrapper, apiPromise } = setupMocks( { pageHeaderWidgetHeaderText: pageHeaderWidgetHeaderText });
//Act
vehicleDamage.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-damage" } }, undefined, (c) => c(wrapper.vm));
//Act
vehicleDamage.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-damage" } }, undefined, (c) => c(wrapper.vm));
//Assert
apiPromise.finally(() => {
expect(funnelSubHeader.methods.initializeComponent).toHaveBeenCalledWith(pageHeaderWidgetHeaderText);
done();
});
//Assert
apiPromise.finally(() => {
expect(funnelSubHeader.methods.initializeComponent).toHaveBeenCalledWith(pageHeaderWidgetHeaderText);
done();
});
});
});
describe("vehicle-damage.vue", () => {
@ -93,10 +93,13 @@ function setupMocks({
},
},
};
const apiPromise = Promise.resolve(apiResponses);
//const apiPromise = Promise.resolve(apiResponses);
let apiPromise = new Promise((resolve, reject) => {
resolve(apiResponses);
}).catch((error) => console.log(error));
settleAllPromises.mockImplementation(() => apiPromise);
//Mock style question methods
//Mock damage initialize methods
funnelHeader.methods = {
initializeComponent: jest.fn(),
};

View file

@ -122,45 +122,45 @@ describe("vehicle-style.vue", () => {
});
});
// describe("vehicle-style.vue", () => {
// test("selectVehicle triggers a dispatchNonBlockingStoreAction commit", async (done) => {
describe("vehicle-style.vue", () => {
test("selectVehicle triggers a dispatchNonBlockingStoreAction commit", async (done) => {
// //Arrange
// const { wrapper, apiPromise } = setupMocks( {
// pageHeaderWidgetHeaderText: "Select a style to get started",
// mountOptionsMockData: {
// store: {
// commit: jest.fn(),
// getters: {
// vehicle: {
// year: 2020,
// make: 'Honda',
// model: 'Civic',
// style: '2 Door',
// }
// }
// },
// actionList: [
// {
// actionName: storeActions.GET_VEHICLE,
// data: 'mockData'
// }
// ]
// },
// });
//Arrange
const { wrapper, apiPromise } = setupMocks( {
pageHeaderWidgetHeaderText: "Select a style to get started",
mountOptionsMockData: {
store: {
commit: jest.fn(),
getters: {
vehicle: {
year: 2020,
make: 'Honda',
model: 'Civic',
style: '2 Door',
}
}
},
actionList: [
{
actionName: storeActions.GET_VEHICLE,
data: 'mockData'
}
]
},
});
// //Act
// vehicleStyle.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-style" } }, undefined, (c) => c(wrapper.vm));
// wrapper.vm.selectVehicle();
// await nextTick();
//Act
vehicleStyle.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-style" } }, undefined, (c) => c(wrapper.vm));
wrapper.vm.selectVehicle();
await nextTick();
// //Assert
// apiPromise.finally(() => {
// expect(wrapper.vm.dispatchNonBlockingStoreAction).toHaveBeenCalled();
// done();
// });
// });
// });
//Assert
apiPromise.finally(() => {
expect(wrapper.vm.dispatchNonBlockingStoreAction).toHaveBeenCalled();
done();
});
});
});
function setupMocks({
vehicleStyleQuestionCmsContent = {},