fix(cases): um só convite ao WhatsApp no fim do case e testes alinhados

app/cases/_components/CaseCapabilitiesSection.paths.test.tsx

@@ -1,46 +1,26 @@
 import { render, screen } from "@testing-library/react";
-import { getShowcaseAssets } from "@/lib/project-showcase";
-import { buttonLabels } from "@/lib/site-content";
-import { similarProjectSubject } from "@/lib/whatsapp";
+import { setNavigation } from "@/__mocks__/next/navigation";
 import { CaseCapabilitiesSection } from "./CaseCapabilitiesSection";
-import { getCaseMedia } from "./case-media";
 
 /**
- * Testes de caminhos-base de CaseCapabilitiesSection: com itens e "Como ficou" (lista e botão), só com "Como ficou"
- * (só o botão), só com itens (só a lista, sem repetir o botão que o fecho da página já traz) e sem nada (não aparece).
- * A existência das capturas em disco é simulada em getCaseMedia.
+ * Testes de caminhos-base de CaseCapabilitiesSection: com itens (a lista sob o título do cliente ou do laboratório, sem
+ * botão de contato: o fecho do case vem logo depois e é o único convite, para não haver dois "Falar sobre meu projeto"
+ * seguidos) e sem itens (a seção não aparece, tenha o case site no ar ou captura ou não).
  */
 
-jest.mock("next/navigation", () => ({ usePathname: () => "/cases" }));
-jest.mock("./case-media", () => ({ getCaseMedia: jest.fn() }));
-
-const mockedGetCaseMedia = jest.mocked(getCaseMedia);
+beforeEach(() => {
+  setNavigation({ pathname: "/cases" });
+});
 
 const capabilities = [
   "O dono muda os preços sem pedir a ninguém.",
   "O cliente pede pelo WhatsApp com a mensagem pronta.",
 ];
-const withSite = {
-  id: "projeto-teste",
-  title: "Projeto Teste",
-  demoUrl: "https://exemplo.com.br",
-};
-
-function messageOf(link: HTMLElement) {
-  return new URL(link.getAttribute("href") ?? "").searchParams.get("text");
-}
-
-beforeEach(() => {
-  mockedGetCaseMedia.mockReturnValue(undefined);
-});
 
 describe("CaseCapabilitiesSection", () => {
-  it("path: items and a site on the air -> the list under the client title, then the contact button", () => {
-    render(
-      <CaseCapabilitiesSection
-        caseStudy={{ ...withSite, capabilities }}
-        isClient
-      />,
+  it("path: items -> the list under the client title, with no contact button of its own", () => {
+    const { container } = render(
+      <CaseCapabilitiesSection caseStudy={{ capabilities }} isClient />,
     );
 
     expect(
@@ -52,25 +32,14 @@ describe("CaseCapabilitiesSection", () => {
     for (const item of capabilities) {
       expect(screen.getByText(item)).toBeVisible();
     }
-    const button = screen.getByRole("link", { name: buttonLabels.contact });
-    expect(button).toHaveAttribute("target", "_blank");
-    expect(button.className).toContain("bg-[var(--slash)]");
-    expect(messageOf(button)).toContain(
-      `Quero conversar sobre ${similarProjectSubject(withSite.title)}.`,
-    );
-    // o botão vem depois da lista
-    expect(
-      screen.getByText(capabilities[1]).compareDocumentPosition(button) &
-        Node.DOCUMENT_POSITION_FOLLOWING,
-    ).toBeTruthy();
+    // o botão "Falar sobre meu projeto" é do fecho do case (CaseContactSection), não desta seção
+    expect(screen.queryByRole("link")).toBeNull();
+    expect(container.querySelectorAll("a")).toHaveLength(0);
   });
 
   it("path: a laboratory case with items -> the title does not talk about a client", () => {
     render(
-      <CaseCapabilitiesSection
-        caseStudy={{ ...withSite, capabilities }}
-        isClient={false}
-      />,
+      <CaseCapabilitiesSection caseStudy={{ capabilities }} isClient={false} />,
     );
 
     expect(
@@ -82,55 +51,17 @@ describe("CaseCapabilitiesSection", () => {
     expect(screen.queryByText(/o cliente passou a poder fazer/i)).toBeNull();
   });
 
-  it("path: no items but a capture on disk (no site) -> only the contact button, under a heading that only screen readers get", () => {
-    mockedGetCaseMedia.mockImplementation((id, device) =>
-      id === "projeto-teste" ? getShowcaseAssets(id, device) : undefined,
-    );
+  it("path: no items -> renders nothing, with no button on its own even when the case has a capture or a site", () => {
     const { container } = render(
-      <CaseCapabilitiesSection
-        caseStudy={{
-          id: "projeto-teste",
-          title: "Projeto Teste",
-          demoUrl: null,
-        }}
-        isClient
-      />,
+      <CaseCapabilitiesSection caseStudy={{}} isClient />,
     );
 
-    expect(container.querySelector("ul")).toBeNull();
-    expect(
-      screen.getByRole("link", { name: buttonLabels.contact }),
-    ).toBeVisible();
-    expect(screen.getByRole("heading", { level: 2 })).toHaveClass("sr-only");
+    expect(container).toBeEmptyDOMElement();
   });
 
-  it("path: items but no 'Como ficou' -> the list stays and the button is not repeated", () => {
-    render(
-      <CaseCapabilitiesSection
-        caseStudy={{
-          id: "projeto-teste",
-          title: "Projeto Teste",
-          demoUrl: null,
-          capabilities,
-        }}
-        isClient
-      />,
-    );
-
-    expect(screen.getByText(capabilities[0])).toBeVisible();
-    expect(screen.queryByRole("link")).toBeNull();
-  });
-
-  it("path: no items and no 'Como ficou' -> renders nothing", () => {
+  it("path: an empty list of items -> renders nothing", () => {
     const { container } = render(
-      <CaseCapabilitiesSection
-        caseStudy={{
-          id: "projeto-teste",
-          title: "Projeto Teste",
-          demoUrl: null,
-        }}
-        isClient
-      />,
+      <CaseCapabilitiesSection caseStudy={{ capabilities: [] }} isClient />,
     );
 
     expect(container).toBeEmptyDOMElement();

app/cases/_components/CaseCapabilitiesSection.tsx

@@ -1,60 +1,33 @@
-import { primaryButton } from "@/app/components/button-styles";
-import WhatsAppLink from "@/app/components/WhatsAppLink";
-import { buttonLabels, type CaseStudyContent } from "@/lib/site-content";
-import { similarProjectSubject } from "@/lib/whatsapp";
-import { hasCaseMedia } from "./CaseMediaSection";
+import type { CaseStudyContent } from "@/lib/site-content";
 
 /**
- * Logo depois de "Como ficou": o que o cliente passou a poder fazer (2 ou 3 itens, sem número, só com o que as entregas já sustentam)
- * e, de novo, o botão de contato, para quem acabou de ver o resultado não precisar rolar até o fim da página.
- * Sem itens, só o botão (e só quando há "Como ficou"); sem itens e sem mídia, a seção não aparece.
+ * Logo depois de "Como ficou": o que o cliente passou a poder fazer (2 ou 3 itens, sem número, só com o que as entregas já sustentam).
+ * Sem botão de contato: o fecho do case (CaseContactSection) vem logo depois e é o único convite ao WhatsApp, para não haver dois
+ * "Falar sobre meu projeto" seguidos. Sem itens, a seção não aparece.
  */
 export function CaseCapabilitiesSection({
   caseStudy,
   isClient,
 }: {
-  caseStudy: Pick<
-    CaseStudyContent,
-    "id" | "title" | "demoUrl" | "capabilities"
-  >;
+  caseStudy: Pick<CaseStudyContent, "capabilities">;
   isClient: boolean;
 }) {
   const capabilities = caseStudy.capabilities ?? [];
-  const showContact = hasCaseMedia(caseStudy);
-  if (capabilities.length === 0 && !showContact) return null;
+  if (capabilities.length === 0) return null;
 
   return (
     <section className="ds-section" aria-labelledby="case-capabilities">
       <div className="ds-section-shell">
-        {capabilities.length > 0 ? (
-          <>
-            <h2 id="case-capabilities" className="ds-card-title !mt-0">
-              {isClient
-                ? "O que o cliente passou a poder fazer"
-                : "O que dá para fazer com ele"}
-            </h2>
-            <ul className="ds-list max-w-[78ch] space-y-sp-3 pl-[1.15rem]">
-              {capabilities.map((item) => (
-                <li key={item}>{item}</li>
-              ))}
-            </ul>
-          </>
-        ) : (
-          <h2 id="case-capabilities" className="sr-only">
-            Fale sobre o seu projeto
-          </h2>
-        )}
-        {showContact ? (
-          <div className="mt-sp-8">
-            <WhatsAppLink
-              service={similarProjectSubject(caseStudy.title)}
-              placement="case_after_media"
-              className={primaryButton}
-            >
-              {buttonLabels.contact}
-            </WhatsAppLink>
-          </div>
-        ) : null}
+        <h2 id="case-capabilities" className="ds-card-title !mt-0">
+          {isClient
+            ? "O que o cliente passou a poder fazer"
+            : "O que dá para fazer com ele"}
+        </h2>
+        <ul className="ds-list max-w-[78ch] space-y-sp-3 pl-[1.15rem]">
+          {capabilities.map((item) => (
+            <li key={item}>{item}</li>
+          ))}
+        </ul>
       </div>
     </section>
   );