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