tianma-if
f08b9591e1
Allow exporting the current note as a standalone .html file from the editor and list menus, embedding images when possible and warning when some cannot be inlined offline. Closes the HTML gap left from single-note Markdown/PDF export (#218).
76 lines
3.0 KiB
TypeScript
76 lines
3.0 KiB
TypeScript
import { describe, expect, test } from "bun:test";
|
|
import {
|
|
buildHtmlFilename,
|
|
buildStandaloneHtmlDocument,
|
|
createEmptyHtmlImageEmbedResult,
|
|
createHtmlFile,
|
|
escapeHtml,
|
|
getHtmlImageEmbedNoticeKind,
|
|
} from "../apps/web/src/lib/note-html-export";
|
|
|
|
describe("single-note HTML export", () => {
|
|
test("creates a UTF-8 HTML file with the current content", async () => {
|
|
const file = createHtmlFile(
|
|
"<!DOCTYPE html><html><body><p>当前未保存内容</p></body></html>",
|
|
"项目 / 计划",
|
|
"Untitled note",
|
|
);
|
|
|
|
expect(file.filename).toBe("项目 - 计划.html");
|
|
expect(file.blob.type).toBe("text/html;charset=utf-8");
|
|
expect(await file.blob.text()).toContain("当前未保存内容");
|
|
});
|
|
|
|
test("sanitizes unsafe and reserved filenames", () => {
|
|
expect(buildHtmlFilename("CON", "Untitled note")).toBe("_CON.html");
|
|
expect(buildHtmlFilename('<>:"/\\|?*', "Untitled note")).toBe("---------.html");
|
|
expect(buildHtmlFilename("...", "Untitled note")).toBe("Untitled note.html");
|
|
expect(buildHtmlFilename("README.html", "Untitled note")).toBe("README.html");
|
|
expect(buildHtmlFilename("notes.htm", "Untitled note")).toBe("notes.html");
|
|
});
|
|
|
|
test("escapes HTML special characters", () => {
|
|
expect(escapeHtml(`<script>alert("x")</script>&'`)).toBe(
|
|
"<script>alert("x")</script>&'",
|
|
);
|
|
});
|
|
|
|
test("builds a standalone HTML document with metadata and styles", () => {
|
|
const html = buildStandaloneHtmlDocument({
|
|
title: 'Release <notes> & "docs"',
|
|
notebook: "Product",
|
|
tags: ["ship", "html"],
|
|
updatedAt: "2026-08-11 12:00",
|
|
language: "zh-CN",
|
|
bodyHtml: "<p>Hello <strong>world</strong></p>",
|
|
styles: "body { color: #111; }",
|
|
});
|
|
|
|
expect(html).toContain("<!DOCTYPE html>");
|
|
expect(html).toContain('lang="zh-CN"');
|
|
expect(html).toContain("<title>Release <notes> & "docs"</title>");
|
|
expect(html).toContain('<h1 class="edgeever-html-title">Release <notes> & "docs"</h1>');
|
|
expect(html).toContain("Product · 2026-08-11 12:00 · #ship · #html");
|
|
expect(html).toContain("<p>Hello <strong>world</strong></p>");
|
|
expect(html).toContain("body { color: #111; }");
|
|
expect(html).toContain('meta name="generator" content="EdgeEver"');
|
|
});
|
|
|
|
test("omits empty metadata row", () => {
|
|
const html = buildStandaloneHtmlDocument({
|
|
title: "Untitled",
|
|
bodyHtml: "<p>body</p>",
|
|
});
|
|
|
|
expect(html).not.toContain("edgeever-html-meta");
|
|
expect(html).toContain("<p>body</p>");
|
|
});
|
|
|
|
test("only warns about image embedding when some or all images fail", () => {
|
|
expect(getHtmlImageEmbedNoticeKind(createEmptyHtmlImageEmbedResult())).toBe("none");
|
|
expect(getHtmlImageEmbedNoticeKind({ total: 3, embedded: 3, failed: 0 })).toBe("none");
|
|
expect(getHtmlImageEmbedNoticeKind({ total: 3, embedded: 2, failed: 1 })).toBe("partial");
|
|
expect(getHtmlImageEmbedNoticeKind({ total: 2, embedded: 0, failed: 2 })).toBe("failed-all");
|
|
});
|
|
});
|