mirror of
https://github.com/bytedance/deer-flow.git
synced 2026-08-06 21:08:43 +00:00
459dd78707
* docs: design frontend performance remediation * docs: plan frontend performance remediation * test(frontend): add route asset performance budgets * perf(nginx): compress textual responses safely * perf(frontend): lazy load case study media * perf(frontend): bound static demo file tracing * perf(frontend): restore static locale boundaries * perf(frontend): defer closed workspace panels * perf(frontend): split editors and deduplicate highlighting * perf(frontend): index incremental message derivation * perf(frontend): stabilize paged history cache policy * perf(frontend): bound streaming markdown renders * perf(frontend): virtualize message history * perf(frontend): bound and virtualize chat lists * perf(frontend): suspend inactive decorative animation * perf(browser): stream latest frames as binary * perf(artifacts): stream bounded text previews * docs: finalize performance runtime boundaries * style(backend): apply test formatting * fix(frontend): keep translation functions client-side * perf(frontend): defer decorative animation bundles * test(frontend): lock optimized route budgets * fix: harden frontend performance boundaries * test(frontend): update i18n provider fixture * fix(frontend): preserve sidebar pagination position * style(backend): format artifact range test
57 lines
1.9 KiB
TypeScript
57 lines
1.9 KiB
TypeScript
import { readFileSync } from "node:fs";
|
|
import { join } from "node:path";
|
|
|
|
import { describe, expect, it } from "@rstest/core";
|
|
|
|
const frontendRoot = join(import.meta.dirname, "../../../..");
|
|
|
|
describe("decorative animation scheduling", () => {
|
|
it("suspends the Galaxy render loop when its container is inactive", () => {
|
|
const source = readFileSync(
|
|
join(frontendRoot, "src/components/landing/hero.tsx"),
|
|
"utf8",
|
|
);
|
|
|
|
expect(source).toContain("useRenderActivity");
|
|
expect(source).toContain("renderGalaxy && (");
|
|
expect(source).toContain(
|
|
'dynamic(() => import("@/components/ui/galaxy"), { ssr: false })',
|
|
);
|
|
});
|
|
|
|
it("scopes and coalesces Magic Bento spotlight pointer work", () => {
|
|
const source = readFileSync(
|
|
join(
|
|
frontendRoot,
|
|
"src/components/landing/sections/whats-new-section.tsx",
|
|
),
|
|
"utf8",
|
|
);
|
|
|
|
expect(source).toContain("useRenderActivity");
|
|
expect(source).toContain("enableSpotlight={false}");
|
|
expect(source).toContain('import("@/components/ui/magic-bento")');
|
|
expect(source).toContain("ssr: false");
|
|
expect(source).toContain(
|
|
"useRenderActivity(bentoContainerRef, false, false)",
|
|
);
|
|
expect(source).toContain("disableAnimations={reducedMotion}");
|
|
expect(source).toContain('container.addEventListener("pointermove"');
|
|
expect(source).toContain("pendingPointerFrame");
|
|
});
|
|
|
|
it("does not load the skills animation before its section is visible", () => {
|
|
const source = readFileSync(
|
|
join(frontendRoot, "src/components/landing/sections/skills-section.tsx"),
|
|
"utf8",
|
|
);
|
|
|
|
expect(source).toContain('import("../progressive-skills-animation")');
|
|
expect(source).toContain("ssr: false");
|
|
expect(source).toContain("useRenderActivity(animationRef, false)");
|
|
expect(source).toContain(
|
|
"renderAnimation && <ProgressiveSkillsAnimation />",
|
|
);
|
|
});
|
|
});
|