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
2.3 KiB
TypeScript
70 lines
2.3 KiB
TypeScript
import { render, screen } from "@testing-library/react";
|
|
import { setNavigation } from "@/__mocks__/next/navigation";
|
|
import { CaseCapabilitiesSection } from "./CaseCapabilitiesSection";
|
|
|
|
/**
|
|
* 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 "Chamar no WhatsApp"
|
|
* seguidos) e sem itens (a seção não aparece, tenha o case site no ar ou captura ou não).
|
|
*/
|
|
|
|
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.",
|
|
];
|
|
|
|
describe("CaseCapabilitiesSection", () => {
|
|
it("path: items -> the list under the client title, with no contact button of its own", () => {
|
|
const { container } = render(
|
|
<CaseCapabilitiesSection caseStudy={{ capabilities }} isClient />,
|
|
);
|
|
|
|
expect(
|
|
screen.getByRole("heading", {
|
|
level: 2,
|
|
name: "O que o cliente passou a poder fazer",
|
|
}),
|
|
).toBeVisible();
|
|
for (const item of capabilities) {
|
|
expect(screen.getByText(item)).toBeVisible();
|
|
}
|
|
// o botão "Chamar no WhatsApp" é 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={{ capabilities }} isClient={false} />,
|
|
);
|
|
|
|
expect(
|
|
screen.getByRole("heading", {
|
|
level: 2,
|
|
name: "O que dá para fazer com ele",
|
|
}),
|
|
).toBeVisible();
|
|
expect(screen.queryByText(/o cliente passou a poder fazer/i)).toBeNull();
|
|
});
|
|
|
|
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={{}} isClient />,
|
|
);
|
|
|
|
expect(container).toBeEmptyDOMElement();
|
|
});
|
|
|
|
it("path: an empty list of items -> renders nothing", () => {
|
|
const { container } = render(
|
|
<CaseCapabilitiesSection caseStudy={{ capabilities: [] }} isClient />,
|
|
);
|
|
|
|
expect(container).toBeEmptyDOMElement();
|
|
});
|
|
});
|