evandro
c7d09d63d4
Hero e movimento - cena 3D em tempo real com os blocos da marca (kit feito no Blender, 3d/blocos.py): marca, tela, integrações e dados; segue a rolagem, tem vida em repouso, reage ao cursor e, parada no topo, passa sozinha pelos estados com legenda - três níveis de aparelho (full, lite, static); sem WebGL fica o pôster - título novo: "Sites e sistemas sob medida para o jeito que a sua empresa trabalha." - faixa de clientes com o ramo, linha do primeiro passo, hero alinhado às seções - rótulos digitados, entrada dos blocos, cortina de blocos entre páginas e capa compartilhada entre a lista de cases e o case Ofertas - atendimento no WhatsApp com IA e nota fiscal para a reforma tributária (páginas de serviço, cartões da home, formulário e aviso com data de validade) - página /ia atualizada, com fontes - peças 3D em loop nos cartões e topos de página (3d/pecas.py) Design - hover por papel (bloco nos botões, barra nos links), rótulos sem caixa alta - um destino por rótulo: "Falar sobre meu projeto" leva ao formulário, "Chamar no WhatsApp" abre o WhatsApp - logo montado em blocos, 404 redesenhado, grades sem célula vazia - ícones do PWA e manifesto novos Specs em specs/, contexto de design em DESIGN.md e PRODUCT.md.
70 lines
3.0 KiB
TypeScript
70 lines
3.0 KiB
TypeScript
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();
|
|
});
|
|
});
|