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

Fixed unit tests breaking after upgrades

Browse source 
Changed from .trigger("click") to .setChecked
This commit is contained in:
Matt Sykes 2024-08-27 15:25:46 -04:00
parent 3e210b006a
commit d5908fa92e
3 changed files with 16 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
src/digital-components/base-input-button/base-input-button.spec.js
View file

@ -61,7 +61,7 @@ describe("baseInputButton.vue", () => {
describe("mouse clicks", () => { describe("mouse clicks", () => {
describe("checkbox", () => { describe("checkbox", () => {
describe("clicked once", () => { describe("clicked once", () => {
test("correct event and value are emitted", async () => { test("correct event and value are emitted and input is checked", async () => {
// Arrange // Arrange
const { wrapper } = setupMocks({ const { wrapper } = setupMocks({
mockData: { mockData: {
@ -70,32 +70,13 @@ describe("baseInputButton.vue", () => {
value: "X", value: "X",
}, },
}, },
}); });
// Act // Act
await wrapper.trigger("click"); await wrapper.find("input").setChecked();
// Assert // Assert
expect(wrapper.emitted()["update:modelValue"][0][0]).toEqual(["X"]); expect(wrapper.emitted()["update:modelValue"][0][0]).toEqual(["X"]);
}); expect(wrapper.find("input").element.checked).toBe(true);
test("input is checked", async () => {
// Arrange
const { wrapper } = setupMocks({
mockData: {
propsData: {
isMultiSelect: true,
value: "X",
},
},
});
const input = wrapper.find("input");
// Act
await wrapper.trigger("click");
// Assert
expect(input.element.checked).toBe(true);
}); });
}); });
@ -135,25 +116,7 @@ describe("baseInputButton.vue", () => {
}); });
const input = wrapper.find("input"); const input = wrapper.find("input");
// Act expect(input.element.checked).toBe(true);
await wrapper.trigger("click");
// Assert
expect(input.element.checked).toBe(false);
});
test("input is unchecked", async () => {
// Arrange
const { wrapper } = setupMocks({
mockData: {
propsData: {
isMultiSelect: true,
value: "X",
modelValue: ["X"],
},
},
});
const input = wrapper.find("input");
// Act // Act
await wrapper.trigger("click"); await wrapper.trigger("click");

2
src/layouts/vehicle-parts/vehicle-parts.spec.js
View file

@ -73,7 +73,7 @@ const basePartResponse = {
}; };
describe("vehicle-parts.vue", () => { describe("vehicle-parts.vue", () => {
test("Set cms content called on load", async (done) => { test.only("Set cms content called on load", (done) => {
//Arrange //Arrange
store.getters.pageData.mockReturnValue(basePartResponse); store.getters.pageData.mockReturnValue(basePartResponse);
store.getters.lineItems = { glassParts: null }; store.getters.lineItems = { glassParts: null };

21
src/mixins/input-button-wrapper-mixin.spec.js
View file

@ -27,8 +27,8 @@ describe("input-button-wrapper-mixin", () => {
expect(inputButtonTwo.vm.isMultiSelect).toBe(true); expect(inputButtonTwo.vm.isMultiSelect).toBe(true);
expect(wrapper.vm.value).toEqual([]); expect(wrapper.vm.value).toEqual([]);
await inputButtonOne.find("input").trigger("click"); await inputButtonOne.find("input").setChecked();
await inputButtonTwo.find("input").trigger("click"); await inputButtonTwo.find("input").setChecked();
// Assert // Assert
expect(wrapper.vm.value).toEqual(["value1", "value2"]); expect(wrapper.vm.value).toEqual(["value1", "value2"]);
@ -52,9 +52,9 @@ describe("input-button-wrapper-mixin", () => {
expect(inputButtonTwo.vm.isMultiSelect).toBe(true); expect(inputButtonTwo.vm.isMultiSelect).toBe(true);
expect(wrapper.vm.value).toEqual([]); expect(wrapper.vm.value).toEqual([]);
await inputButtonOne.find("input").trigger("click"); await inputButtonOne.find("input").setChecked();
await inputButtonTwo.find("input").trigger("click"); await inputButtonTwo.find("input").setChecked();
await inputButtonOne.find("input").trigger("click"); await inputButtonOne.find("input").setChecked(false);
// Assert // Assert
expect(wrapper.vm.value).toEqual(["value2"]); expect(wrapper.vm.value).toEqual(["value2"]);
@ -80,8 +80,8 @@ describe("input-button-wrapper-mixin", () => {
expect(inputButtonTwo.vm.isMultiSelect).toBe(false); expect(inputButtonTwo.vm.isMultiSelect).toBe(false);
expect(wrapper.vm.value).toEqual(""); expect(wrapper.vm.value).toEqual("");
await inputButtonOne.find("input").trigger("click"); await inputButtonOne.find("input").setChecked();
await inputButtonTwo.find("input").trigger("click"); await inputButtonTwo.find("input").setChecked();
// Assert // Assert
expect(wrapper.vm.value).toEqual("value2"); expect(wrapper.vm.value).toEqual("value2");
@ -105,9 +105,9 @@ describe("input-button-wrapper-mixin", () => {
expect(inputButtonTwo.vm.isMultiSelect).toBe(false); expect(inputButtonTwo.vm.isMultiSelect).toBe(false);
expect(wrapper.vm.value).toEqual(""); expect(wrapper.vm.value).toEqual("");
await inputButtonOne.find("input").trigger("click"); await inputButtonOne.find("input").setChecked();
await inputButtonTwo.find("input").trigger("click"); await inputButtonTwo.find("input").setChecked();
await inputButtonOne.find("input").trigger("click"); await inputButtonOne.find("input").setChecked();
// Assert // Assert
expect(wrapper.vm.value).toEqual("value1"); expect(wrapper.vm.value).toEqual("value1");
@ -310,7 +310,6 @@ function setupBaseInputButtonWrapper({ mockData = {} }) {
template: parentComponentTemplate, template: parentComponentTemplate,
components: { baseInputButtonWrapper }, components: { baseInputButtonWrapper },
}, },
{},
); );
return { wrapper }; return { wrapper };