Sha256: e06268f6b86ad268891bcabb0e82dfa612eb3ad331db45cb1e66ca1f8ae2172c
Contents?: true
Size: 1.49 KB
Versions: 76
Compression:
Stored size: 1.49 KB
Contents
import React from "react";
import { cleanup, render, screen, fireEvent, waitFor } from "../utilities/test-utils";
import { Button, Tooltip } from "..";
function TooltipTest() {
const text = "this is a text",
placement = "top",
triggerText = "hover me",
zIndex = "10";
return (
<Tooltip
data={{ testid: "primary-test" }}
placement={placement}
text={text}
zIndex={zIndex}
>
<Button text={triggerText} />
</Tooltip>
);
}
test("renders the component", () => {
render(<TooltipTest />);
const kit = screen.getByTestId("primary-test");
expect(kit).toBeInTheDocument();
expect(kit).toHaveClass("pb_tooltip_kit");
cleanup();
});
test("opens on mouseenter", async () => {
render(<TooltipTest />);
fireEvent.mouseEnter(screen.getByRole("tooltip_trigger"));
await waitFor(() => {
expect(screen.queryByRole("tooltip")).toBeInTheDocument();
cleanup();
})
});
test("closes on mouseleave", async () => {
render(<TooltipTest />);
fireEvent.mouseEnter(screen.getByRole("tooltip_trigger"));
fireEvent.mouseLeave(screen.getByRole("tooltip_trigger"));
await waitFor(() => {
expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
cleanup();
})
});
test("closes on mouseleave", async () => {
render(
<Tooltip
className={"Hello World"}
data={{ testid: "className-test" }}
/>
);
const kit = screen.getByTestId("className-test");
expect(kit).toHaveClass("Hello World");
cleanup();
});
Version data entries
76 entries across 76 versions & 1 rubygems