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.
34 lines
1.3 KiB
TypeScript
34 lines
1.3 KiB
TypeScript
import { render, screen } from "@testing-library/react";
|
|
import { Logo } from "./Logo";
|
|
|
|
describe("Logo", () => {
|
|
it("shows the text cutout with the same alt text and a decorative inline mark", () => {
|
|
const { container } = render(<Logo />);
|
|
|
|
const text = screen.getByRole("img", { name: "Evandro.dev.br" });
|
|
expect(text.getAttribute("src")).toContain("wordmark-text-dark.webp");
|
|
expect(text).toHaveAttribute("width", "1600");
|
|
expect(text).toHaveAttribute("height", "330");
|
|
|
|
const mark = container.querySelector("svg");
|
|
expect(mark).toHaveAttribute("aria-hidden", "true");
|
|
expect(mark?.querySelectorAll(".logo-bloco")).toHaveLength(4);
|
|
expect(screen.getAllByRole("img")).toHaveLength(1);
|
|
});
|
|
|
|
it("keeps the caller's className and loading", () => {
|
|
const { container } = render(
|
|
<Logo theme="light" loading="eager" className="w-40 sm:w-44" />,
|
|
);
|
|
|
|
expect(container.firstElementChild).toHaveClass("w-40", "sm:w-44");
|
|
const text = screen.getByRole("img", { name: "Evandro.dev.br" });
|
|
expect(text.getAttribute("src")).toContain("wordmark-text-light.webp");
|
|
expect(text).toHaveAttribute("loading", "eager");
|
|
expect(container.querySelector("svg path")).toHaveAttribute(
|
|
"fill",
|
|
"#00090b",
|
|
);
|
|
});
|
|
});
|