feat(home): seção Sobre com prova por ponto, contato por oferta e hero com a Lavação 047 na tela larga

app/components/ContactOfferLink.paths.test.tsx

@@ -6,12 +6,12 @@ import { CONTACT_KIND_EVENT } from "./contact-subject";
 /**
  * Testes de caminhos-base de ContactOfferLink (complemento de ContactOfferLink.test.tsx).
  *
- * onClick (CC 6): fora da home | sem #contact | clique já tratado pelo gerenciador de âncoras | tecla modificadora ou
+ * onClick (CC 6): fora da home | sem #contact-form | clique já tratado pelo gerenciador de âncoras | tecla modificadora ou
  * botão que não é o principal | rolagem suave | rolagem em salto (movimento reduzido). Os seis caminhos já estão
  * em ContactOfferLink.test.tsx; aqui entram o que faltava:
  *   - o gerenciador de âncoras REAL (fragment-nav.onFragmentClick) tratando o clique, em vez de um ouvinte avulso;
  *   - Alt como tecla modificadora;
- *   - showContactInAddress (CC 2): o endereço já é /#contact, então não há replaceState; e o `history.state` do roteador
+ *   - showContactInAddress (CC 2): o endereço já é /#contact-form, então não há replaceState; e o `history.state` do roteador
  *     do Next sobrevive ao replaceState.
  */
 
@@ -52,7 +52,7 @@ beforeEach(() => {
   window.history.replaceState(null, "", "/");
   replaceState = jest.spyOn(window.history, "replaceState");
   form = document.createElement("section");
-  form.id = "contact";
+  form.id = "contact-form";
   document.body.append(form);
 });
 
@@ -96,10 +96,10 @@ describe("ContactOfferLink: gerenciador de âncoras real", () => {
       expect(scrollIntoView).not.toHaveBeenCalled();
       expect(form).toHaveFocus();
       expect(heard).toEqual(["sistema"]);
-      // o gerenciador abriu uma entrada de histórico (/?tipo=site#contact); a oferta só a reescreve
+      // o gerenciador abriu uma entrada de histórico (/?tipo=site#contact-form); a oferta só a reescreve
       expect(window.history.length).toBe(entries + 1);
       expect(window.location.search).toBe("");
-      expect(window.location.hash).toBe("#contact");
+      expect(window.location.hash).toBe("#contact-form");
       expect(replaceState).toHaveBeenCalledTimes(1);
     } finally {
       stop();
@@ -107,8 +107,8 @@ describe("ContactOfferLink: gerenciador de âncoras real", () => {
     }
   });
 
-  it("path: the manager takes the click and the address is already /#contact -> no replaceState at all", () => {
-    window.history.replaceState(null, "", "/#contact");
+  it("path: the manager takes the click and the address is already /#contact-form -> no replaceState at all", () => {
+    window.history.replaceState(null, "", "/#contact-form");
     replaceState.mockClear();
     const stop = installAnchorManager();
     try {
@@ -118,7 +118,9 @@ describe("ContactOfferLink: gerenciador de âncoras real", () => {
 
       expect(scrollTo).toHaveBeenCalledTimes(1);
       expect(replaceState).not.toHaveBeenCalled();
-      expect(window.location.pathname + window.location.hash).toBe("/#contact");
+      expect(window.location.pathname + window.location.hash).toBe(
+        "/#contact-form",
+      );
     } finally {
       stop();
     }
@@ -131,9 +133,9 @@ describe("ContactOfferLink: gerenciador de âncoras real", () => {
     expect(fireEvent.click(link)).toBe(false);
     expect(scrollIntoView).toHaveBeenCalledTimes(1);
     expect(form).toHaveFocus();
-    expect(window.location.hash).toBe("#contact");
+    expect(window.location.hash).toBe("#contact-form");
 
-    // o endereço já é /#contact (o navegador não rolaria): a oferta rola de novo mesmo assim, sem tocar no endereço
+    // o endereço já é /#contact-form (o navegador não rolaria): a oferta rola de novo mesmo assim, sem tocar no endereço
     (document.activeElement as HTMLElement).blur();
     replaceState.mockClear();
     expect(fireEvent.click(link)).toBe(false);
@@ -177,13 +179,17 @@ describe("ContactOfferLink: teclas e histórico", () => {
 
   it("path: replaceState keeps the history.state of the router (the Next router stores its tree there)", () => {
     const routerState = { __NA: true, tree: ["", {}] };
-    window.history.replaceState(routerState, "", "/?tipo=site#contact");
+    window.history.replaceState(routerState, "", "/?tipo=site#contact-form");
     replaceState.mockClear();
     render(<ContactOfferLink kind="sistema">Começar</ContactOfferLink>);
 
     fireEvent.click(screen.getByRole("link", { name: "Começar" }));
 
-    expect(replaceState).toHaveBeenCalledWith(routerState, "", "/#contact");
+    expect(replaceState).toHaveBeenCalledWith(
+      routerState,
+      "",
+      "/#contact-form",
+    );
     expect(window.history.state).toEqual(routerState);
   });
 });