Ku6epXBOCTuK/easy-png-tools2
1
0
Fork 0
mirror of https://github.com/Ku6epXBOCTuK/easy-png-tools.git synced 2026-09-14 13:36:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

test: update registry tests

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-09-10 12:01:54 +05:00
parent d6706abea2
commit 50a9276113
1 changed files with 147 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/registry-new/registry-new.test.ts
+147 -78
View File
@@ -2,6 +2,15 @@ import { describe, expect, it } from "vitest";
import { PREVIEW_GROUPS } from "../preview/catalog"; import { PREVIEW_GROUPS } from "../preview/catalog";
import { TOOLS } from "../registry-new"; import { TOOLS } from "../registry-new";
import { defaultSchemaParams, sanitizeSchemaParams } from "../registry-schema"; import { defaultSchemaParams, sanitizeSchemaParams } from "../registry-schema";
import type { PixelImage } from "../core/types";
import type { ToolResult } from "./types";
function asImage(result: ToolResult): PixelImage {
if (typeof result === "string") {
throw new Error("expected an image result");
}
return result;
}
describe("registry-new (переведённые инструменты)", () => { describe("registry-new (переведённые инструменты)", () => {
it("id уникальны", () => { it("id уникальны", () => {
@@ -16,6 +25,36 @@ describe("registry-new (переведённые инструменты)", () =>
); );
}); });
it("guard: у всех инструментов задан валидный input", () => {
for (const tool of TOOLS) {
expect(tool.input, tool.id).toMatch(/^(image|text|none)$/);
}
});
it("guard: input=image требует источник, input=text — текст", () => {
for (const tool of TOOLS) {
const params = sanitizeSchemaParams(tool.schema, {});
if (tool.input === "image") {
expect(() => tool.run({ params }), tool.id).toThrow(
"errors.sourceRequired",
);
} else if (tool.input === "text") {
expect(() => tool.run({ params }), tool.id).toThrow(
"errors.textRequired",
);
}
}
});
it("guard: input=none работает без источника", async () => {
const tool = TOOLS.find((t) => t.id === "create-empty-png")!;
const img = asImage(
await tool.run({ params: sanitizeSchemaParams(tool.schema, {}) }),
);
expect(img.width).toBe(800);
expect(img.height).toBe(600);
});
it("дефолты схем дают валидные параметры (включая dimension)", () => { it("дефолты схем дают валидные параметры (включая dimension)", () => {
for (const tool of TOOLS) { for (const tool of TOOLS) {
const defaults = defaultSchemaParams(tool.schema); const defaults = defaultSchemaParams(tool.schema);
@@ -52,7 +91,7 @@ describe("registry-new (переведённые инструменты)", () =>
transparent: true, transparent: true,
color: "#ff0000", color: "#ff0000",
}); });
const img = await tool.generate!(params); const img = asImage(await tool.run({ params }));
expect(img.width).toBe(320); expect(img.width).toBe(320);
expect(img.height).toBe(200); expect(img.height).toBe(200);
expect(img.data[3]).toBe(0); expect(img.data[3]).toBe(0);
@@ -98,25 +137,29 @@ describe("registry-new (переведённые инструменты)", () =>
], ],
])("генератор %s даёт картинку по dimension", async (id, params) => { ])("генератор %s даёт картинку по dimension", async (id, params) => {
const tool = TOOLS.find((t) => t.id === id)!; const tool = TOOLS.find((t) => t.id === id)!;
expect(tool.generate).toBeDefined(); expect(tool.input).toBe("none");
const sanitized = sanitizeSchemaParams(tool.schema, params); const sanitized = sanitizeSchemaParams(tool.schema, params);
const img = await tool.generate!(sanitized); const img = asImage(await tool.run({ params: sanitized }));
expect(img.width).toBe(40); expect(img.width).toBe(40);
expect(img.height).toBe(30); expect(img.height).toBe(30);
}); });
it("random-noisе детерминирован по seed", async () => { it("random-noisе детерминирован по seed", async () => {
const tool = TOOLS.find((t) => t.id === "random-noise-png")!; const tool = TOOLS.find((t) => t.id === "random-noise-png")!;
const a = await tool.generate!( const a = asImage(
sanitizeSchemaParams(tool.schema, { await tool.run({
size: { width: 32, height: 32 }, params: sanitizeSchemaParams(tool.schema, {
seed: 1, size: { width: 32, height: 32 },
seed: 1,
}),
}), }),
); );
const b = await tool.generate!( const b = asImage(
sanitizeSchemaParams(tool.schema, { await tool.run({
size: { width: 32, height: 32 }, params: sanitizeSchemaParams(tool.schema, {
seed: 1, size: { width: 32, height: 32 },
seed: 1,
}),
}), }),
); );
expect(a.data).toEqual(b.data); expect(a.data).toEqual(b.data);
@@ -125,11 +168,13 @@ describe("registry-new (переведённые инструменты)", () =>
it("resize: keepAspect с одной стороной сохраняет пропорции", async () => { it("resize: keepAspect с одной стороной сохраняет пропорции", async () => {
const tool = TOOLS.find((t) => t.id === "resize-png")!; const tool = TOOLS.find((t) => t.id === "resize-png")!;
const img = solid(100, 50); const img = solid(100, 50);
const out = await tool.run!( const out = asImage(
img, await tool.run({
sanitizeSchemaParams(tool.schema, { source: img,
size: { width: 200, height: 0 }, params: sanitizeSchemaParams(tool.schema, {
keepAspect: true, size: { width: 200, height: 0 },
keepAspect: true,
}),
}), }),
); );
expect(out.width).toBe(200); expect(out.width).toBe(200);
@@ -139,12 +184,14 @@ describe("registry-new (переведённые инструменты)", () =>
it("crop вырезает область по x/y", async () => { it("crop вырезает область по x/y", async () => {
const tool = TOOLS.find((t) => t.id === "crop-png")!; const tool = TOOLS.find((t) => t.id === "crop-png")!;
const img = solid(100, 100); const img = solid(100, 100);
const out = await tool.run!( const out = asImage(
img, await tool.run({
sanitizeSchemaParams(tool.schema, { source: img,
x: 10, params: sanitizeSchemaParams(tool.schema, {
y: 20, x: 10,
size: { width: 30, height: 40 }, y: 20,
size: { width: 30, height: 40 },
}),
}), }),
); );
expect(out.width).toBe(30); expect(out.width).toBe(30);
@@ -154,12 +201,14 @@ describe("registry-new (переведённые инструменты)", () =>
it("fit-on-background центрирует картинку на канвасе", async () => { it("fit-on-background центрирует картинку на канвасе", async () => {
const tool = TOOLS.find((t) => t.id === "fit-on-background-png")!; const tool = TOOLS.find((t) => t.id === "fit-on-background-png")!;
const img = solid(20, 10); const img = solid(20, 10);
const out = await tool.run!( const out = asImage(
img, await tool.run({
sanitizeSchemaParams(tool.schema, { source: img,
size: { width: 60, height: 30 }, params: sanitizeSchemaParams(tool.schema, {
transparent: true, size: { width: 60, height: 30 },
color: "#ffffff", transparent: true,
color: "#ffffff",
}),
}), }),
); );
expect(out.width).toBe(60); expect(out.width).toBe(60);
@@ -170,11 +219,13 @@ describe("registry-new (переведённые инструменты)", () =>
it("change-canvas-size использует anchor для позиции", async () => { it("change-canvas-size использует anchor для позиции", async () => {
const tool = TOOLS.find((t) => t.id === "change-canvas-size-png")!; const tool = TOOLS.find((t) => t.id === "change-canvas-size-png")!;
const img = solid(10, 10); const img = solid(10, 10);
const out = await tool.run!( const out = asImage(
img, await tool.run({
sanitizeSchemaParams(tool.schema, { source: img,
size: { width: 20, height: 20 }, params: sanitizeSchemaParams(tool.schema, {
anchor: "top-left", size: { width: 20, height: 20 },
anchor: "top-left",
}),
}), }),
); );
expect(out.width).toBe(20); expect(out.width).toBe(20);
@@ -189,10 +240,12 @@ describe("registry-new (переведённые инструменты)", () =>
const tool = TOOLS.find((t) => t.id === "blend-two-png")!; const tool = TOOLS.find((t) => t.id === "blend-two-png")!;
const d = defaultSchemaParams(tool.schema); const d = defaultSchemaParams(tool.schema);
expect(d.pair).toEqual({ from: "#000000", to: "#ffffff" }); expect(d.pair).toEqual({ from: "#000000", to: "#ffffff" });
const img = await tool.generate!( const img = asImage(
sanitizeSchemaParams(tool.schema, { await tool.run({
pair: { from: "#ff0000", to: "#0000ff" }, params: sanitizeSchemaParams(tool.schema, {
width: 128, pair: { from: "#ff0000", to: "#0000ff" },
width: 128,
}),
}), }),
); );
expect(img.width).toBe(128); expect(img.width).toBe(128);
@@ -200,12 +253,14 @@ describe("registry-new (переведённые инструменты)", () =>
it("step-colors: рендерит steps полос по паре", async () => { it("step-colors: рендерит steps полос по паре", async () => {
const tool = TOOLS.find((t) => t.id === "step-colors-png")!; const tool = TOOLS.find((t) => t.id === "step-colors-png")!;
const img = await tool.generate!( const img = asImage(
sanitizeSchemaParams(tool.schema, { await tool.run({
pair: { from: "#000000", to: "#ffffff" }, params: sanitizeSchemaParams(tool.schema, {
steps: 4, pair: { from: "#000000", to: "#ffffff" },
width: 128, steps: 4,
layout: "strip", width: 128,
layout: "strip",
}),
}), }),
); );
expect(img.width).toBe(128); expect(img.width).toBe(128);
@@ -222,11 +277,13 @@ describe("registry-new (переведённые инструменты)", () =>
data[i + 1] = 0; data[i + 1] = 0;
data[i + 2] = 0; data[i + 2] = 0;
} }
const out = await tool.run!( const out = asImage(
img, await tool.run({
sanitizeSchemaParams(tool.schema, { source: img,
pair: { from: "#ffffff", to: "#ff0000" }, params: sanitizeSchemaParams(tool.schema, {
threshold: 50, pair: { from: "#ffffff", to: "#ff0000" },
threshold: 50,
}),
}), }),
); );
// Светлый пиксель → from (#ffffff), тёмный → to (#ff0000) // Светлый пиксель → from (#ffffff), тёмный → to (#ff0000)
@@ -247,28 +304,34 @@ describe("registry-new (переведённые инструменты)", () =>
angle: 0, angle: 0,
}); });
// 0° — слева направо: крайний левый пиксель = from, крайний правый = to // 0° — слева направо: крайний левый пиксель = from, крайний правый = to
let img = await tool.generate!( let img = asImage(
sanitizeSchemaParams(tool.schema, { await tool.run({
size: { width: 4, height: 1 }, params: sanitizeSchemaParams(tool.schema, {
gradient: { from: "#000000", to: "#ffffff", angle: 0 }, size: { width: 4, height: 1 },
gradient: { from: "#000000", to: "#ffffff", angle: 0 },
}),
}), }),
); );
expect(img.data[0]).toBe(0); expect(img.data[0]).toBe(0);
expect(img.data[12]).toBe(255); expect(img.data[12]).toBe(255);
// 90° — сверху вниз: верхний пиксель = from, нижний = to // 90° — сверху вниз: верхний пиксель = from, нижний = to
img = await tool.generate!( img = asImage(
sanitizeSchemaParams(tool.schema, { await tool.run({
size: { width: 1, height: 4 }, params: sanitizeSchemaParams(tool.schema, {
gradient: { from: "#000000", to: "#ffffff", angle: 90 }, size: { width: 1, height: 4 },
gradient: { from: "#000000", to: "#ffffff", angle: 90 },
}),
}), }),
); );
expect(img.data[0]).toBe(0); expect(img.data[0]).toBe(0);
expect(img.data[12]).toBe(255); expect(img.data[12]).toBe(255);
// 180° — разворот: левый пиксель = to // 180° — разворот: левый пиксель = to
img = await tool.generate!( img = asImage(
sanitizeSchemaParams(tool.schema, { await tool.run({
size: { width: 4, height: 1 }, params: sanitizeSchemaParams(tool.schema, {
gradient: { from: "#000000", to: "#ffffff", angle: 180 }, size: { width: 4, height: 1 },
gradient: { from: "#000000", to: "#ffffff", angle: 180 },
}),
}), }),
); );
expect(img.data[0]).toBe(255); expect(img.data[0]).toBe(255);
@@ -305,11 +368,13 @@ describe("registry-new (переведённые инструменты)", () =>
it("circle-mask: срезает углы и сохраняет центр", async () => { it("circle-mask: срезает углы и сохраняет центр", async () => {
const tool = TOOLS.find((t) => t.id === "circle-mask-png")!; const tool = TOOLS.find((t) => t.id === "circle-mask-png")!;
const img = await tool.run!( const img = asImage(
solid(100, 100), await tool.run({
sanitizeSchemaParams(tool.schema, { source: solid(100, 100),
size: 100, params: sanitizeSchemaParams(tool.schema, {
offset: { x: 0, y: 0 }, size: 100,
offset: { x: 0, y: 0 },
}),
}), }),
); );
// Внешний угол (0,0) — вне круга радиуса 50 → прозрачен // Внешний угол (0,0) — вне круга радиуса 50 → прозрачен
@@ -320,11 +385,13 @@ describe("registry-new (переведённые инструменты)", () =>
it("circle-mask: offset сдвигает фигуру", async () => { it("circle-mask: offset сдвигает фигуру", async () => {
const tool = TOOLS.find((t) => t.id === "circle-mask-png")!; const tool = TOOLS.find((t) => t.id === "circle-mask-png")!;
const img = await tool.run!( const img = asImage(
solid(100, 100), await tool.run({
sanitizeSchemaParams(tool.schema, { source: solid(100, 100),
size: 50, params: sanitizeSchemaParams(tool.schema, {
offset: { x: 50, y: 0 }, size: 50,
offset: { x: 50, y: 0 },
}),
}), }),
); );
// Радиус 25, центр смещён к x=100; пиксель (75,50) внутри, (49,50) снаружи // Радиус 25, центр смещён к x=100; пиксель (75,50) внутри, (49,50) снаружи
@@ -334,14 +401,16 @@ describe("registry-new (переведённые инструменты)", () =>
it("star-mask: сохраняет центр, режет углы", async () => { it("star-mask: сохраняет центр, режет углы", async () => {
const tool = TOOLS.find((t) => t.id === "star-mask-png")!; const tool = TOOLS.find((t) => t.id === "star-mask-png")!;
const img = await tool.run!( const img = asImage(
solid(100, 100), await tool.run({
sanitizeSchemaParams(tool.schema, { source: solid(100, 100),
points: 5, params: sanitizeSchemaParams(tool.schema, {
innerRadius: 45, points: 5,
size: 100, innerRadius: 45,
rotation: 0, size: 100,
offset: { x: 0, y: 0 }, rotation: 0,
offset: { x: 0, y: 0 },
}),
}), }),
); );
expect(img.data[(50 * img.width + 50) * 4 + 3]).toBe(255); expect(img.data[(50 * img.width + 50) * 4 + 3]).toBe(255);