新增共享 Preview Engine,统一 Web 连续预览、快速分页、Playwright PDF 与 Electron PDF;实现稳定前缀复用和修改位置后的增量分页,保留媒体块按文档顺序串行回填与单次重排。 完善跨端链接与桌面文档工作流:Web 受控处理锚点和 HTTP/HTTPS 外链;Desktop 支持本地路径、file URI、系统协议、多窗口、同文件单例、Markdown 当前或新窗口打开,以及聚焦时外部文件变化提示。 统一四套内置主题名称并默认使用 Typora Github;修复连续预览双滚动条、ECharts 尺寸、PDF 本地链接、围栏代码块 Typora DOM 与重复行内样式;桌面发行链强制完整重建内嵌 Web,避免安装包携带陈旧资源。 发布 Web/Compose 与 Windows NSIS/ZIP:镜像 yixiong/md-to-pdf:v0.5.0 已健康部署;NSIS SHA-256 为 60992D1FDCA513F46346C78478537EB4159D8C0E76B41ECF3CDC25BE77707D92,ZIP SHA-256 为 D74F82293FB67126E583546CBA894569EFC9A0B1B6343FAC648CCC95F1D188D8,本机安装版已升级至 v0.5.0。 验证:全项目 238 项测试通过,类型检查、生产构建和 git diff --check 通过;Web 快速/连续/精确预览、Compose、Desktop 多窗口、窗口状态、文件关联、链接与代码块均完成真实环境验收。
64 lines
2.0 KiB
TypeScript
64 lines
2.0 KiB
TypeScript
// @vitest-environment happy-dom
|
|
|
|
import { describe, expect, it } from "vitest";
|
|
import {
|
|
findCommonPrefixLength,
|
|
mountContinuousRenderStage
|
|
} from "../src/continuous-preview.js";
|
|
|
|
describe("连续预览增量边界", () => {
|
|
it("从首个变化块开始替换后缀", () => {
|
|
expect(
|
|
findCommonPrefixLength(
|
|
["标题", "段落 A", "图表", "结尾"],
|
|
["标题", "段落 A", "新图表", "新结尾"]
|
|
)
|
|
).toBe(2);
|
|
});
|
|
|
|
it("处理新增、删除和完全相同的文档", () => {
|
|
expect(findCommonPrefixLength(["A"], ["A", "B"])).toBe(1);
|
|
expect(findCommonPrefixLength(["A", "B"], ["A"])).toBe(1);
|
|
expect(findCommonPrefixLength(["A", "B"], ["A", "B"])).toBe(2);
|
|
expect(findCommonPrefixLength(["A"], ["B"])).toBe(0);
|
|
});
|
|
|
|
it("将变化后缀挂载到真实 DOM 测量且提交时不保留包装层", () => {
|
|
const root = document.createElement("div");
|
|
const article = document.createElement("article");
|
|
article.id = "write";
|
|
article.className = "theme-document";
|
|
const suffix = document.createDocumentFragment();
|
|
const heading = document.createElement("h2");
|
|
heading.textContent = "图表";
|
|
const chart = document.createElement("figure");
|
|
chart.className = "md-echarts";
|
|
suffix.append(heading, chart);
|
|
document.body.append(root);
|
|
|
|
const stage = mountContinuousRenderStage(
|
|
root,
|
|
article,
|
|
suffix
|
|
);
|
|
|
|
expect(stage.article.isConnected).toBe(true);
|
|
expect(stage.article.parentElement).toBe(root);
|
|
expect(stage.article.id).toBe("write");
|
|
expect(stage.article.className).toBe("theme-document");
|
|
expect(stage.article.dataset.continuousRenderStage).toBe("true");
|
|
expect(Array.from(stage.article.children)).toEqual([
|
|
heading,
|
|
chart
|
|
]);
|
|
|
|
const rendered = stage.takeContent();
|
|
expect(Array.from(rendered.children)).toEqual([heading, chart]);
|
|
expect(stage.article.childNodes).toHaveLength(0);
|
|
|
|
stage.dispose();
|
|
expect(stage.article.isConnected).toBe(false);
|
|
expect(root.childNodes).toHaveLength(0);
|
|
});
|
|
});
|