mirror of
https://github.com/bytedance/deer-flow.git
synced 2026-08-08 05:48:53 +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
69 lines
2.4 KiB
TypeScript
69 lines
2.4 KiB
TypeScript
import { afterEach, describe, expect, it, rs } from "@rstest/core";
|
|
|
|
import { LatestBrowserFrameBuffer } from "@/components/workspace/browser-view/frame-buffer";
|
|
|
|
describe("LatestBrowserFrameBuffer", () => {
|
|
afterEach(() => {
|
|
rs.restoreAllMocks();
|
|
rs.unstubAllGlobals();
|
|
});
|
|
|
|
it("publishes only the latest binary frame in one animation frame", () => {
|
|
let scheduled: FrameRequestCallback | undefined;
|
|
const requestFrame = rs.fn((callback: FrameRequestCallback) => {
|
|
scheduled = callback;
|
|
return 7;
|
|
});
|
|
rs.stubGlobal("requestAnimationFrame", requestFrame);
|
|
rs.stubGlobal("cancelAnimationFrame", rs.fn());
|
|
const createObjectURL = rs
|
|
.spyOn(URL, "createObjectURL")
|
|
.mockReturnValueOnce("blob:first");
|
|
const revokeObjectURL = rs.spyOn(URL, "revokeObjectURL");
|
|
const listener = rs.fn();
|
|
const frames = new LatestBrowserFrameBuffer();
|
|
frames.subscribe(listener);
|
|
const dropped = new Blob(["dropped"], { type: "image/jpeg" });
|
|
const latest = new Blob(["latest"], { type: "image/jpeg" });
|
|
|
|
frames.push(dropped);
|
|
frames.push(latest);
|
|
|
|
expect(requestFrame).toHaveBeenCalledOnce();
|
|
expect(listener).not.toHaveBeenCalled();
|
|
scheduled?.(16);
|
|
expect(createObjectURL).toHaveBeenCalledOnce();
|
|
expect(createObjectURL).toHaveBeenCalledWith(latest);
|
|
expect(frames.getSnapshot()).toBe("blob:first");
|
|
expect(listener).toHaveBeenCalledOnce();
|
|
expect(revokeObjectURL).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it("revokes replaced and disposed object URLs", () => {
|
|
const callbacks: FrameRequestCallback[] = [];
|
|
rs.stubGlobal(
|
|
"requestAnimationFrame",
|
|
rs.fn((callback: FrameRequestCallback) => {
|
|
callbacks.push(callback);
|
|
return callbacks.length;
|
|
}),
|
|
);
|
|
rs.stubGlobal("cancelAnimationFrame", rs.fn());
|
|
rs.spyOn(URL, "createObjectURL")
|
|
.mockReturnValueOnce("blob:first")
|
|
.mockReturnValueOnce("blob:second");
|
|
const revokeObjectURL = rs.spyOn(URL, "revokeObjectURL");
|
|
const frames = new LatestBrowserFrameBuffer();
|
|
|
|
frames.push(new Blob(["one"]));
|
|
callbacks.shift()?.(16);
|
|
frames.push(new Blob(["two"]));
|
|
callbacks.shift()?.(32);
|
|
expect(revokeObjectURL).toHaveBeenCalledWith("blob:first");
|
|
|
|
frames.dispose();
|
|
expect(revokeObjectURL).toHaveBeenCalledWith("blob:second");
|
|
expect(frames.getSnapshot()).toBeNull();
|
|
});
|
|
});
|