@effect-tui/core 0.1.0-alpha.1

package/src/ui/wrappedtext.test.ts

@@ -0,0 +1,138 @@
+import { describe, expect, it } from "@effect/vitest"
+import { Surface, Palette } from "../render/surface"
+import { WrappedText } from "./primitives/wrapped-text"
+
+describe("WrappedText", () => {
+  describe("basic word wrapping", () => {
+    it("should wrap text at word boundaries", () => {
+      const node = new WrappedText("hello world test", { wordWrap: true })
+      const surface = new Surface(8, 3)
+      const palette = new Palette()
+
+      // Measure should calculate height based on wrapped lines
+      const measure = node.measure(8, 10)
+      expect(measure.w).toBe(8) // Takes full width available
+      expect(measure.h).toBe(3) // "hello world" splits into 3 lines at width 8
+
+      // Render and check output
+      node.render(surface, palette, { x: 0, y: 0, w: 8, h: 3 })
+      const output = surface.toString()
+
+      expect(output).toMatchSnapshot()
+    })
+
+    it("should handle single words longer than width", () => {
+      const node = new WrappedText("verylongword", { wordWrap: true, breakWords: true })
+      const surface = new Surface(6, 3)
+      const palette = new Palette()
+
+      const measure = node.measure(6, 10)
+      expect(measure.w).toBe(6)
+      expect(measure.h).toBe(2) // "verylo" + "ngword"
+
+      node.render(surface, palette, { x: 0, y: 0, w: 6, h: 3 })
+      const output = surface.toString()
+
+      expect(output).toMatchSnapshot()
+    })
+
+    it("should preserve explicit line breaks", () => {
+      const node = new WrappedText("line1\nline2\nline3")
+      const surface = new Surface(10, 5)
+      const palette = new Palette()
+
+      const measure = node.measure(10, 10)
+      expect(measure.w).toBe(10) // Takes full width available
+      expect(measure.h).toBe(3) // 3 lines from explicit breaks
+
+      node.render(surface, palette, { x: 0, y: 0, w: 10, h: 5 })
+      const output = surface.toString()
+
+      expect(output).toMatchSnapshot()
+    })
+  })
+
+  describe("measurement calculations", () => {
+    it("should calculate height correctly for wrapped text", () => {
+      const node = new WrappedText("a b c d e f g h")
+
+      // At width 3, should wrap to multiple lines
+      const measure3 = node.measure(3, 10)
+      expect(measure3.h).toBeGreaterThan(1)
+
+      // At width 20, should fit on one line
+      const measure20 = node.measure(20, 10)
+      expect(measure20.h).toBe(1)
+    })
+
+    it("should respect max height constraint", () => {
+      const node = new WrappedText("a b c d e f g h i j k l m n")
+
+      const measure = node.measure(3, 2) // force to 2 lines max
+      expect(measure.h).toBe(2)
+    })
+  })
+
+  describe("wrapping strategies", () => {
+    it("should default to word wrap", () => {
+      const node = new WrappedText("hello world")
+      const surface = new Surface(8, 2)
+      const palette = new Palette()
+
+      node.render(surface, palette, { x: 0, y: 0, w: 8, h: 2 })
+      const output = surface.toString()
+
+      // Should break at word boundary, not in middle of "world"
+      expect(output).toContain("hello")
+      expect(output).toContain("world")
+    })
+
+    it("should break words when breakWords is enabled", () => {
+      const node = new WrappedText("supercalifragilisticexpialidocious", {
+        wordWrap: true,
+        breakWords: true,
+      })
+      const surface = new Surface(10, 5)
+      const palette = new Palette()
+
+      const measure = node.measure(10, 10)
+      expect(measure.h).toBeGreaterThan(1)
+
+      node.render(surface, palette, { x: 0, y: 0, w: 10, h: 5 })
+      const output = surface.toString()
+
+      expect(output).toMatchSnapshot()
+    })
+
+    it("should handle empty text", () => {
+      const node = new WrappedText("")
+      const surface = new Surface(10, 1)
+      const palette = new Palette()
+
+      const measure = node.measure(10, 10)
+      expect(measure.w).toBe(10) // Takes full width available
+      expect(measure.h).toBe(1) // Always at least 1 line
+
+      node.render(surface, palette, { x: 0, y: 0, w: 10, h: 1 })
+      const output = surface.toString()
+
+      // Empty text should render as empty string (no content)
+      expect(output).toBe("")
+    })
+  })
+
+  describe("styling", () => {
+    it("should apply styles to wrapped text", () => {
+      const node = new WrappedText("hello world", { wordWrap: true }).fg("red").bold(true)
+
+      const surface = new Surface(8, 3)
+      const palette = new Palette()
+
+      node.render(surface, palette, { x: 0, y: 0, w: 8, h: 3 })
+
+      // Check that style was applied (we can't easily test SGR codes in snapshots,
+      // but this ensures the style system is integrated)
+      expect(node).toBeDefined()
+    })
+  })
+})