// @vitest-environment jsdom

import { fireEvent, render, screen } from "@testing-library/react";
import { describe, expect, it, vi } from "vitest";
import { ComponentStepSection } from "./component-step";

describe("ComponentStepSection", () => {
  it("renders component cards and forwards selection", () => {
    const onSelectComponent = vi.fn();

    render(<ComponentStepSection onSelectComponent={onSelectComponent} />);

    expect(screen.getByText("Select the component to bump:")).toBeInTheDocument();

    fireEvent.click(screen.getByRole("button", { name: /ACS Agent Control Server/i }));
    expect(onSelectComponent).toHaveBeenCalledWith("acs");

    fireEvent.click(screen.getByRole("button", { name: /Vector Log collection agent/i }));
    expect(onSelectComponent).toHaveBeenCalledWith("vector");
  });
});