SkyJourney
58f87cc19f
建立 Chromium、Word 与 WPS 的可编辑内容、段落几何、页眉页脚、封面、媒体和逐页视觉比较链路。 支持封面独立分节、正文页码重启、主题页边距与横向纸张，并将自然分页差异降为诊断项。 修正代码块内边距和折叠表格单元格边框映射，14 套主题生产矩阵与六组布局视觉矩阵通过。
91 lines
2.8 KiB
TypeScript
91 lines
2.8 KiB
TypeScript
import { createHash } from "node:crypto";
|
|
|
|
import { createCanvas } from "@napi-rs/canvas";
|
|
import { describe, expect, it } from "vitest";
|
|
|
|
import {
|
|
comparePageRasters,
|
|
type PdfPageRaster,
|
|
} from "../src/index.js";
|
|
|
|
function raster(rectangleX: number): PdfPageRaster {
|
|
const canvas = createCanvas(80, 100);
|
|
const context = canvas.getContext("2d");
|
|
context.fillStyle = "#ffffff";
|
|
context.fillRect(0, 0, 80, 100);
|
|
context.fillStyle = "#111111";
|
|
context.fillRect(rectangleX, 20, 20, 40);
|
|
const png = Uint8Array.from(canvas.toBuffer("image/png"));
|
|
return {
|
|
widthPx: 80,
|
|
heightPx: 100,
|
|
dpi: 144,
|
|
sha256: createHash("sha256").update(png).digest("hex"),
|
|
png,
|
|
};
|
|
}
|
|
|
|
function differentlySizedRaster(width: number, height: number): PdfPageRaster {
|
|
const canvas = createCanvas(width, height);
|
|
const context = canvas.getContext("2d");
|
|
context.fillStyle = "#ffffff";
|
|
context.fillRect(0, 0, width, height);
|
|
context.fillStyle = "#111111";
|
|
context.fillRect(width * 0.25, height * 0.2, width * 0.25, height * 0.4);
|
|
const png = Uint8Array.from(canvas.toBuffer("image/png"));
|
|
return {
|
|
widthPx: width,
|
|
heightPx: height,
|
|
dpi: 144,
|
|
sha256: createHash("sha256").update(png).digest("hex"),
|
|
png,
|
|
};
|
|
}
|
|
|
|
describe("PDF 栅格差异", () => {
|
|
it("相同页面的全部指标为无差异", async () => {
|
|
const page = raster(10);
|
|
const result = await comparePageRasters(page, page);
|
|
expect(result.metrics).toMatchObject({
|
|
dimensionsMatch: true,
|
|
meanAbsoluteError: 0,
|
|
changedPixelRatio: 0,
|
|
inkIou: 1,
|
|
edgeIou: 1,
|
|
});
|
|
expect(result.artifacts.overlayPng.subarray(0, 8)).toEqual(
|
|
new Uint8Array([137, 80, 78, 71, 13, 10, 26, 10]),
|
|
);
|
|
});
|
|
|
|
it("量化位移并生成稳定叠加图与热力图", async () => {
|
|
const result = await comparePageRasters(raster(10), raster(20));
|
|
expect(result.metrics.meanAbsoluteError).toBeGreaterThan(10);
|
|
expect(result.metrics.changedPixelRatio).toBeCloseTo(0.1, 2);
|
|
expect(result.metrics.inkIou).toBeCloseTo(1 / 3, 2);
|
|
expect(result.metrics.edgeIou).toBeLessThan(0.4);
|
|
expect(result.artifacts.overlaySha256).toHaveLength(64);
|
|
expect(result.artifacts.heatmapSha256).toHaveLength(64);
|
|
});
|
|
|
|
it("可按物理页面基线规范化一像素的栅格舍入差", async () => {
|
|
const result = await comparePageRasters(
|
|
differentlySizedRaster(80, 100),
|
|
differentlySizedRaster(81, 101),
|
|
{
|
|
targetWidthPx: 80,
|
|
targetHeightPx: 100,
|
|
geometryNormalized: true,
|
|
},
|
|
);
|
|
expect(result.metrics).toMatchObject({
|
|
baselineWidthPx: 80,
|
|
candidateWidthPx: 81,
|
|
comparedWidthPx: 80,
|
|
dimensionsMatch: false,
|
|
geometryNormalized: true,
|
|
});
|
|
expect(result.metrics.meanAbsoluteError).toBeLessThan(2);
|
|
});
|
|
});
|