@lazlon-platform/html-editor 0.1.0 → 0.2.1

package/tests/model/node/polygon.test.ts

@@ -1,408 +0,0 @@
-import { describe, it, expect, beforeEach } from "vitest"
-import { Page } from "../../../lib/model/page"
-import { PolygonNode } from "../../../lib/model/node/shape/polygon"
-import { createTestEditor } from "../../createTestEditor"
-
-describe("PolygonNode", () => {
-  let editor: ReturnType<typeof createTestEditor>
-  let page: Page
-
-  beforeEach(() => {
-    editor = createTestEditor()
-    page = new Page(editor, { id: "page-1" })
-  })
-
-  describe("construction", () => {
-    it("has name 'polygon'", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-      })
-      expect(polygon.name).toBe("polygon")
-    })
-
-    it("defaults to 4 sides (rectangle)", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-      })
-      expect(polygon.sides).toBe(4)
-    })
-
-    it("defaults to 0 roundness", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-      })
-      expect(polygon.roundness).toBe(0)
-    })
-
-    it("accepts custom sides", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 6,
-      })
-      expect(polygon.sides).toBe(6)
-    })
-
-    it("initializes corner radii from roundness for rectangles", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 4,
-        roundness: 10,
-      })
-
-      expect(polygon.cornerTopLeft).toBe(10)
-      expect(polygon.cornerTopRight).toBe(10)
-      expect(polygon.cornerBottomLeft).toBe(10)
-      expect(polygon.cornerBottomRight).toBe(10)
-    })
-
-    it("accepts individual corner radii", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        cornerTopLeft: 5,
-        cornerTopRight: 10,
-        cornerBottomLeft: 15,
-        cornerBottomRight: 20,
-      })
-
-      expect(polygon.cornerTopLeft).toBe(5)
-      expect(polygon.cornerTopRight).toBe(10)
-      expect(polygon.cornerBottomLeft).toBe(15)
-      expect(polygon.cornerBottomRight).toBe(20)
-    })
-
-    it("inherits ShapeNode properties", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        background: "#ff0000",
-        borderWidth: 2,
-        borderColor: "#000000",
-        halign: "left",
-        valign: "top",
-      })
-
-      expect(polygon.background).toBe("#ff0000")
-      expect(polygon.borderWidth).toBe(2)
-      expect(polygon.borderColor).toBe("#000000")
-      expect(polygon.halign).toBe("left")
-      expect(polygon.valign).toBe("top")
-    })
-  })
-
-  describe("roundness getter", () => {
-    it("returns uniform roundness when all corners are equal", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 4,
-        roundness: 15,
-      })
-
-      expect(polygon.roundness).toBe(15)
-    })
-
-    it("returns 0 when corners have different values", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 4,
-        cornerTopLeft: 5,
-        cornerTopRight: 10,
-        cornerBottomLeft: 15,
-        cornerBottomRight: 20,
-      })
-
-      expect(polygon.roundness).toBe(0)
-    })
-
-    it("returns internal roundness for non-rectangles", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 6,
-        roundness: 8,
-      })
-
-      expect(polygon.roundness).toBe(8)
-    })
-  })
-
-  describe("roundness setter", () => {
-    it("updates all corners for rectangles", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 4,
-      })
-
-      polygon.roundness = 20
-
-      expect(polygon.cornerTopLeft).toBe(20)
-      expect(polygon.cornerTopRight).toBe(20)
-      expect(polygon.cornerBottomLeft).toBe(20)
-      expect(polygon.cornerBottomRight).toBe(20)
-    })
-
-    it("does not update corners for non-rectangles", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 6,
-        cornerTopLeft: 0,
-      })
-
-      polygon.roundness = 20
-
-      expect(polygon.cornerTopLeft).toBe(0)
-      expect(polygon.roundness).toBe(20)
-    })
-  })
-
-  describe("svgPathData", () => {
-    it("generates valid SVG path for triangle", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 3,
-      })
-
-      const path = polygon.svgPathData
-
-      expect(path).toContain("M")
-      expect(path).toContain("L")
-      expect(path).toContain("Z")
-    })
-
-    it("generates SVG path for square", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 4,
-      })
-
-      const path = polygon.svgPathData
-
-      expect(path).toContain("M")
-      expect(path).toContain("L")
-      expect(path).toContain("Z")
-    })
-
-    it("generates SVG path with rounded corners", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 4,
-        roundness: 10,
-      })
-
-      const path = polygon.svgPathData
-
-      expect(path).toContain("A") // Arc command for rounded corners
-    })
-
-    it("generates SVG path for hexagon", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 6,
-      })
-
-      const path = polygon.svgPathData
-
-      // Should have M + 5 L commands for 6 sides
-      const lineCommands = path.match(/[ML]/g) || []
-      expect(lineCommands.length).toBe(6)
-    })
-
-    it("handles very small roundness", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 4,
-        roundness: 0.001,
-      })
-
-      const path = polygon.svgPathData
-
-      // Should not throw and should produce valid path
-      expect(path).toContain("Z")
-    })
-  })
-
-  describe("serialization", () => {
-    it("includes all PolygonNode-specific properties", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 10,
-        y: 20,
-        width: 150,
-        height: 150,
-        sides: 5,
-        cornerTopLeft: 5,
-        cornerTopRight: 10,
-        cornerBottomLeft: 15,
-        cornerBottomRight: 20,
-      })
-
-      const serialized = polygon.serialize()
-
-      expect(serialized.name).toBe("polygon")
-      expect(serialized.props).toMatchObject({
-        id: "poly-1",
-        sides: 5,
-        cornerTopLeft: 5,
-        cornerTopRight: 10,
-        cornerBottomLeft: 15,
-        cornerBottomRight: 20,
-      })
-    })
-
-    it("includes inherited ShapeNode properties", () => {
-      const polygon = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        background: "#ff6600",
-        borderWidth: 3,
-        borderColor: "#333333",
-        halign: "right",
-        valign: "bottom",
-      })
-
-      const props = polygon.props()
-
-      expect(props.background).toBe("#ff6600")
-      expect(props.borderWidth).toBe(3)
-      expect(props.borderColor).toBe("#333333")
-      expect(props.halign).toBe("right")
-      expect(props.valign).toBe("bottom")
-    })
-  })
-
-  describe("deserialization round-trip", () => {
-    it("produces identical props after serialize -> deserialize -> serialize", () => {
-      const original = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 50,
-        y: 100,
-        width: 200,
-        height: 180,
-        sides: 8,
-        roundness: 12,
-        background: "#00ff00",
-        borderWidth: 4,
-        borderColor: "#000000",
-        rotation: 22.5,
-        halign: "center",
-        valign: "center",
-      })
-
-      const firstSerialized = original.serialize()
-      const restored = editor.deserializeNode(page, firstSerialized) as PolygonNode
-      const secondSerialized = restored.serialize()
-
-      expect(secondSerialized).toEqual(firstSerialized)
-    })
-
-    it("preserves individual corner radii through round-trip", () => {
-      const original = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-        sides: 4,
-        cornerTopLeft: 5,
-        cornerTopRight: 10,
-        cornerBottomLeft: 15,
-        cornerBottomRight: 20,
-      })
-
-      const firstSerialized = original.serialize()
-      const restored = editor.deserializeNode(page, firstSerialized) as PolygonNode
-      const secondSerialized = restored.serialize()
-
-      expect(secondSerialized).toEqual(firstSerialized)
-
-      expect(restored.cornerTopLeft).toBe(5)
-      expect(restored.cornerTopRight).toBe(10)
-      expect(restored.cornerBottomLeft).toBe(15)
-      expect(restored.cornerBottomRight).toBe(20)
-    })
-
-    it("preserves default values through round-trip", () => {
-      const original = new PolygonNode(editor, page, {
-        id: "poly-1",
-        x: 0,
-        y: 0,
-        width: 100,
-        height: 100,
-      })
-
-      const firstSerialized = original.serialize()
-      const restored = editor.deserializeNode(page, firstSerialized) as PolygonNode
-      const secondSerialized = restored.serialize()
-
-      expect(secondSerialized).toEqual(firstSerialized)
-    })
-  })
-})

package/tests/model/node/text.test.ts

@@ -1,158 +0,0 @@
-import { describe, it, expect, beforeEach } from "vitest"
-import { Page } from "../../../lib/model/page"
-import { TextNode } from "../../../lib/model/node/text"
-import { createTestEditor } from "../../createTestEditor"
-
-describe("TextNode", () => {
-  let editor: ReturnType<typeof createTestEditor>
-  let page: Page
-
-  beforeEach(() => {
-    editor = createTestEditor()
-    page = new Page(editor, { id: "page-1" })
-  })
-
-  describe("construction", () => {
-    it("has name 'text'", () => {
-      const node = new TextNode(editor, page, {
-        id: "text-1",
-        x: 0,
-        y: 0,
-        width: 200,
-        height: 50,
-      })
-      expect(node.name).toBe("text")
-    })
-
-    it("applies default horizontal alignment", () => {
-      const node = new TextNode(editor, page, {
-        id: "text-1",
-        x: 0,
-        y: 0,
-        width: 200,
-        height: 50,
-      })
-      expect(node.halign).toBe("center")
-    })
-
-    it("accepts custom alignment", () => {
-      const node = new TextNode(editor, page, {
-        id: "text-1",
-        x: 0,
-        y: 0,
-        width: 200,
-        height: 50,
-        halign: "left",
-      })
-      expect(node.halign).toBe("left")
-    })
-
-    it("inherits EditableNode properties", () => {
-      const node = new TextNode(editor, page, {
-        id: "text-1",
-        x: 0,
-        y: 0,
-        width: 200,
-        height: 50,
-        lineHeight: 1.5,
-        content: { type: "doc", content: [{ type: "paragraph" }] },
-      })
-
-      expect(node.lineHeight).toBe(1.5)
-      expect(node.content.type).toBe("doc")
-      expect(node.content.content?.[0]?.type).toBe("paragraph")
-    })
-  })
-
-  describe("serialization", () => {
-    it("includes TextNode-specific properties", () => {
-      const node = new TextNode(editor, page, {
-        id: "text-1",
-        x: 10,
-        y: 20,
-        width: 300,
-        height: 100,
-        halign: "right",
-      })
-
-      const serialized = node.serialize()
-
-      expect(serialized.name).toBe("text")
-      expect(serialized.props.id).toBe("text-1")
-      // halign is not exported by TextNode.props() - it's inherited from EditableNode
-    })
-
-    it("includes content from EditableNode", () => {
-      const node = new TextNode(editor, page, {
-        id: "text-1",
-        x: 0,
-        y: 0,
-        width: 200,
-        height: 50,
-        content: {
-          type: "doc",
-          content: [
-            {
-              type: "paragraph",
-              content: [{ type: "text", text: "Hello World" }],
-            },
-          ],
-        },
-      })
-
-      const props = node.props()
-      expect(props.content).toBeDefined()
-    })
-  })
-
-  describe("deserialization round-trip", () => {
-    it("produces identical props after serialize -> deserialize -> serialize", () => {
-      const original = new TextNode(editor, page, {
-        id: "text-1",
-        x: 50,
-        y: 100,
-        width: 400,
-        height: 80,
-        halign: "justify",
-        lineHeight: 1.8,
-        rotation: 10,
-      })
-
-      const firstSerialized = original.serialize()
-      const restored = editor.deserializeNode(page, firstSerialized) as TextNode
-      const secondSerialized = restored.serialize()
-
-      expect(secondSerialized).toEqual(firstSerialized)
-    })
-
-    it("preserves content through round-trip", () => {
-      const content = {
-        type: "doc" as const,
-        content: [
-          {
-            type: "paragraph",
-            content: [
-              { type: "text", text: "Bold ", marks: [{ type: "bold" }] },
-              { type: "text", text: "and italic", marks: [{ type: "italic" }] },
-            ],
-          },
-        ],
-      }
-
-      const original = new TextNode(editor, page, {
-        id: "text-1",
-        x: 0,
-        y: 0,
-        width: 200,
-        height: 50,
-        content,
-      })
-
-      const firstSerialized = original.serialize()
-      const restored = editor.deserializeNode(page, firstSerialized) as TextNode
-      const secondSerialized = restored.serialize()
-
-      expect(secondSerialized.props.content).toEqual(firstSerialized.props.content)
-    })
-  })
-})