deer-flow/frontend/tests/unit/app/layout-boundaries.test.ts
DanielWalnut 459dd78707
perf(frontend): bound delivery, bundles, and long-running UI work (#4622)
* 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
2026-08-01 22:19:59 +08:00

46 lines
1.5 KiB
TypeScript

import { readFileSync } from "node:fs";
import path from "node:path";
import { describe, expect, it } from "@rstest/core";
const FRONTEND_ROOT = path.resolve(__dirname, "../../..");
function source(relativePath: string) {
return readFileSync(path.join(FRONTEND_ROOT, relativePath), "utf8");
}
describe("layout performance boundaries", () => {
it("keeps request locale and rich-content styles out of the root layout", () => {
const rootLayout = source("src/app/layout.tsx");
expect(rootLayout).not.toContain("detectLocaleServer");
expect(rootLayout).not.toContain("I18nProvider");
expect(rootLayout).not.toContain("katex/dist/katex.min.css");
expect(rootLayout).not.toContain("streamdown/styles.css");
expect(rootLayout).toContain("DEFAULT_LOCALE");
});
it("assigns rich-content styles to routes that render them", () => {
expect(source("src/app/workspace/layout.tsx")).toContain(
'import "streamdown/styles.css"',
);
expect(source("src/app/[lang]/docs/layout.tsx")).toContain(
'import "katex/dist/katex.min.css"',
);
expect(source("src/app/blog/layout.tsx")).toContain(
'import "katex/dist/katex.min.css"',
);
});
it("passes only serializable locale state through server layouts", () => {
for (const layout of [
source("src/app/(auth)/layout.tsx"),
source("src/app/workspace/layout.tsx"),
]) {
expect(layout).toContain("detectLocaleServer");
expect(layout).not.toContain("initialTranslations");
expect(layout).not.toContain("getI18n");
}
});
});