import React from "react";
import { render, screen } from "@testing-library/react";
import "@testing-library/jest-dom";
import ButtonGroup from "../ButtonGroup";
import Button from "../../Button/Button";

describe("ButtonGroup Component", () => {
  it("renders correctly with default props", () => {
    const { asFragment } = render(
      <ButtonGroup>
        <Button>Test Button</Button>
      </ButtonGroup>
    );
    expect(asFragment()).toMatchSnapshot();
  });

  it("should render children correctly", () => {
    render(
      <ButtonGroup>
        <Button>Test Button</Button>
      </ButtonGroup>
    );
    expect(screen.getByText("Test Button")).toBeInTheDocument();
  });

  it("should handle the disabled prop", () => {
    render(
      <ButtonGroup disabled>
        <Button>Test Button</Button>
      </ButtonGroup>
    );
    expect(screen.getByRole("group")).toHaveAttribute("aria-disabled", "true");
  });
});