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.
61 lines
2.0 KiB
TypeScript
61 lines
2.0 KiB
TypeScript
import { render, screen } from "@testing-library/react";
|
|
import { getCaseMedia } from "@/app/cases/_components/case-media";
|
|
import { compactHero } from "@/app/cases/_components/hero-styles";
|
|
import ServicesIndexPage from "./page";
|
|
|
|
/**
|
|
* Teste de caminhos-base do topo de ServicesIndexPage sem mosaico: nenhum case de cliente tem captura gravada.
|
|
* O caminho com o mosaico (três pôsteres, duas colunas) está em [slug]/page.test.tsx.
|
|
*/
|
|
|
|
jest.mock("@/app/cases/_components/case-media", () => ({
|
|
getCaseMedia: jest.fn(),
|
|
}));
|
|
|
|
const mockedGetCaseMedia = jest.mocked(getCaseMedia);
|
|
|
|
afterEach(() => {
|
|
mockedGetCaseMedia.mockReset();
|
|
});
|
|
|
|
describe("ServicesIndexPage: topo sem captura gravada", () => {
|
|
it("path: no capture for any client -> no mosaic, a lower one-column strip, the text and buttons stay", () => {
|
|
mockedGetCaseMedia.mockReturnValue(undefined);
|
|
|
|
const { container } = render(<ServicesIndexPage />);
|
|
|
|
const hero = container.querySelector("section");
|
|
expect(hero).toHaveClass(compactHero);
|
|
expect(hero?.querySelector(".ds-section-shell")).not.toHaveClass("grid");
|
|
expect(hero?.querySelector("img")).toBeNull();
|
|
expect(
|
|
screen.getByRole("heading", {
|
|
level: 1,
|
|
name: "Sites, sistemas e aplicativos sob medida.",
|
|
}),
|
|
).toBeVisible();
|
|
// o botão do topo leva à lista de cases (não há mais seção de projetos nesta página)
|
|
expect(screen.getByRole("link", { name: "Ver os cases" })).toHaveAttribute(
|
|
"href",
|
|
"/cases",
|
|
);
|
|
const contactLinks = screen.getAllByRole("link", {
|
|
name: "Chamar no WhatsApp",
|
|
});
|
|
expect(contactLinks).toHaveLength(2);
|
|
for (const link of contactLinks) {
|
|
expect(link).toHaveAttribute(
|
|
"href",
|
|
expect.stringContaining("https://wa.me/"),
|
|
);
|
|
}
|
|
// as ofertas seguem no topo da página, mesmo sem nenhuma captura
|
|
expect(
|
|
screen.getByRole("heading", {
|
|
level: 2,
|
|
name: "Cinco jeitos de começar.",
|
|
}),
|
|
).toBeVisible();
|
|
});
|
|
});
|