import { describe, expect, test } from "vitest";
import {
  renderWithProviders as render,
  screen,
} from "../utils/test-utils";
import { CreateFlowTemplatesPageClient } from "../../app/(app)/create/templates/CreateFlowTemplatesPageClient";
import { GOVERNANCE_TEMPLATE_CATALOG } from "../../lib/templates/governanceTemplateCatalog";
import "@testing-library/jest-dom/vitest";

describe("Create flow templates picker", () => {
  test("renders catalog cards as in-flow template review links", () => {
    render(
      <CreateFlowTemplatesPageClient
        initialGridEntries={GOVERNANCE_TEMPLATE_CATALOG}
      />,
    );

    expect(
      screen.getByRole("heading", { name: "Templates", level: 1 }),
    ).toBeInTheDocument();
    expect(
      screen.getByRole("link", { name: /Consensus/i }),
    ).toHaveAttribute(
      "href",
      "/create/review-template/consensus?fromFlow=1",
    );
    expect(
      screen.getByRole("link", { name: /Solidarity Network/i }),
    ).toHaveAttribute(
      "href",
      "/create/review-template/solidarity-network?fromFlow=1",
    );
  });
});