80 lines
3.3 KiB
JavaScript
80 lines
3.3 KiB
JavaScript
import assert from "node:assert/strict";
|
||
import { test } from "node:test";
|
||
import { setupDom } from "./helpers.mjs";
|
||
import { createJuzhen } from "../dist/juzhen.mjs";
|
||
|
||
const tick = () => new Promise((resolve) => setTimeout(resolve, 0));
|
||
|
||
for (const scenario of [ "move-added-block", "detached-target-record" ])
|
||
{
|
||
test("observer scope：" + scenario + " 不排版已移出觀察根的作者內容", async () =>
|
||
{
|
||
const { dom, document } = setupDom('<main id="root"></main><aside id="outside"></aside>');
|
||
const root = document.getElementById("root");
|
||
const outside = document.getElementById("outside");
|
||
const p = document.createElement("p");
|
||
p.innerHTML = "新增ABC，作者文字。";
|
||
const jz = createJuzhen();
|
||
try
|
||
{
|
||
if (scenario === "detached-target-record") { root.appendChild(p); }
|
||
jz.observe(root);
|
||
if (scenario === "move-added-block") { root.appendChild(p); }
|
||
outside.appendChild(p);
|
||
if (scenario === "detached-target-record") { p.setAttribute("lang", "zh-Hans"); }
|
||
const original = p.outerHTML;
|
||
await tick();
|
||
assert.equal(p.outerHTML, original, "已移出內容不能因尚未派發的記錄被新排版");
|
||
const active = document.createElement("p");
|
||
active.textContent = "根內ABC，仍處理。";
|
||
root.appendChild(active);
|
||
await tick();
|
||
assert.ok(active.querySelector("jz-char"), "觀察根內後續更新保持正常");
|
||
}
|
||
finally { jz.revert(root); jz.disconnect(); dom.window.close(); }
|
||
});
|
||
}
|
||
|
||
for (const change of [ "text", "attribute", "new-block" ])
|
||
{
|
||
test("observer detached root：" + change + " 在未掛入 document 的根仍增量更新", async () =>
|
||
{
|
||
const { dom, document } = setupDom();
|
||
const root = document.createElement("main");
|
||
root.innerHTML = '<p lang="zh-Hant">原文，甲乙。</p>';
|
||
const jz = createJuzhen();
|
||
try
|
||
{
|
||
jz.render(root);
|
||
jz.observe(root);
|
||
const p = root.querySelector("p");
|
||
if (change === "text") { p.textContent = "新文ABC，丙丁。"; }
|
||
else if (change === "attribute") { p.setAttribute("data-jz-level", "text"); }
|
||
else
|
||
{
|
||
const added = document.createElement("p");
|
||
added.textContent = "追加ABC，戊己。";
|
||
root.appendChild(added);
|
||
}
|
||
await tick();
|
||
assert.equal(root.isConnected, false);
|
||
if (change === "attribute")
|
||
{
|
||
assert.equal(p.getAttribute("data-jz-block-level"), "text");
|
||
assert.equal(p.querySelector("jz-orphan"), null);
|
||
}
|
||
else
|
||
{
|
||
const target = change === "new-block" ? root.lastElementChild : p;
|
||
assert.ok(target.querySelector("jz-hws"));
|
||
assert.ok(target.querySelector("jz-char"));
|
||
}
|
||
const currentText = root.textContent;
|
||
jz.revert(root);
|
||
assert.equal(root.querySelector("[data-jz]"), null);
|
||
assert.equal(root.textContent, currentText);
|
||
}
|
||
finally { jz.revert(root); jz.disconnect(); dom.window.close(); }
|
||
});
|
||
}
|