deer-flow/frontend/tests/unit/app/mock/static-artifact-route.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

86 lines
2.8 KiB
TypeScript

import { afterEach, describe, expect, it, rs } from "@rstest/core";
import { NextRequest } from "next/server";
import { GET } from "@/app/mock/api/threads/[thread_id]/artifacts/[[...artifact_path]]/route";
describe("static artifact mock route", () => {
afterEach(() => {
rs.restoreAllMocks();
});
it("streams only a manifest-owned public artifact", async () => {
const fetchMock = rs
.spyOn(globalThis, "fetch")
.mockResolvedValue(new Response("artifact body", { status: 200 }));
const request = new NextRequest(
"http://deer-flow.test/mock/api/threads/thread/artifacts/file",
);
const response = await GET(request, {
params: Promise.resolve({
thread_id: "7cfa5f8f-a2f8-47ad-acbd-da7137baf990",
artifact_path: ["mnt", "user-data", "outputs", "index.html"],
}),
});
expect(fetchMock).toHaveBeenCalledWith(
"http://deer-flow.test/demo/threads/7cfa5f8f-a2f8-47ad-acbd-da7137baf990/user-data/outputs/index.html",
expect.objectContaining({ signal: request.signal }),
);
expect(response.status).toBe(200);
expect(await response.text()).toBe("artifact body");
});
it("preserves bounded range requests and partial-response metadata", async () => {
const fetchMock = rs.spyOn(globalThis, "fetch").mockResolvedValue(
new Response("partial", {
status: 206,
headers: {
"Accept-Ranges": "bytes",
"Content-Length": "7",
"Content-Range": "bytes 0-6/2000000",
"Content-Type": "text/plain",
},
}),
);
const request = new NextRequest(
"http://deer-flow.test/mock/api/threads/thread/artifacts/file",
{ headers: { Range: "bytes=0-1048575" } },
);
const response = await GET(request, {
params: Promise.resolve({
thread_id: "7cfa5f8f-a2f8-47ad-acbd-da7137baf990",
artifact_path: ["mnt", "user-data", "outputs", "index.html"],
}),
});
expect(fetchMock).toHaveBeenCalledWith(
expect.stringContaining("/demo/threads/"),
expect.objectContaining({
headers: expect.objectContaining({ Range: "bytes=0-1048575" }),
}),
);
expect(response.status).toBe(206);
expect(response.headers.get("Accept-Ranges")).toBe("bytes");
expect(response.headers.get("Content-Range")).toBe("bytes 0-6/2000000");
});
it("rejects traversal before fetching", async () => {
const fetchMock = rs.spyOn(globalThis, "fetch");
const request = new NextRequest(
"http://deer-flow.test/mock/api/threads/thread/artifacts/file",
);
const response = await GET(request, {
params: Promise.resolve({
thread_id: "7cfa5f8f-a2f8-47ad-acbd-da7137baf990",
artifact_path: ["mnt", "user-data", "outputs", "..", "thread.json"],
}),
});
expect(response.status).toBe(404);
expect(fetchMock).not.toHaveBeenCalled();
});
});