Button.test.tsx:
import Button from "../../components/UI/Button/Button";
import { render, screen } from "@testing-library/react";
it("Button component", () => {
render(<Button>Click</Button>);
expect(screen.getByRole("button")).toBeInTheDocument();
expect(screen.getByText("Click")).toBeInTheDocument();
});
Button.tsx:
import { ButtonHTMLAttributes, DetailedHTMLProps } from "react";
import cn from "classnames";
import classes from "./Button.module.sass";
function Button({ className, children, ...props }: IButtonProps) {
return (
<button>
{children}
</button>
);
}
export default Button;
Error: