fix(navegacao): foco em âncora de outra página, vitrine acessível e 3D mais leve

Foco cai no destino ao chegar de outra página; âncoras ignoram ?tipo=; movimento reduzido salta em todos os cliques; cronômetro da janela ampliada; degradê no topo de Projetos e legendas do mergulho com intervalos testados; vitrine acima da barra de cookies e com 2 paradas por projeto; reel-list.css no global; 3D montado em tarefas curtas, limitado a ~30 qps e estático com WebGL por software; pôsteres da vitrine de 330 para 158 KB; SC Plus regravado; scripts sem funções acima de complexidade 10.
This commit is contained in:
Evandro Fonseca Junior committed 2026-10-14 19:14:48 -03:00
1 parent 9e2d65a926
commit 204ebd5fa5
49 files changed
+2197 -606

No files matched your search

@@ -252,19 +252,32 @@ describe("useCinematicScroll", () => {
expect(contact).toHaveTextContent("Contato");
});
it("does no scroll work for users who prefer reduced motion, and leaves anchor clicks to the browser", async () => {
it("with reduced motion there is no smooth scroll, and EVERY anchor click jumps instantly (no animation)", async () => {
mockMedia(["(prefers-reduced-motion: reduce)"]);
await mount();
expect(mockLenis).toHaveLength(0);
const link = document.querySelector('a[href="/#projects"]') as HTMLElement;
const event = new MouseEvent("click", { bubbles: true, cancelable: true });
act(() => {
link.dispatchEvent(event);
});
for (let i = 0; i < 3; i++) {
(window.scrollTo as jest.Mock).mockClear();
const event = new MouseEvent("click", {
bubbles: true,
cancelable: true,
});
act(() => {
link.dispatchEvent(event);
});
expect(event.defaultPrevented).toBe(false);
// o clique é tratado em todas as vezes, não só na primeira: salto instantâneo até a cena
expect(event.defaultPrevented).toBe(true);
expect(window.scrollTo).toHaveBeenCalledTimes(1);
expect(window.scrollTo).toHaveBeenCalledWith({
top: TOPS.projects,
behavior: "instant",
});
}
expect(mockLenis).toHaveLength(0);
expect(window.scrollTo).not.toHaveBeenCalled();
expect(document.getElementById("projects")).toHaveFocus();
});
describe("smooth scroll", () => {