SkyJourney
58f87cc19f
建立 Chromium、Word 与 WPS 的可编辑内容、段落几何、页眉页脚、封面、媒体和逐页视觉比较链路。 支持封面独立分节、正文页码重启、主题页边距与横向纸张，并将自然分页差异降为诊断项。 修正代码块内边距和折叠表格单元格边框映射，14 套主题生产矩阵与六组布局视觉矩阵通过。
90 lines
2.3 KiB
TypeScript
90 lines
2.3 KiB
TypeScript
import {
|
|
DOCX_STYLE_SLOT_NAMES,
|
|
type DocxComputedStyle,
|
|
type DocxThemeStyleCaptureRequest
|
|
} from "@md-to-pdf/docx-theme-engine";
|
|
import { describe, expect, it, vi } from "vitest";
|
|
import { captureDocxThemeStyleWithPlaywrightPage } from "../src/playwright-docx-theme-style.js";
|
|
|
|
const computed: DocxComputedStyle = {
|
|
fontFamily: "Arial",
|
|
fontSize: "16px",
|
|
fontWeight: "400",
|
|
fontStyle: "normal",
|
|
color: "rgb(0, 0, 0)",
|
|
backgroundColor: "rgba(0, 0, 0, 0)",
|
|
lineHeight: "normal",
|
|
letterSpacing: "normal",
|
|
textAlign: "start",
|
|
direction: "ltr",
|
|
textIndent: "0px",
|
|
textDecorationLine: "none",
|
|
marginTop: "0px",
|
|
marginRight: "0px",
|
|
marginBottom: "0px",
|
|
marginLeft: "0px",
|
|
paddingTop: "0px",
|
|
paddingRight: "0px",
|
|
paddingBottom: "0px",
|
|
paddingLeft: "0px",
|
|
borderTop: "0px none rgb(0, 0, 0)",
|
|
borderRight: "0px none rgb(0, 0, 0)",
|
|
borderBottom: "0px none rgb(0, 0, 0)",
|
|
borderLeft: "0px none rgb(0, 0, 0)",
|
|
width: "640px",
|
|
maxWidth: "none",
|
|
minWidth: "0px",
|
|
minHeight: "0px",
|
|
height: "24px",
|
|
breakBefore: "auto",
|
|
breakAfter: "auto",
|
|
breakInside: "auto",
|
|
display: "block",
|
|
flexDirection: "row",
|
|
alignItems: "normal",
|
|
justifyContent: "normal",
|
|
outline: "rgb(0, 0, 0) none 0px",
|
|
outlineOffset: "0px"
|
|
};
|
|
|
|
const request: DocxThemeStyleCaptureRequest = {
|
|
themeId: "external-clean",
|
|
themeFingerprint: "a".repeat(64),
|
|
themeCss: "#write { color: #000; }",
|
|
baseUrl: "http://localhost:3001/"
|
|
};
|
|
|
|
describe("Playwright DOCX 主题样式采集", () => {
|
|
it("使用打印媒体并校验浏览器返回的快照", async () => {
|
|
const page = {
|
|
emulateMedia: vi.fn(async () => undefined),
|
|
evaluate: vi.fn(async () => ({
|
|
rootFontSizePx: 16,
|
|
viewport: {
|
|
widthPx: 794,
|
|
heightPx: 1123,
|
|
deviceScaleFactor: 1
|
|
},
|
|
slots: DOCX_STYLE_SLOT_NAMES.map((slot) => ({
|
|
slot,
|
|
matched: true,
|
|
computed
|
|
}))
|
|
}))
|
|
};
|
|
const snapshot =
|
|
await captureDocxThemeStyleWithPlaywrightPage(
|
|
page as never,
|
|
request
|
|
);
|
|
expect(page.emulateMedia).toHaveBeenCalledWith({
|
|
media: "print"
|
|
});
|
|
expect(page.evaluate).toHaveBeenCalledTimes(1);
|
|
expect(snapshot.themeId).toBe("external-clean");
|
|
expect(snapshot.slots).toHaveLength(
|
|
DOCX_STYLE_SLOT_NAMES.length
|
|
);
|
|
});
|
|
});
|