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