Evandro Fonseca Junior
dfcadc71fa
CI / verify (push) Failing after 5m29s
Estado do disco em 14/10/2026, sem filtrar. Inclui as copias .sync-conflict-* do Syncthing de 07/10 e os 15 arquivos que o Syncthing apagou; todo esse conteudo ja existia em outros commits. So havia fora do Git: AGENTS.md, CLAUDE.md e a alteracao em data/project-health.json.
82 lines
2.0 KiB
TypeScript
82 lines
2.0 KiB
TypeScript
import { render } from "@testing-library/react";
|
|
import type { ReactNode } from "react";
|
|
|
|
import { TextDiffuseReveal } from "./TextDiffuseReveal";
|
|
|
|
let mockReducedMotion = false;
|
|
let mockInView = true;
|
|
let mockAnimations: Array<{ animate?: Record<string, unknown> }> = [];
|
|
jest.mock("motion/react", () => {
|
|
const React = require("react");
|
|
|
|
return {
|
|
motion: {
|
|
span: ({
|
|
children,
|
|
initial: _initial,
|
|
animate,
|
|
transition: _transition,
|
|
onAnimationComplete: _onAnimationComplete,
|
|
...props
|
|
}: {
|
|
children?: ReactNode;
|
|
initial?: unknown;
|
|
animate?: Record<string, unknown>;
|
|
transition?: unknown;
|
|
onAnimationComplete?: () => void;
|
|
} & Record<string, unknown>) => {
|
|
mockAnimations.push({ animate });
|
|
return React.createElement("span", props, children);
|
|
},
|
|
},
|
|
useInView: () => mockInView,
|
|
useReducedMotion: () => mockReducedMotion,
|
|
};
|
|
});
|
|
|
|
describe("TextDiffuseReveal reduced motion", () => {
|
|
beforeEach(() => {
|
|
mockReducedMotion = false;
|
|
mockInView = true;
|
|
mockAnimations = [];
|
|
});
|
|
|
|
it("clears blur and scale when reduced motion resolves after mount", () => {
|
|
const { rerender } = render(<TextDiffuseReveal text="Reveal" />);
|
|
|
|
mockAnimations = [];
|
|
mockReducedMotion = true;
|
|
rerender(<TextDiffuseReveal text="Reveal" />);
|
|
|
|
expect(mockAnimations).toHaveLength(6);
|
|
expect(mockAnimations).toEqual(
|
|
expect.arrayContaining(
|
|
Array.from({ length: 6 }, () =>
|
|
expect.objectContaining({
|
|
animate: {
|
|
opacity: 1,
|
|
filter: "blur(0px)",
|
|
scale: 1,
|
|
},
|
|
}),
|
|
),
|
|
),
|
|
);
|
|
});
|
|
|
|
it("keeps the first render independent of the reduced-motion preference", () => {
|
|
mockReducedMotion = true;
|
|
mockInView = false;
|
|
|
|
render(<TextDiffuseReveal text="Reveal" />);
|
|
|
|
expect(mockAnimations[0]).toEqual({
|
|
animate: {
|
|
filter: "blur(12px)",
|
|
opacity: 0,
|
|
scale: 0.9,
|
|
},
|
|
});
|
|
});
|
|
});
|