start of unit tests for molding-questions
This commit is contained in:
Kroell
parent
3686e4907d
commit
a7e3c8b669
1 changed files with 331 additions and 0 deletions
331
src/layouts/molding-questions/molding-questions.spec.js
Normal file
331
src/layouts/molding-questions/molding-questions.spec.js
Normal file
|
|
@ -0,0 +1,331 @@
|
||||||
|
// Components
|
||||||
|
import moldingQuestions from "@/layouts/molding-questions/molding-questions";
|
||||||
|
|
||||||
|
// Supporting Files
|
||||||
|
import { shallowMount } from "@vue/test-utils";
|
||||||
|
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
||||||
|
import { useMainStore } from "@/store";
|
||||||
|
import baseMixin from "../../mixins/base-mixin";
|
||||||
|
import vehicleQuestionsMixin from "@/mixins/vehicle-questions-mixin";
|
||||||
|
import { nextTick } from "vue";
|
||||||
|
|
||||||
|
// Mock our module for promises.
|
||||||
|
jest.mock("@/helpers/layout-helper.js", () => ({
|
||||||
|
settleAllPromises: jest.fn(),
|
||||||
|
}));
|
||||||
|
|
||||||
|
// Mock fetchCmsContentForPage
|
||||||
|
jest.mock("@/helpers/cms-content-helper", () => ({
|
||||||
|
fetchCmsContentForPage: jest.fn(),
|
||||||
|
}));
|
||||||
|
|
||||||
|
const baseStoreGettersPageData = () => {
|
||||||
|
return {
|
||||||
|
partsOrQuestions: [
|
||||||
|
{
|
||||||
|
parts: [
|
||||||
|
{
|
||||||
|
childPartQuestions: [
|
||||||
|
{
|
||||||
|
questionSequence: 1,
|
||||||
|
questionText:
|
||||||
|
"Does the rubber seal around your windshield have a chrome strip running through it?",
|
||||||
|
answers: [
|
||||||
|
{
|
||||||
|
answerResult: "WKT D1106 C",
|
||||||
|
answerText: "Yes",
|
||||||
|
nextQuestionSequence: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
answerResult: "WKT D1106 B",
|
||||||
|
answerText: "No",
|
||||||
|
nextQuestionSequence: null,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
basePartNumber: "DW01105",
|
||||||
|
color: "Green Tint, Blue Shade",
|
||||||
|
requiresRecalibration: false,
|
||||||
|
recalibrationType: "",
|
||||||
|
canSafeliteRecalibrate: false,
|
||||||
|
requiresCapabilityQuestions: false,
|
||||||
|
childParts: null,
|
||||||
|
partNumber: "DW01105GBNN",
|
||||||
|
description: "solar",
|
||||||
|
partType: "WINDSHIELD",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
partQuestions: [],
|
||||||
|
glassLocation: "Windshield",
|
||||||
|
glassName: "Single",
|
||||||
|
answerKey: "Windshield-Single",
|
||||||
|
answerData: null,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
};
|
||||||
|
const baseStoreGettersDamage = () => {
|
||||||
|
return {
|
||||||
|
partsQuestionAnswers: [
|
||||||
|
{
|
||||||
|
glassLocation: "Windshield",
|
||||||
|
glassName: "Single",
|
||||||
|
result: "FW04848",
|
||||||
|
answeredQuestions: [
|
||||||
|
{
|
||||||
|
questionText:
|
||||||
|
"Is your vehicle equipped with the Panoramic Sunroof which can be identified by having a glass panel over the rear seats?",
|
||||||
|
selectedAnswer: "1|nextQuestion|3|Yes",
|
||||||
|
selectedAnswerText: "Yes",
|
||||||
|
questionNum: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
questionText:
|
||||||
|
"Is your vehicle equipped with a heated windshield that melts snow and ice from underneath the windshield wiper blades?",
|
||||||
|
selectedAnswer: "2|nextQuestion|3|Yes",
|
||||||
|
selectedAnswerText: "Yes",
|
||||||
|
questionNum: 2,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
useMainStore().pageData = baseStoreGettersDamage;
|
||||||
|
useMainStore().damage = baseStoreGettersDamage;
|
||||||
|
|
||||||
|
describe("moldingQuestions.vue", () => {
|
||||||
|
describe("method arePagePrerequisitesValid...", () => {
|
||||||
|
test("Should return true for valid page requisites if pageData exists", () => {
|
||||||
|
// Arrange
|
||||||
|
const { wrapper } = setupMocks({});
|
||||||
|
|
||||||
|
// Act
|
||||||
|
const result = wrapper.vm.arePagePrerequisitesValid();
|
||||||
|
|
||||||
|
//Assert
|
||||||
|
expect(result).toBe(true);
|
||||||
|
|
||||||
|
wrapper.unmount();
|
||||||
|
});
|
||||||
|
|
||||||
|
test("Should return false for valid page requisites if partsOrQuestions in pageData is missing", () => {
|
||||||
|
// Arrange
|
||||||
|
const { wrapper } = setupMocks({});
|
||||||
|
store.getters.pageData = jest.fn(() => {
|
||||||
|
return undefined;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Act
|
||||||
|
const result = wrapper.vm.arePagePrerequisitesValid();
|
||||||
|
|
||||||
|
//Assert
|
||||||
|
expect(result).toBeFalsy();
|
||||||
|
|
||||||
|
wrapper.unmount();
|
||||||
|
});
|
||||||
|
|
||||||
|
test("Should be at least one item in partsOrQuestions", () => {
|
||||||
|
// Arrange
|
||||||
|
store.getters = {
|
||||||
|
pageData: jest.fn(() => {
|
||||||
|
return {
|
||||||
|
partsOrQuestions: [],
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
damage: baseStoreGettersDamage,
|
||||||
|
};
|
||||||
|
const { wrapper } = setupMocks({});
|
||||||
|
|
||||||
|
// Act
|
||||||
|
const result = wrapper.vm.arePagePrerequisitesValid();
|
||||||
|
|
||||||
|
//Assert
|
||||||
|
expect(result).toBeFalsy();
|
||||||
|
|
||||||
|
wrapper.unmount();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe("watch on selectedAnswers should be set up...", () => {
|
||||||
|
test("Should trigger handleCompletedQuestionChainAnswers if watched data changes", async () => {
|
||||||
|
// Arrange
|
||||||
|
const { wrapper } = setupMocks({});
|
||||||
|
const spy = jest.spyOn(wrapper.vm, "handleCompletedQuestionChainAnswers");
|
||||||
|
|
||||||
|
// Act
|
||||||
|
wrapper.setData({
|
||||||
|
selectedAnswers: {
|
||||||
|
"Windshield-Single": {
|
||||||
|
answerResult: "FW04848",
|
||||||
|
answeredQuestions: [
|
||||||
|
{
|
||||||
|
questionText:
|
||||||
|
"Is your vehicle equipped with the Panoramic Sunroof which can be identified by having a glass panel over the rear seats?",
|
||||||
|
selectedAnswer: "1|nextQuestion|3|Yes",
|
||||||
|
selectedAnswerText: "Yes",
|
||||||
|
questionNum: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
questionText:
|
||||||
|
"Is your vehicle equipped with a heated windshield that melts snow and ice from underneath the windshield wiper blades?",
|
||||||
|
selectedAnswer: "2|nextQuestion|3|Yes",
|
||||||
|
selectedAnswerText: "Yes",
|
||||||
|
questionNum: 2,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
index: 0,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
await nextTick();
|
||||||
|
|
||||||
|
//Assert
|
||||||
|
expect(spy).toHaveBeenCalled();
|
||||||
|
|
||||||
|
wrapper.unmount();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// describe("forwardButtonAction", () => {
|
||||||
|
// test("Should clear out answerData", () => {
|
||||||
|
// // Arrange
|
||||||
|
// const { wrapper } = setupMocks({});
|
||||||
|
|
||||||
|
// wrapper.vm.questionsData = [
|
||||||
|
// {
|
||||||
|
// glassLocation: "Windshield",
|
||||||
|
// glassName: "Single",
|
||||||
|
// answerData: {
|
||||||
|
// answerResult: "FW04848",
|
||||||
|
// answeredQuestions: [],
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
// ];
|
||||||
|
// wrapper.vm.dispatchStoreAction = jest.fn(() => {
|
||||||
|
// return {
|
||||||
|
// data: {
|
||||||
|
// glassPieceParts: [],
|
||||||
|
// },
|
||||||
|
// };
|
||||||
|
// });
|
||||||
|
|
||||||
|
// // Act
|
||||||
|
// wrapper.vm.forwardButtonAction();
|
||||||
|
|
||||||
|
// //Assert
|
||||||
|
// expect(wrapper.vm.questionsData[0].answerData).toEqual({});
|
||||||
|
|
||||||
|
// wrapper.unmount();
|
||||||
|
// });
|
||||||
|
|
||||||
|
// test("Should save to Vuex store", async () => {
|
||||||
|
// // Arrange
|
||||||
|
// const { wrapper } = setupMocks({});
|
||||||
|
|
||||||
|
// wrapper.vm.questionsData = [
|
||||||
|
// {
|
||||||
|
// glassLocation: "Windshield",
|
||||||
|
// glassName: "Single",
|
||||||
|
// answerData: {
|
||||||
|
// answerResult: "FW04848",
|
||||||
|
// answeredQuestions: [],
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
// ];
|
||||||
|
// wrapper.vm.dispatchStoreAction = jest.fn(() => {
|
||||||
|
// return {
|
||||||
|
// data: {
|
||||||
|
// glassPieceParts: [],
|
||||||
|
// },
|
||||||
|
// };
|
||||||
|
// });
|
||||||
|
// const spy = jest.spyOn(wrapper.vm, "dispatchStoreAction");
|
||||||
|
|
||||||
|
// // Act
|
||||||
|
// wrapper.vm.forwardButtonAction();
|
||||||
|
|
||||||
|
// await nextTick();
|
||||||
|
|
||||||
|
// //Assert
|
||||||
|
// expect(spy).toHaveBeenNthCalledWith(
|
||||||
|
// 1,
|
||||||
|
// "saveMoldingQuestionAnswers",
|
||||||
|
// [
|
||||||
|
// {
|
||||||
|
// answeredQuestions: [],
|
||||||
|
// glassLocation: "Windshield",
|
||||||
|
// glassName: "Single",
|
||||||
|
// isSuppressedPart: undefined,
|
||||||
|
// partNum: "FW04848",
|
||||||
|
// },
|
||||||
|
// ],
|
||||||
|
// false
|
||||||
|
// );
|
||||||
|
|
||||||
|
// wrapper.unmount();
|
||||||
|
// });
|
||||||
|
|
||||||
|
// test("Should trigger navigateForward", async () => {
|
||||||
|
// // Arrange
|
||||||
|
// const { wrapper } = setupMocks({});
|
||||||
|
|
||||||
|
// wrapper.vm.questionsData = [
|
||||||
|
// {
|
||||||
|
// glassLocation: "Windshield",
|
||||||
|
// glassName: "Single",
|
||||||
|
// answerData: {
|
||||||
|
// answerResult: "FW04848",
|
||||||
|
// answeredQuestions: [],
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
// ];
|
||||||
|
// wrapper.vm.dispatchStoreAction = jest.fn(() => {
|
||||||
|
// return {
|
||||||
|
// data: {
|
||||||
|
// glassPieceParts: [],
|
||||||
|
// },
|
||||||
|
// };
|
||||||
|
// });
|
||||||
|
// wrapper.vm.navigateForward = jest.fn();
|
||||||
|
|
||||||
|
// // Act
|
||||||
|
// await wrapper.vm.forwardButtonAction();
|
||||||
|
|
||||||
|
// //Assert
|
||||||
|
// expect(wrapper.vm.navigateForward).toHaveBeenCalled();
|
||||||
|
|
||||||
|
// wrapper.unmount();
|
||||||
|
// });
|
||||||
|
// });
|
||||||
|
});
|
||||||
|
|
||||||
|
function setupMocks({
|
||||||
|
mountOptionsMockData = {
|
||||||
|
router: {
|
||||||
|
navigate: jest.fn(),
|
||||||
|
},
|
||||||
|
store: {
|
||||||
|
getters: store.getters,
|
||||||
|
commit: store.commit,
|
||||||
|
},
|
||||||
|
route: {
|
||||||
|
query: {
|
||||||
|
issPage: "molding-questions",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}) {
|
||||||
|
const mountOptions = getMountOptions({
|
||||||
|
...mountOptionsMockData,
|
||||||
|
mixins: [baseMixin, vehicleQuestionsMixin],
|
||||||
|
});
|
||||||
|
mountOptions["attachTo"] = document.body;
|
||||||
|
|
||||||
|
const wrapper = shallowMount(moldingQuestions, mountOptions);
|
||||||
|
|
||||||
|
return { wrapper };
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue