test: expand API and GUI test coverage across all tools

Add ~500 new E2E tests and ~300 new integration tests covering:

- 24 new GUI E2E specs: navigation, responsive layout, keyboard shortcuts,
  tool UI for all 35 non-AI tools, batch/pipeline workflows, settings/RBAC,
  visual regression, accessibility, and performance budgets
- 3 new E2E-Docker specs: batch workflows, advanced pipelines, cross-format
- 1 new adversarial integration test: memory pressure, corrupted files,
  unicode filenames, extreme dimensions, pipeline/batch edge cases
- 29 expanded integration test files: HEIC/HEIF input, large files, parameter
  boundaries, batch processing, format edge cases across all tools
- Cross-format matrix expanded: 641 tests covering every tool x 18 formats
- AI bridge unit tests expanded: lifecycle, tool modules, error propagation
- Unit test gaps filled: analytics, tool-registry, web stores

Also fixes:
- vitest.config.ts: exclude e2e-docs and e2e-landing from Vitest runner
- AI E2E specs: add sidecar health check to skip gracefully when Python
  AI backend is not running instead of timing out
This commit is contained in:
SnapOtter
2026-04-29 01:39:25 +08:00
parent 4acec0846c
commit 03f82567d0
74 changed files with 15893 additions and 14 deletions
+203
View File
@@ -496,4 +496,207 @@ describe("vectorize", () => {
const json = JSON.parse(res.body);
expect(json.downloadUrl).toMatch(/\.svg$/);
});
// ── Large file handling ───────────────────────────────────────
it("vectorizes a large stress image in bw mode", async () => {
const LARGE = readFileSync(join(FIXTURES, "content", "stress-large.jpg"));
const { body, contentType } = createMultipartPayload([
{ name: "file", filename: "large.jpg", contentType: "image/jpeg", content: LARGE },
{ name: "settings", content: JSON.stringify({ colorMode: "bw" }) },
]);
const res = await app.inject({
method: "POST",
url: "/api/v1/tools/vectorize",
headers: { authorization: `Bearer ${adminToken}`, "content-type": contentType },
body,
});
expect(res.statusCode).toBe(200);
const json = JSON.parse(res.body);
expect(json.processedSize).toBeGreaterThan(0);
});
// ── Empty file handling ───────────────────────────────────────
it("rejects empty file buffer", async () => {
const { body, contentType } = createMultipartPayload([
{
name: "file",
filename: "empty.png",
contentType: "image/png",
content: Buffer.alloc(0),
},
{ name: "settings", content: JSON.stringify({}) },
]);
const res = await app.inject({
method: "POST",
url: "/api/v1/tools/vectorize",
headers: { authorization: `Bearer ${adminToken}`, "content-type": contentType },
body,
});
expect(res.statusCode).toBe(400);
});
// ── Invert with color mode ─────────────────────────────────────
it("applies invert in bw mode and produces valid SVG", async () => {
const { body, contentType } = createMultipartPayload([
{ name: "file", filename: "test.png", contentType: "image/png", content: PNG },
{
name: "settings",
content: JSON.stringify({ colorMode: "bw", invert: true, threshold: 100 }),
},
]);
const res = await app.inject({
method: "POST",
url: "/api/v1/tools/vectorize",
headers: { authorization: `Bearer ${adminToken}`, "content-type": contentType },
body,
});
expect(res.statusCode).toBe(200);
const json = JSON.parse(res.body);
const dlRes = await app.inject({
method: "GET",
url: json.downloadUrl,
headers: { authorization: `Bearer ${adminToken}` },
});
const svg = dlRes.rawPayload.toString("utf-8");
expect(svg).toContain("<svg");
});
// ── Corner threshold variations ────────────────────────────────
it("applies extreme corner threshold values", async () => {
const { body, contentType } = createMultipartPayload([
{ name: "file", filename: "test.png", contentType: "image/png", content: PNG },
{
name: "settings",
content: JSON.stringify({ colorMode: "color", cornerThreshold: 180 }),
},
]);
const res = await app.inject({
method: "POST",
url: "/api/v1/tools/vectorize",
headers: { authorization: `Bearer ${adminToken}`, "content-type": contentType },
body,
});
expect(res.statusCode).toBe(200);
});
it("rejects cornerThreshold above max (181)", async () => {
const { body, contentType } = createMultipartPayload([
{ name: "file", filename: "test.png", contentType: "image/png", content: PNG },
{
name: "settings",
content: JSON.stringify({ cornerThreshold: 181 }),
},
]);
const res = await app.inject({
method: "POST",
url: "/api/v1/tools/vectorize",
headers: { authorization: `Bearer ${adminToken}`, "content-type": contentType },
body,
});
expect(res.statusCode).toBe(400);
});
// ── Layer difference and filter speckle boundaries ─────────────
it("accepts minimum layerDifference and filterSpeckle", async () => {
const { body, contentType } = createMultipartPayload([
{ name: "file", filename: "test.png", contentType: "image/png", content: PNG },
{
name: "settings",
content: JSON.stringify({
colorMode: "color",
layerDifference: 1,
filterSpeckle: 1,
}),
},
]);
const res = await app.inject({
method: "POST",
url: "/api/v1/tools/vectorize",
headers: { authorization: `Bearer ${adminToken}`, "content-type": contentType },
body,
});
expect(res.statusCode).toBe(200);
});
it("accepts maximum layerDifference and filterSpeckle", async () => {
const { body, contentType } = createMultipartPayload([
{ name: "file", filename: "test.png", contentType: "image/png", content: PNG },
{
name: "settings",
content: JSON.stringify({
colorMode: "color",
layerDifference: 128,
filterSpeckle: 256,
}),
},
]);
const res = await app.inject({
method: "POST",
url: "/api/v1/tools/vectorize",
headers: { authorization: `Bearer ${adminToken}`, "content-type": contentType },
body,
});
expect(res.statusCode).toBe(200);
});
// ── BW mode with polygon path mode ─────────────────────────────
it("bw mode with polygon path mode", async () => {
const { body, contentType } = createMultipartPayload([
{ name: "file", filename: "test.png", contentType: "image/png", content: PNG },
{
name: "settings",
content: JSON.stringify({ colorMode: "bw", pathMode: "polygon", threshold: 128 }),
},
]);
const res = await app.inject({
method: "POST",
url: "/api/v1/tools/vectorize",
headers: { authorization: `Bearer ${adminToken}`, "content-type": contentType },
body,
});
expect(res.statusCode).toBe(200);
const json = JSON.parse(res.body);
expect(json.downloadUrl).toMatch(/\.svg$/);
});
it("bw mode with none path mode", async () => {
const { body, contentType } = createMultipartPayload([
{ name: "file", filename: "test.png", contentType: "image/png", content: PNG },
{
name: "settings",
content: JSON.stringify({ colorMode: "bw", pathMode: "none" }),
},
]);
const res = await app.inject({
method: "POST",
url: "/api/v1/tools/vectorize",
headers: { authorization: `Bearer ${adminToken}`, "content-type": contentType },
body,
});
expect(res.statusCode).toBe(200);
});
});