import { render, screen, within } from "@testing-library/react";
import ClientStrip from "./ClientStrip";

const clients = [
  { id: "sev-modaintima", name: "SEV Moda Íntima" },
  { id: "lavacao-047", name: "Lavação 047" },
];

it("lists each client as a link to its case", () => {
  render(<ClientStrip clients={clients} />);

  expect(screen.getByText("Já entregue para:")).toBeInTheDocument();
  const list = screen.getByRole("list");
  const links = within(list).getAllByRole("link");
  expect(links.map((link) => link.textContent)).toEqual([
    "SEV Moda Íntima",
    "Lavação 047",
  ]);
  expect(links.map((link) => link.getAttribute("href"))).toEqual([
    "/cases/sev-modaintima",
    "/cases/lavacao-047",
  ]);
});

it("renders nothing without clients", () => {
  const { container } = render(<ClientStrip clients={[]} />);
  expect(container).toBeEmptyDOMElement();

  const withoutProp = render(<ClientStrip />);
  expect(withoutProp.container).toBeEmptyDOMElement();
});