35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import { fireEvent, render, screen } from "@solidjs/testing-library";
|
|
import { describe, expect, it, vi } from "vitest";
|
|
import { Button } from "../../../src/components/button/index";
|
|
|
|
describe("Button", () => {
|
|
it("renders as button element", () => {
|
|
render(() => <Button>Click</Button>);
|
|
expect(screen.getByRole("button")).toBeTruthy();
|
|
});
|
|
it("has type=button by default", () => {
|
|
render(() => <Button>Click</Button>);
|
|
expect(screen.getByRole("button").getAttribute("type")).toBe("button");
|
|
});
|
|
it("disabled button", () => {
|
|
render(() => <Button disabled>Click</Button>);
|
|
expect(screen.getByRole("button")).toBeDisabled();
|
|
});
|
|
it("fires onClick", () => {
|
|
const onClick = vi.fn();
|
|
render(() => <Button onClick={onClick}>Click</Button>);
|
|
fireEvent.click(screen.getByRole("button"));
|
|
expect(onClick).toHaveBeenCalled();
|
|
});
|
|
it("does not fire onClick when disabled", () => {
|
|
const onClick = vi.fn();
|
|
render(() => (
|
|
<Button disabled onClick={onClick}>
|
|
Click
|
|
</Button>
|
|
));
|
|
fireEvent.click(screen.getByRole("button"));
|
|
expect(onClick).not.toHaveBeenCalled();
|
|
});
|
|
});
|