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

describe("BadgeContainer Component", () => {
  const props: BadgeContainerProps = {
    dataTestId: "test-id",
    children: <div>Test Child</div>,
    className: "test-class",
    dir: "ltr",
    style: { color: "red" },
  };

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

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