import React from "react";
import { render } from "@testing-library/react";
import "@testing-library/jest-dom";
import { RippleProps } from "../RippleProps";
import Ripple from "../Ripple";
import Button from "../../Buttons/Button/Button";

describe("Ripple Component", () => {
  const props: RippleProps = {
    dataTestId: "test-id",
    id: "ripple-id",
    disabled: false,
    children: <Button>Button</Button>,
  };

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

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