import { render, screen } from "@testing-library/react";
import { getRelatedServices } from "@/lib/site-content";
import { similarProjectSubject } from "@/lib/whatsapp";
import { CaseContactSection } from "./CaseContactSection";

/**
 * Testes de caminhos-base de CaseContactSection: o convite de um case de cliente ("projeto parecido") e o de
 * um projeto de laboratório ("problema parecido" no botão), o link para a lista de cases e os serviços ligados.
 * A mensagem do WhatsApp é a mesma frase nos dois: "um projeto parecido com o {título}".
 */

const sev = { id: "sev-modaintima", title: "SEV Moda Íntima" };
const nutri = { id: "nutriscan", title: "NutriScan" };

function messageOf(link: HTMLElement) {
  return new URL(link.getAttribute("href") ?? "").searchParams.get("text");
}

describe("CaseContactSection", () => {
  it("path: client case -> 'projeto parecido' invitation, WhatsApp with the case title, services listed", () => {
    render(<CaseContactSection caseStudy={sev} isClient />);

    expect(
      screen.getByRole("heading", {
        level: 2,
        name: "Quer um projeto parecido com este?",
      }),
    ).toBeVisible();
    const cta = screen.getByRole("link", { name: "Chamar no WhatsApp" });
    expect(cta).toHaveAttribute("target", "_blank");
    // sem escrever a frase à mão: ela vem de `similarProjectSubject`, que a frente de contato pode reescrever
    expect(messageOf(cta)).toContain(
      `Quero conversar sobre ${similarProjectSubject(sev.title)}.`,
    );
    expect(getRelatedServices(sev.id).length).toBeGreaterThan(0);
    expect(
      screen.getAllByRole("link", { name: /^Ver o serviço:/ }).length,
    ).toBeGreaterThan(0);
    expect(
      screen.getByRole("link", { name: "Ver outros cases" }),
    ).toHaveAttribute("href", "/cases");
  });

  it("path: laboratory case -> 'problema parecido' invitation and no mention of a similar project", () => {
    render(<CaseContactSection caseStudy={nutri} isClient={false} />);

    expect(
      screen.getByRole("heading", { level: 2, name: "Fale sobre o seu caso" }),
    ).toBeVisible();
    // o rótulo do botão é o mesmo do case de cliente: uma lista só
    const cta = screen.getByRole("link", { name: "Chamar no WhatsApp" });
    // a mensagem usa a mesma frase do cabeçalho (`similarProjectSubject`), sem "da" nem "do projeto" na frente do nome
    expect(messageOf(cta)).toContain(
      `Quero conversar sobre ${similarProjectSubject(nutri.title)}.`,
    );
    expect(messageOf(cta)).not.toMatch(/problema parecido|com o da |com o do /);
    expect(
      screen.queryByRole("link", {
        name: /Tem um problema parecido|Conversar sobre um projeto parecido/,
      }),
    ).toBeNull();
    // o NutriScan não é citado por nenhum serviço: sem cartões, o convite continua
    expect(getRelatedServices(nutri.id)).toHaveLength(0);
    expect(screen.queryByRole("link", { name: /^Ver o serviço:/ })).toBeNull();
    expect(
      screen.getByRole("link", { name: "Ver outros cases" }),
    ).toBeVisible();
  });
});