154 lines
4.2 KiB
TypeScript
154 lines
4.2 KiB
TypeScript
import { describe, expect, it } from "vitest";
|
|
import { renderMarkdown } from "../src/render-markdown.js";
|
|
|
|
describe("renderMarkdown", () => {
|
|
it("渲染常用 Markdown 扩展并识别能力", () => {
|
|
const result = renderMarkdown(`
|
|
# 示例文档
|
|
|
|
| 名称 | 状态 |
|
|
| --- | --- |
|
|
| PDF | 可用 |
|
|
|
|
- [x] 已完成
|
|
- [ ] 待处理
|
|
|
|
\`\`\`ts
|
|
const answer = 42;
|
|
\`\`\`
|
|
|
|
脚注引用[^note]。
|
|
|
|
[^note]: 脚注正文。
|
|
`);
|
|
|
|
expect(result.articleHtml).toContain('id="write"');
|
|
expect(result.bodyHtml).toContain("<table>");
|
|
expect(result.bodyHtml).toContain("md-task-list-item");
|
|
expect(result.bodyHtml).toContain("hljs-keyword");
|
|
expect(result.bodyHtml).toContain("footnote");
|
|
expect(result.metadata.title).toBe("示例文档");
|
|
expect(result.features).toEqual(
|
|
expect.arrayContaining(["code", "table", "task-list", "footnote"])
|
|
);
|
|
});
|
|
|
|
it("保留 Markdown 表格的列对齐语义", () => {
|
|
const result = renderMarkdown(`
|
|
| 左对齐 | 居中 | 右对齐 |
|
|
| :--- | :---: | ---: |
|
|
| A | B | C |
|
|
`);
|
|
|
|
expect(result.bodyHtml).toContain('<th style="text-align:left">左对齐</th>');
|
|
expect(result.bodyHtml).toContain('<th style="text-align:center">居中</th>');
|
|
expect(result.bodyHtml).toContain('<th style="text-align:right">右对齐</th>');
|
|
expect(result.bodyHtml).toContain('<td style="text-align:left">A</td>');
|
|
expect(result.bodyHtml).toContain('<td style="text-align:center">B</td>');
|
|
expect(result.bodyHtml).toContain('<td style="text-align:right">C</td>');
|
|
});
|
|
|
|
it("读取并规范化 Front Matter 元数据", () => {
|
|
const result = renderMarkdown(`---
|
|
title: 项目报告
|
|
author: 张三
|
|
subject: 技术方案
|
|
keywords:
|
|
- Markdown
|
|
- PDF
|
|
lang: zh-CN
|
|
---
|
|
|
|
# 不作为标题
|
|
`);
|
|
|
|
expect(result.metadata).toEqual({
|
|
title: "项目报告",
|
|
author: "张三",
|
|
subject: "技术方案",
|
|
keywords: ["Markdown", "PDF"],
|
|
language: "zh-CN"
|
|
});
|
|
});
|
|
|
|
it("服务端渲染公式并保留 Mermaid 安全占位", () => {
|
|
const result = renderMarkdown(`
|
|
内联公式 $E=mc^2$。
|
|
|
|
\`\`\`mermaid
|
|
flowchart LR
|
|
A[开始] --> B[结束]
|
|
\`\`\`
|
|
`);
|
|
|
|
expect(result.bodyHtml).toContain("katex");
|
|
expect(result.bodyHtml).toContain('class="mermaid"');
|
|
expect(result.bodyHtml).toContain("data-mermaid-pending");
|
|
expect(result.features).toEqual(
|
|
expect.arrayContaining(["katex", "mermaid"])
|
|
);
|
|
});
|
|
|
|
it("完整保留 Mermaid 区块内的 config frontmatter", () => {
|
|
const result = renderMarkdown(`
|
|
\`\`\`mermaid
|
|
---
|
|
title: Frontmatter 示例
|
|
config:
|
|
layout: elk
|
|
theme: forest
|
|
look: handDrawn
|
|
fontFamily: Microsoft YaHei
|
|
themeVariables:
|
|
primaryColor: "#dbeafe"
|
|
flowchart:
|
|
curve: basis
|
|
---
|
|
flowchart LR
|
|
classDef important fill:#fee2e2,stroke:#dc2626
|
|
A[开始] --> B[结束]
|
|
style A fill:#dcfce7,stroke:#16a34a
|
|
class B important
|
|
\`\`\`
|
|
`);
|
|
|
|
expect(result.bodyHtml).toContain("title: Frontmatter 示例");
|
|
expect(result.bodyHtml).toContain("layout: elk");
|
|
expect(result.bodyHtml).toContain("theme: forest");
|
|
expect(result.bodyHtml).toContain("look: handDrawn");
|
|
expect(result.bodyHtml).toContain("fontFamily: Microsoft YaHei");
|
|
expect(result.bodyHtml).toContain("primaryColor:");
|
|
expect(result.bodyHtml).toContain("curve: basis");
|
|
expect(result.bodyHtml).toContain("flowchart LR");
|
|
expect(result.bodyHtml).toContain("classDef important");
|
|
expect(result.bodyHtml).toContain("style A fill:");
|
|
expect(result.bodyHtml).toContain("class B important");
|
|
});
|
|
|
|
it("阻止原始 HTML 和危险链接形成可执行内容", () => {
|
|
const result = renderMarkdown(`
|
|
<script>alert("xss")</script>
|
|
|
|
[危险链接](javascript:alert("xss"))
|
|
`);
|
|
|
|
expect(result.bodyHtml).not.toContain("<script");
|
|
expect(result.bodyHtml).not.toMatch(/href=["']javascript:/u);
|
|
expect(result.bodyHtml).toContain("<script>");
|
|
});
|
|
|
|
it("为重复中文标题生成唯一锚点", () => {
|
|
const result = renderMarkdown(`
|
|
# 章节
|
|
|
|
## 章节
|
|
|
|
## 章节
|
|
`);
|
|
|
|
expect(result.bodyHtml).toContain('id="%E7%AB%A0%E8%8A%82"');
|
|
expect(result.bodyHtml).toContain('id="%E7%AB%A0%E8%8A%82-2"');
|
|
expect(result.bodyHtml).toContain('id="%E7%AB%A0%E8%8A%82-3"');
|
|
});
|
|
});
|