import { describe, it, expect } from "vitest";
import { screen } from "@testing-library/react";
import "@testing-library/jest-dom/vitest";
import { renderWithProviders } from "../utils/test-utils";
import { CommunityStructureSelectScreen } from "../../app/(app)/create/screens/select/CommunityStructureSelectScreen";

describe("CommunityStructureSelectScreen", () => {
  it("does not render dummy help icons", () => {
    renderWithProviders(<CommunityStructureSelectScreen />);

    expect(
      screen.getByText("What kind of community are you, mainly?"),
    ).toBeInTheDocument();
    expect(screen.getByText("Anything else that fits?")).toBeInTheDocument();
    expect(screen.getByText("Scale")).toBeInTheDocument();
    expect(screen.getByText("Maturity")).toBeInTheDocument();
    expect(
      screen.getByText(/Your answers shape which cards we suggest/i),
    ).toBeInTheDocument();
    expect(screen.queryByAltText("Help")).not.toBeInTheDocument();
    expect(screen.getByText("Pick one")).toBeInTheDocument();
  });

  it("gives structure chips Select/Deselect accessible names", () => {
    renderWithProviders(<CommunityStructureSelectScreen />);

    expect(
      screen.getAllByRole("button", { name: "Select Worker co-op" }).length,
    ).toBeGreaterThanOrEqual(2);
    expect(
      screen.getByRole("button", { name: "Select Local" }),
    ).toBeInTheDocument();
    expect(
      screen.getByRole("button", { name: "Select Early stage" }),
    ).toBeInTheDocument();
  });
});