button-main tests to 100%
This commit is contained in:
parent
9a0f97bd0d
commit
0f9c76e8b7
2 changed files with 77 additions and 0 deletions
|
|
@ -102,6 +102,82 @@ describe("buttonMain.vue", () => {
|
||||||
const loader = wrapper.find("loader-stub");
|
const loader = wrapper.find("loader-stub");
|
||||||
expect(wrapper.vm.isLoaderDisplayed).toBe(false);
|
expect(wrapper.vm.isLoaderDisplayed).toBe(false);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it("Should set 'isLoaderDisplayed' to false when calling 'resetButtonStyle'", async () => {
|
||||||
|
// Arrange
|
||||||
|
const wrapper = shallowMount(
|
||||||
|
buttonMain,
|
||||||
|
setupMocks({
|
||||||
|
props: {
|
||||||
|
loaderPosition: "right",
|
||||||
|
loaderEnabled: true,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
);
|
||||||
|
|
||||||
|
wrapper.setData({
|
||||||
|
isLoaderDisplayed: true
|
||||||
|
});
|
||||||
|
|
||||||
|
// Act
|
||||||
|
wrapper.vm.resetButtonStyle();
|
||||||
|
await nextTick();
|
||||||
|
|
||||||
|
// Assert
|
||||||
|
expect(wrapper.vm.isLoaderDisplayed).toBe(false);
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
it("Should emit 'click-event' event when clicking if the button is enabled", async () => {
|
||||||
|
// Arrange
|
||||||
|
const wrapper = shallowMount(
|
||||||
|
buttonMain,
|
||||||
|
setupMocks({
|
||||||
|
props: {
|
||||||
|
loaderPosition: "right",
|
||||||
|
loaderEnabled: true,
|
||||||
|
isDisabled: false
|
||||||
|
},
|
||||||
|
})
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
const buttonElement = wrapper.find("button");
|
||||||
|
|
||||||
|
// Act
|
||||||
|
buttonElement.trigger("click");
|
||||||
|
|
||||||
|
await nextTick();
|
||||||
|
|
||||||
|
// Assert
|
||||||
|
expect(wrapper.emitted("click-event")).toBeTruthy();
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
it("Should not emit 'click-event' event when clicking if the button is disabled", async () => {
|
||||||
|
// Arrange
|
||||||
|
const wrapper = shallowMount(
|
||||||
|
buttonMain,
|
||||||
|
setupMocks({
|
||||||
|
props: {
|
||||||
|
loaderPosition: "right",
|
||||||
|
loaderEnabled: true,
|
||||||
|
isDisabled: true
|
||||||
|
},
|
||||||
|
})
|
||||||
|
);
|
||||||
|
|
||||||
|
const buttonElement = wrapper.find("button");
|
||||||
|
|
||||||
|
// Act
|
||||||
|
buttonElement.trigger("click");
|
||||||
|
|
||||||
|
await nextTick();
|
||||||
|
|
||||||
|
// Assert
|
||||||
|
expect(wrapper.emitted("click-event")).toBeFalsy();
|
||||||
|
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
function setupMocks(mountOptionsMockData = {}) {
|
function setupMocks(mountOptionsMockData = {}) {
|
||||||
|
|
|
||||||
|
|
@ -47,6 +47,7 @@ export default {
|
||||||
true
|
true
|
||||||
);
|
);
|
||||||
if (!this.isDisabled) {
|
if (!this.isDisabled) {
|
||||||
|
console.log("I'm here");
|
||||||
this.isLoaderDisplayed = true;
|
this.isLoaderDisplayed = true;
|
||||||
this.$emit("click-event");
|
this.$emit("click-event");
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue