import React from "react";
import { render } from "@testing-library/react";
import "@testing-library/jest-dom";
import Hint from "../Hint";
import { HintProps } from "../HintProps";

describe("Hint Component", () => {
  const props: HintProps = {
    dataTestId: "test-id",
    className: "custom-hint-class",
    direction: "start",
    editorDisabled: false,
    id: "hint-id",
    style: { fontSize: "14px" },
  };

  it("renders all props correctly", () => {
    render(<Hint {...props} />);
  });

  it("matches the snapshot", () => {
    const { asFragment } = render(<Hint {...props} />);
    expect(asFragment()).toMatchSnapshot();
  });
});