@lotics/docx 0.1.0

package/src/pm/commands.test.ts

@@ -0,0 +1,185 @@
+// @vitest-environment happy-dom
+import { describe, it, expect, beforeEach } from "vitest";
+import { TextSelection } from "prosemirror-state";
+import { parseStyleTable } from "../parse/styles";
+import { parseNumberingTable } from "../parse/numbering";
+import { docxSchema } from "./schema";
+import {
+  applyHeading,
+  clearParagraphStyle,
+  setParagraphAlignment,
+  setParagraphNumbering,
+  toggleBulletList,
+  toggleNumberedList,
+  increaseListIndent,
+  decreaseListIndent,
+} from "./commands";
+import { createEditableView } from "../render/view";
+import { buildFontRegistry } from "../fonts/registry";
+import { DEFAULT_SECTION_PROPERTIES } from "../model/sections";
+import type { Section } from "../model/sections";
+
+const fontRegistry = buildFontRegistry({
+  embeddedFonts: [],
+  workspaceFonts: [],
+});
+
+const defaultSections: Section[] = [
+  {
+    properties: { ...DEFAULT_SECTION_PROPERTIES },
+    blockStartIndex: 0,
+    blockEndIndex: 0,
+  },
+];
+
+const STYLES_XML = `<?xml version="1.0"?>
+<w:styles xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main">
+  <w:docDefaults><w:rPrDefault><w:rPr><w:sz w:val="22"/></w:rPr></w:rPrDefault></w:docDefaults>
+  <w:style w:type="paragraph" w:styleId="Normal" w:default="1"><w:name w:val="Normal"/></w:style>
+  <w:style w:type="paragraph" w:styleId="Heading1">
+    <w:name w:val="heading 1"/>
+    <w:basedOn w:val="Normal"/>
+    <w:pPr><w:outlineLvl w:val="0"/></w:pPr>
+    <w:rPr><w:b/><w:sz w:val="32"/></w:rPr>
+  </w:style>
+</w:styles>`;
+
+const NUMBERING_XML = `<?xml version="1.0"?>
+<w:numbering xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main">
+  <w:abstractNum w:abstractNumId="0">
+    <w:lvl w:ilvl="0"><w:start w:val="1"/><w:numFmt w:val="bullet"/><w:lvlText w:val="•"/></w:lvl>
+  </w:abstractNum>
+  <w:abstractNum w:abstractNumId="1">
+    <w:lvl w:ilvl="0"><w:start w:val="1"/><w:numFmt w:val="decimal"/><w:lvlText w:val="%1."/></w:lvl>
+    <w:lvl w:ilvl="1"><w:start w:val="1"/><w:numFmt w:val="lowerLetter"/><w:lvlText w:val="%2)"/></w:lvl>
+  </w:abstractNum>
+  <w:num w:numId="1"><w:abstractNumId w:val="0"/></w:num>
+  <w:num w:numId="2"><w:abstractNumId w:val="1"/></w:num>
+</w:numbering>`;
+
+const styleTable = parseStyleTable(
+  new Map([["word/styles.xml", new TextEncoder().encode(STYLES_XML)]]),
+);
+const numberingTable = parseNumberingTable(
+  new Map([["word/numbering.xml", new TextEncoder().encode(NUMBERING_XML)]]),
+);
+
+let host: HTMLElement;
+beforeEach(() => {
+  document.body.innerHTML = "";
+  host = document.createElement("div");
+  document.body.appendChild(host);
+});
+
+function buildView(text: string) {
+  const { doc, paragraph } = docxSchema.nodes;
+  const node = doc.create({}, [paragraph.create({}, [docxSchema.text(text)])]);
+  return createEditableView(host, node, {
+    fontRegistry,
+    sections: defaultSections,
+    numberingTable,
+  });
+}
+
+function selectAll(view: ReturnType<typeof buildView>): void {
+  const { state } = view.editorView;
+  const tr = state.tr.setSelection(
+    TextSelection.create(state.doc, 1, state.doc.content.size - 1),
+  );
+  view.editorView.dispatch(tr);
+}
+
+describe("paragraph style commands", () => {
+  it("applyHeading(1) sets styleId to Heading1 and resolves CSS", () => {
+    const view = buildView("title");
+    const cmd = applyHeading(1, { styleTable });
+    cmd(view.editorView.state, view.editorView.dispatch);
+    const para = view.getDocument().firstChild!;
+    expect(para.attrs.properties.styleId).toBe("Heading1");
+    expect(para.attrs.resolvedBaseRun.bold).toBe(true);
+    view.destroy();
+  });
+
+  it("clearParagraphStyle removes the style", () => {
+    const view = buildView("body");
+    applyHeading(1, { styleTable })(view.editorView.state, view.editorView.dispatch);
+    clearParagraphStyle({ styleTable })(view.editorView.state, view.editorView.dispatch);
+    expect(view.getDocument().firstChild!.attrs.properties.styleId).toBeNull();
+    view.destroy();
+  });
+
+  it("setParagraphAlignment writes alignment", () => {
+    const view = buildView("hello");
+    setParagraphAlignment("center", { styleTable })(
+      view.editorView.state,
+      view.editorView.dispatch,
+    );
+    expect(view.getDocument().firstChild!.attrs.properties.alignment).toBe(
+      "center",
+    );
+    view.destroy();
+  });
+});
+
+describe("list commands", () => {
+  it("toggleBulletList adds numPr; calling twice removes it", () => {
+    const view = buildView("item");
+    selectAll(view);
+    toggleBulletList({ styleTable })(view.editorView.state, view.editorView.dispatch);
+    let para = view.getDocument().firstChild!;
+    expect(para.attrs.properties.numbering).toEqual({ numId: 1, ilvl: 0 });
+
+    selectAll(view);
+    toggleBulletList({ styleTable })(view.editorView.state, view.editorView.dispatch);
+    para = view.getDocument().firstChild!;
+    expect(para.attrs.properties.numbering).toBeNull();
+    view.destroy();
+  });
+
+  it("toggleNumberedList sets numId 2", () => {
+    const view = buildView("step");
+    selectAll(view);
+    toggleNumberedList({ styleTable })(view.editorView.state, view.editorView.dispatch);
+    const para = view.getDocument().firstChild!;
+    expect(para.attrs.properties.numbering).toEqual({ numId: 2, ilvl: 0 });
+    view.destroy();
+  });
+
+  it("increase/decrease list indent walks ilvl", () => {
+    const view = buildView("nested");
+    selectAll(view);
+    setParagraphNumbering({ numId: 2, ilvl: 0 }, { styleTable })(
+      view.editorView.state,
+      view.editorView.dispatch,
+    );
+    increaseListIndent({ styleTable })(view.editorView.state, view.editorView.dispatch);
+    expect(view.getDocument().firstChild!.attrs.properties.numbering.ilvl).toBe(1);
+    decreaseListIndent({ styleTable })(view.editorView.state, view.editorView.dispatch);
+    expect(view.getDocument().firstChild!.attrs.properties.numbering.ilvl).toBe(0);
+    view.destroy();
+  });
+
+  it("decoration plugin renders the live label after toggling a list", () => {
+    const view = buildView("first");
+    selectAll(view);
+    toggleNumberedList({ styleTable })(view.editorView.state, view.editorView.dispatch);
+
+    const markers = host.querySelectorAll(".docx-numbering-marker");
+    expect(markers).toHaveLength(1);
+    expect(markers[0].textContent).toBe("1.");
+    view.destroy();
+  });
+});
+
+describe("empty-run cleanup", () => {
+  it("paragraphs with no inline content emit a placeholder run on serialize", async () => {
+    const { pmToDocx } = await import("./pm_to_docx");
+    const { doc, paragraph } = docxSchema.nodes;
+    const empty = doc.create({}, [paragraph.create({}, [])]);
+    const docx = pmToDocx(empty, { parts: new Map(), documentAttrs: {} });
+    const para = docx.body.children[0];
+    if (para.kind !== "paragraph") throw new Error();
+    expect(para.content).toHaveLength(1);
+    expect(para.content[0].kind).toBe("run");
+  });
+});