Create first custom button tests
This commit is contained in:
parent
60e3e4462c
commit
b15d1b5ced
27
src/components/CustomButton/__tests__/CustomButton.spec.ts
Normal file
27
src/components/CustomButton/__tests__/CustomButton.spec.ts
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
import { mount } from "@vue/test-utils";
|
||||||
|
import CustomButton from "../CustomButton.vue";
|
||||||
|
|
||||||
|
describe("CustomButton.vue", () => {
|
||||||
|
test("Test button content", () => {
|
||||||
|
const wrapper = mount(CustomButton, {
|
||||||
|
props: {
|
||||||
|
text: "Testing",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
expect(wrapper.html()).toContain("Testing");
|
||||||
|
});
|
||||||
|
|
||||||
|
test("Test if disabled props works", () => {
|
||||||
|
const wrapper = mount(CustomButton, {
|
||||||
|
props: {
|
||||||
|
isDisabled: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
//@ts-ignore
|
||||||
|
const button = wrapper.find(".button") as HTMLButtonElement;
|
||||||
|
//@ts-ignore
|
||||||
|
expect(button.element.disabled).toBe(true);
|
||||||
|
});
|
||||||
|
});
|
Loading…
x
Reference in New Issue
Block a user