27 lines
1.5 KiB
TypeScript
27 lines
1.5 KiB
TypeScript
import { expect, test } from "bun:test";
|
|
import { Window } from "happy-dom";
|
|
import { readBuilderText, mountInlineRichText } from "../src/rich-text.ts";
|
|
|
|
test("inline rich text extracts only supported semantics", () => {
|
|
const window = new Window();
|
|
const element = window.document.createElement("p");
|
|
element.innerHTML = 'Hello <strong>bold <em>and italic</em></strong><br><u>line</u><script>bad()</script>';
|
|
expect(readBuilderText(element as unknown as HTMLElement)).toEqual([{text:"Hello "},{text:"bold ",bold:true},{text:"and italic",bold:true,italic:true},{text:"\n"},{text:"line",underline:true}]);
|
|
});
|
|
|
|
test("rich editor commits semantic input and cleans up on Done", () => {
|
|
const window = new Window();
|
|
const element = window.document.createElement("p");
|
|
window.document.body.append(element);
|
|
const updates: unknown[] = []; let finished = 0;
|
|
mountInlineRichText(window.document as unknown as Document, element as unknown as HTMLElement, "hello", (text, runs) => updates.push({text,runs}), () => finished++);
|
|
expect(element.contentEditable).toBe("true");
|
|
element.innerHTML = "<strong>bold</strong>";
|
|
element.dispatchEvent(new window.Event("input"));
|
|
expect(updates).toEqual([{text:"bold",runs:[{text:"bold",bold:true}]}]);
|
|
(window.document.querySelector('button[aria-label="Done"]') as any).click();
|
|
expect(finished).toBe(1);
|
|
expect(element.contentEditable).toBe("false");
|
|
expect(window.document.querySelector('[role="toolbar"]')).toBeNull();
|
|
});
|