feat(cases): prova certa por serviço, páginas internas com trabalho no topo

Diagnóstico sem case que não cabe; desktop com o GCC Installer como projeto próprio; IoT com o Twins Lab e a nota da Apolo. Mosaico de pôsteres em /servicos e /cases, faixa baixa em uma coluna no currículo, privacidade e laboratório; Laboratório como lista compacta; SEV começando por catálogo, pedido no WhatsApp e painel; Joinville e SC nos títulos; imagens do LCP com fetchPriority e sizes reais; pré-carregamento só no hover; 404 com Open Graph próprio.

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

@@ -1,11 +1,13 @@
-import { render, screen } from "@testing-library/react";
+import { fireEvent, render, screen } from "@testing-library/react";
 import { getShowcaseAssets } from "@/lib/project-showcase";
+import { coverSizes } from "./CaseCover";
 import { CaseCoverLink } from "./CaseCoverLink";
 import { getCaseMedia } from "./case-media";
 
 /**
  * Testes de caminhos-base de CaseCoverLink: sem captura (nada), com captura (link fora da leitura e do teclado,
- * com a capa dentro), os valores padrão de `sizes`, `priority` e `prefetch`, e os valores dados.
+ * com a capa dentro), os valores padrão de `sizes` e `priority`, o pré-carregamento só ao chegar no link
+ * e os valores dados.
  */
 
 jest.mock("./case-media", () => ({ getCaseMedia: jest.fn() }));
@@ -61,32 +63,34 @@ describe("CaseCoverLink", () => {
     ).toBeInTheDocument();
   });
 
-  it("path: sizes, priority and prefetch omitted -> default sizes, lazy image and the link's own prefetch", () => {
+  it("path: sizes and priority omitted -> default sizes and lazy image", () => {
+    mockedGetCaseMedia.mockImplementation(getShowcaseAssets);
+    render(<CaseCoverLink {...props} />);
+
+    const image = screen.getByAltText(`Captura de tela do site ${props.title}`);
+    expect(image).toHaveAttribute("sizes", coverSizes.card);
+    expect(image).toHaveAttribute("loading", "lazy");
+    expect(image).not.toHaveAttribute("fetchpriority");
+  });
+
+  it("path: link -> pre-fetches the case only when the pointer or focus reaches it", () => {
     mockedGetCaseMedia.mockImplementation(getShowcaseAssets);
     const { container } = render(<CaseCoverLink {...props} />);
 
-    const image = screen.getByAltText(`Captura de tela do site ${props.title}`);
-    expect(image).toHaveAttribute("sizes", "(min-width: 1024px) 560px, 100vw");
-    expect(image).toHaveAttribute("loading", "lazy");
-    expect(container.querySelector("a")).toHaveAttribute(
-      "data-prefetch",
-      "undefined",
-    );
+    const link = container.querySelector("a");
+    expect(link).toHaveAttribute("data-prefetch", "false");
+    fireEvent.mouseEnter(link as HTMLAnchorElement);
+    expect(link).toHaveAttribute("data-prefetch", "null");
   });
 
-  it("path: sizes, priority and prefetch given -> all of them are used", () => {
+  it("path: sizes and priority given -> both are used", () => {
     mockedGetCaseMedia.mockImplementation(getShowcaseAssets);
-    const { container } = render(
-      <CaseCoverLink {...props} sizes="320px" priority prefetch={false} />,
-    );
+    render(<CaseCoverLink {...props} sizes="320px" priority />);
 
     const image = screen.getByAltText(`Captura de tela do site ${props.title}`);
     expect(image).toHaveAttribute("sizes", "320px");
-    expect(image).not.toHaveAttribute("loading", "lazy");
-    expect(container.querySelector("a")).toHaveAttribute(
-      "data-prefetch",
-      "false",
-    );
+    expect(image).toHaveAttribute("loading", "eager");
+    expect(image).toHaveAttribute("fetchpriority", "high");
   });
 
   it("path: no demo address -> the browser bar falls back to the project title", () => {