@pyreon/flow 0.10.0 → 0.11.1

package/src/tests/flow-advanced.test.ts

@@ -1,17 +1,17 @@
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it } from "vitest"
 import {
   getBezierPath,
   getSmartHandlePositions,
   getSmoothStepPath,
   getWaypointPath,
-} from '../edges'
-import { createFlow } from '../flow'
-import { Position } from '../types'
+} from "../edges"
+import { createFlow } from "../flow"
+import { Position } from "../types"
 
 // ─── Edge paths — additional coverage ────────────────────────────────────────
 
-describe('edge paths — additional branches', () => {
-  it('getBezierPath with Top/Left source positions', () => {
+describe("edge paths — additional branches", () => {
+  it("getBezierPath with Top/Left source positions", () => {
     const top = getBezierPath({
       sourceX: 100,
       sourceY: 100,
@@ -33,13 +33,8 @@ describe('edge paths — additional branches', () => {
     expect(left.path).toMatch(/^M/)
   })
 
-  it('getBezierPath with all target positions', () => {
-    for (const pos of [
-      Position.Top,
-      Position.Right,
-      Position.Bottom,
-      Position.Left,
-    ]) {
+  it("getBezierPath with all target positions", () => {
+    for (const pos of [Position.Top, Position.Right, Position.Bottom, Position.Left]) {
       const result = getBezierPath({
         sourceX: 0,
         sourceY: 0,
@@ -52,7 +47,7 @@ describe('edge paths — additional branches', () => {
     }
   })
 
-  it('getSmoothStepPath with horizontal→horizontal positions', () => {
+  it("getSmoothStepPath with horizontal→horizontal positions", () => {
     const result = getSmoothStepPath({
       sourceX: 0,
       sourceY: 0,
@@ -64,7 +59,7 @@ describe('edge paths — additional branches', () => {
     expect(result.path).toMatch(/^M/)
   })
 
-  it('getSmoothStepPath with vertical→vertical positions', () => {
+  it("getSmoothStepPath with vertical→vertical positions", () => {
     const result = getSmoothStepPath({
       sourceX: 0,
       sourceY: 0,
@@ -76,7 +71,7 @@ describe('edge paths — additional branches', () => {
     expect(result.path).toMatch(/^M/)
   })
 
-  it('getSmoothStepPath with vertical→horizontal', () => {
+  it("getSmoothStepPath with vertical→horizontal", () => {
     const result = getSmoothStepPath({
       sourceX: 0,
       sourceY: 0,
@@ -88,7 +83,7 @@ describe('edge paths — additional branches', () => {
     expect(result.path).toMatch(/^M/)
   })
 
-  it('getSmoothStepPath with Left source', () => {
+  it("getSmoothStepPath with Left source", () => {
     const result = getSmoothStepPath({
       sourceX: 200,
       sourceY: 0,
@@ -100,7 +95,7 @@ describe('edge paths — additional branches', () => {
     expect(result.path).toMatch(/^M/)
   })
 
-  it('getSmoothStepPath with Bottom target', () => {
+  it("getSmoothStepPath with Bottom target", () => {
     const result = getSmoothStepPath({
       sourceX: 0,
       sourceY: 0,
@@ -112,47 +107,45 @@ describe('edge paths — additional branches', () => {
     expect(result.path).toMatch(/^M/)
   })
 
-  it('getSmartHandlePositions with nodes at various positions', () => {
+  it("getSmartHandlePositions with nodes at various positions", () => {
     // Target to the left
     const leftward = getSmartHandlePositions(
-      { id: '1', position: { x: 200, y: 0 }, data: {} },
-      { id: '2', position: { x: 0, y: 0 }, data: {} },
+      { id: "1", position: { x: 200, y: 0 }, data: {} },
+      { id: "2", position: { x: 0, y: 0 }, data: {} },
     )
     expect(leftward.sourcePosition).toBe(Position.Left)
     expect(leftward.targetPosition).toBe(Position.Right)
 
     // Target below
     const downward = getSmartHandlePositions(
-      { id: '1', position: { x: 0, y: 0 }, data: {} },
-      { id: '2', position: { x: 0, y: 300 }, data: {} },
+      { id: "1", position: { x: 0, y: 0 }, data: {} },
+      { id: "2", position: { x: 0, y: 300 }, data: {} },
     )
     expect(downward.sourcePosition).toBe(Position.Bottom)
     expect(downward.targetPosition).toBe(Position.Top)
 
     // Target above
     const upward = getSmartHandlePositions(
-      { id: '1', position: { x: 0, y: 300 }, data: {} },
-      { id: '2', position: { x: 0, y: 0 }, data: {} },
+      { id: "1", position: { x: 0, y: 300 }, data: {} },
+      { id: "2", position: { x: 0, y: 0 }, data: {} },
     )
     expect(upward.sourcePosition).toBe(Position.Top)
     expect(upward.targetPosition).toBe(Position.Bottom)
   })
 
-  it('getSmartHandlePositions with configured handles', () => {
+  it("getSmartHandlePositions with configured handles", () => {
     const result = getSmartHandlePositions(
       {
-        id: '1',
+        id: "1",
         position: { x: 0, y: 0 },
         data: {},
-        sourceHandles: [
-          { type: 'source', position: Position.Bottom, id: 'out' },
-        ],
+        sourceHandles: [{ type: "source", position: Position.Bottom, id: "out" }],
       },
       {
-        id: '2',
+        id: "2",
         position: { x: 200, y: 200 },
         data: {},
-        targetHandles: [{ type: 'target', position: Position.Top, id: 'in' }],
+        targetHandles: [{ type: "target", position: Position.Top, id: "in" }],
       },
     )
     // Should use configured handle positions
@@ -160,7 +153,7 @@ describe('edge paths — additional branches', () => {
     expect(result.targetPosition).toBe(Position.Top)
   })
 
-  it('getWaypointPath with single waypoint', () => {
+  it("getWaypointPath with single waypoint", () => {
     const result = getWaypointPath({
       sourceX: 0,
       sourceY: 0,
@@ -168,7 +161,7 @@ describe('edge paths — additional branches', () => {
       targetY: 0,
       waypoints: [{ x: 100, y: 50 }],
     })
-    expect(result.path).toBe('M0,0 L100,50 L200,0')
+    expect(result.path).toBe("M0,0 L100,50 L200,0")
     expect(result.labelX).toBe(100)
     expect(result.labelY).toBe(50)
   })
@@ -176,20 +169,20 @@ describe('edge paths — additional branches', () => {
 
 // ─── Flow — advanced operations ──────────────────────────────────────────────
 
-describe('createFlow — advanced', () => {
-  describe('resolveCollisions', () => {
-    it('pushes overlapping nodes apart', () => {
+describe("createFlow — advanced", () => {
+  describe("resolveCollisions", () => {
+    it("pushes overlapping nodes apart", () => {
       const flow = createFlow({
         nodes: [
           {
-            id: '1',
+            id: "1",
             position: { x: 0, y: 0 },
             width: 100,
             height: 50,
             data: {},
           },
           {
-            id: '2',
+            id: "2",
             position: { x: 50, y: 0 },
             width: 100,
             height: 50,
@@ -198,25 +191,25 @@ describe('createFlow — advanced', () => {
         ],
       })
 
-      flow.resolveCollisions('1')
+      flow.resolveCollisions("1")
       // Node 2 should have moved (either X or Y)
-      const node2 = flow.getNode('2')!
+      const node2 = flow.getNode("2")!
       const moved = node2.position.x !== 50 || node2.position.y !== 0
       expect(moved).toBe(true)
     })
 
-    it('does nothing when no overlaps', () => {
+    it("does nothing when no overlaps", () => {
       const flow = createFlow({
         nodes: [
           {
-            id: '1',
+            id: "1",
             position: { x: 0, y: 0 },
             width: 100,
             height: 50,
             data: {},
           },
           {
-            id: '2',
+            id: "2",
             position: { x: 500, y: 500 },
             width: 100,
             height: 50,
@@ -225,22 +218,22 @@ describe('createFlow — advanced', () => {
         ],
       })
 
-      flow.resolveCollisions('1')
-      expect(flow.getNode('2')!.position).toEqual({ x: 500, y: 500 })
+      flow.resolveCollisions("1")
+      expect(flow.getNode("2")!.position).toEqual({ x: 500, y: 500 })
     })
 
-    it('resolves vertical overlaps', () => {
+    it("resolves vertical overlaps", () => {
       const flow = createFlow({
         nodes: [
           {
-            id: '1',
+            id: "1",
             position: { x: 0, y: 0 },
             width: 200,
             height: 50,
             data: {},
           },
           {
-            id: '2',
+            id: "2",
             position: { x: 0, y: 30 },
             width: 200,
             height: 50,
@@ -249,123 +242,121 @@ describe('createFlow — advanced', () => {
         ],
       })
 
-      flow.resolveCollisions('1')
-      const node2 = flow.getNode('2')!
+      flow.resolveCollisions("1")
+      const node2 = flow.getNode("2")!
       // Should push vertically since horizontal overlap is larger
       expect(node2.position.y).not.toBe(30)
     })
   })
 
-  describe('getChildNodes / getAbsolutePosition', () => {
-    it('returns child nodes of a group', () => {
+  describe("getChildNodes / getAbsolutePosition", () => {
+    it("returns child nodes of a group", () => {
       const flow = createFlow({
         nodes: [
           {
-            id: 'group',
+            id: "group",
             position: { x: 0, y: 0 },
             group: true,
             data: {},
           },
           {
-            id: 'child1',
+            id: "child1",
             position: { x: 10, y: 10 },
-            parentId: 'group',
+            parentId: "group",
             data: {},
           },
           {
-            id: 'child2',
+            id: "child2",
             position: { x: 20, y: 20 },
-            parentId: 'group',
+            parentId: "group",
             data: {},
           },
-          { id: 'other', position: { x: 100, y: 100 }, data: {} },
+          { id: "other", position: { x: 100, y: 100 }, data: {} },
         ],
       })
 
-      const children = flow.getChildNodes('group')
+      const children = flow.getChildNodes("group")
       expect(children).toHaveLength(2)
-      expect(children.map((n) => n.id)).toEqual(
-        expect.arrayContaining(['child1', 'child2']),
-      )
+      expect(children.map((n) => n.id)).toEqual(expect.arrayContaining(["child1", "child2"]))
     })
 
-    it('getAbsolutePosition accounts for parent offset', () => {
+    it("getAbsolutePosition accounts for parent offset", () => {
       const flow = createFlow({
         nodes: [
           {
-            id: 'parent',
+            id: "parent",
             position: { x: 100, y: 200 },
             data: {},
           },
           {
-            id: 'child',
+            id: "child",
             position: { x: 10, y: 20 },
-            parentId: 'parent',
+            parentId: "parent",
             data: {},
           },
         ],
       })
 
-      const abs = flow.getAbsolutePosition('child')
+      const abs = flow.getAbsolutePosition("child")
       expect(abs).toEqual({ x: 110, y: 220 })
     })
 
-    it('getAbsolutePosition for root node returns position', () => {
+    it("getAbsolutePosition for root node returns position", () => {
       const flow = createFlow({
-        nodes: [{ id: '1', position: { x: 50, y: 75 }, data: {} }],
+        nodes: [{ id: "1", position: { x: 50, y: 75 }, data: {} }],
       })
 
-      expect(flow.getAbsolutePosition('1')).toEqual({ x: 50, y: 75 })
+      expect(flow.getAbsolutePosition("1")).toEqual({ x: 50, y: 75 })
     })
 
-    it('getAbsolutePosition for missing node returns 0,0', () => {
+    it("getAbsolutePosition for missing node returns 0,0", () => {
       const flow = createFlow()
-      expect(flow.getAbsolutePosition('missing')).toEqual({ x: 0, y: 0 })
+      expect(flow.getAbsolutePosition("missing")).toEqual({ x: 0, y: 0 })
     })
   })
 
-  describe('moveSelectedNodes', () => {
-    it('moves all selected nodes by delta', () => {
+  describe("moveSelectedNodes", () => {
+    it("moves all selected nodes by delta", () => {
       const flow = createFlow({
         nodes: [
-          { id: '1', position: { x: 0, y: 0 }, data: {} },
-          { id: '2', position: { x: 100, y: 0 }, data: {} },
-          { id: '3', position: { x: 200, y: 0 }, data: {} },
+          { id: "1", position: { x: 0, y: 0 }, data: {} },
+          { id: "2", position: { x: 100, y: 0 }, data: {} },
+          { id: "3", position: { x: 200, y: 0 }, data: {} },
         ],
       })
 
-      flow.selectNode('1')
-      flow.selectNode('2', true)
+      flow.selectNode("1")
+      flow.selectNode("2", true)
       flow.moveSelectedNodes(50, 25)
 
-      expect(flow.getNode('1')!.position).toEqual({ x: 50, y: 25 })
-      expect(flow.getNode('2')!.position).toEqual({ x: 150, y: 25 })
-      expect(flow.getNode('3')!.position).toEqual({ x: 200, y: 0 }) // not selected
+      expect(flow.getNode("1")!.position).toEqual({ x: 50, y: 25 })
+      expect(flow.getNode("2")!.position).toEqual({ x: 150, y: 25 })
+      expect(flow.getNode("3")!.position).toEqual({ x: 200, y: 0 }) // not selected
     })
 
-    it('does nothing with no selection', () => {
+    it("does nothing with no selection", () => {
       const flow = createFlow({
-        nodes: [{ id: '1', position: { x: 0, y: 0 }, data: {} }],
+        nodes: [{ id: "1", position: { x: 0, y: 0 }, data: {} }],
       })
 
       flow.moveSelectedNodes(100, 100)
-      expect(flow.getNode('1')!.position).toEqual({ x: 0, y: 0 })
+      expect(flow.getNode("1")!.position).toEqual({ x: 0, y: 0 })
     })
   })
 
-  describe('getSnapLines', () => {
-    it('snaps to aligned nodes', () => {
+  describe("getSnapLines", () => {
+    it("snaps to aligned nodes", () => {
       const flow = createFlow({
         nodes: [
           {
-            id: '1',
+            id: "1",
             position: { x: 100, y: 100 },
             width: 100,
             height: 50,
             data: {},
           },
           {
-            id: '2',
+            id: "2",
             position: { x: 300, y: 200 },
             width: 100,
             height: 50,
@@ -375,23 +366,23 @@ describe('createFlow — advanced', () => {
       })
 
       // Move node 2 close to node 1's center X
-      const snap = flow.getSnapLines('2', { x: 98, y: 200 })
+      const snap = flow.getSnapLines("2", { x: 98, y: 200 })
       expect(snap.x).not.toBeNull()
       expect(snap.snappedPosition.x).not.toBe(98)
     })
 
-    it('returns null lines when no alignment', () => {
+    it("returns null lines when no alignment", () => {
       const flow = createFlow({
         nodes: [
           {
-            id: '1',
+            id: "1",
             position: { x: 0, y: 0 },
             width: 100,
             height: 50,
             data: {},
           },
           {
-            id: '2',
+            id: "2",
             position: { x: 500, y: 500 },
             width: 100,
             height: 50,
@@ -400,23 +391,23 @@ describe('createFlow — advanced', () => {
         ],
       })
 
-      const snap = flow.getSnapLines('2', { x: 500, y: 500 })
+      const snap = flow.getSnapLines("2", { x: 500, y: 500 })
       expect(snap.x).toBeNull()
       expect(snap.y).toBeNull()
     })
 
-    it('snaps to left edge alignment', () => {
+    it("snaps to left edge alignment", () => {
       const flow = createFlow({
         nodes: [
           {
-            id: '1',
+            id: "1",
             position: { x: 100, y: 0 },
             width: 100,
             height: 50,
             data: {},
           },
           {
-            id: '2',
+            id: "2",
             position: { x: 100, y: 100 },
             width: 100,
             height: 50,
@@ -426,22 +417,22 @@ describe('createFlow — advanced', () => {
       })
 
       // Node 2 is already aligned on left edge
-      const snap = flow.getSnapLines('2', { x: 102, y: 100 })
+      const snap = flow.getSnapLines("2", { x: 102, y: 100 })
       expect(snap.snappedPosition.x).toBe(100) // snapped to left edge
     })
 
-    it('snaps to right edge alignment', () => {
+    it("snaps to right edge alignment", () => {
       const flow = createFlow({
         nodes: [
           {
-            id: '1',
+            id: "1",
             position: { x: 100, y: 0 },
             width: 100,
             height: 50,
             data: {},
           },
           {
-            id: '2',
+            id: "2",
             position: { x: 100, y: 100 },
             width: 100,
             height: 50,
@@ -451,24 +442,24 @@ describe('createFlow — advanced', () => {
       })
 
       // Move node 2 so right edges almost align
-      const snap = flow.getSnapLines('2', { x: 98, y: 100 })
+      const snap = flow.getSnapLines("2", { x: 98, y: 100 })
       // Right edge of node1: 200, right edge of moved node2: 98+100=198
       // Diff = 2, within threshold 5
       expect(snap.snappedPosition.x).toBe(100) // snapped
     })
 
-    it('snaps to center Y alignment', () => {
+    it("snaps to center Y alignment", () => {
       const flow = createFlow({
         nodes: [
           {
-            id: '1',
+            id: "1",
             position: { x: 0, y: 100 },
             width: 100,
             height: 50,
             data: {},
           },
           {
-            id: '2',
+            id: "2",
             position: { x: 200, y: 0 },
             width: 100,
             height: 50,
@@ -479,22 +470,22 @@ describe('createFlow — advanced', () => {
 
       // center Y of node1 = 100+25 = 125
       // Move node2 so its center Y is close: y + 25 ≈ 125 → y ≈ 100
-      const snap = flow.getSnapLines('2', { x: 200, y: 102 })
+      const snap = flow.getSnapLines("2", { x: 200, y: 102 })
       expect(snap.snappedPosition.y).toBe(100) // snapped to center Y
     })
 
-    it('snaps to bottom edge alignment', () => {
+    it("snaps to bottom edge alignment", () => {
       const flow = createFlow({
         nodes: [
           {
-            id: '1',
+            id: "1",
             position: { x: 0, y: 0 },
             width: 100,
             height: 50,
             data: {},
           },
           {
-            id: '2',
+            id: "2",
             position: { x: 200, y: 0 },
             width: 100,
             height: 50,
@@ -505,75 +496,75 @@ describe('createFlow — advanced', () => {
 
       // bottom of node1 = 50, bottom of node2 = y + 50
       // For snap: abs(y+50 - 50) < 5 → abs(y) < 5
-      const snap = flow.getSnapLines('2', { x: 200, y: 3 })
+      const snap = flow.getSnapLines("2", { x: 200, y: 3 })
       expect(snap.snappedPosition.y).toBe(0) // snapped to bottom edge
     })
 
-    it('returns original position for missing node', () => {
+    it("returns original position for missing node", () => {
       const flow = createFlow()
-      const snap = flow.getSnapLines('missing', { x: 100, y: 200 })
+      const snap = flow.getSnapLines("missing", { x: 100, y: 200 })
       expect(snap.snappedPosition).toEqual({ x: 100, y: 200 })
     })
   })
 
-  describe('reconnectEdge', () => {
-    it('changes edge source', () => {
+  describe("reconnectEdge", () => {
+    it("changes edge source", () => {
       const flow = createFlow({
         nodes: [
-          { id: '1', position: { x: 0, y: 0 }, data: {} },
-          { id: '2', position: { x: 100, y: 0 }, data: {} },
-          { id: '3', position: { x: 200, y: 0 }, data: {} },
+          { id: "1", position: { x: 0, y: 0 }, data: {} },
+          { id: "2", position: { x: 100, y: 0 }, data: {} },
+          { id: "3", position: { x: 200, y: 0 }, data: {} },
         ],
-        edges: [{ id: 'e1', source: '1', target: '2' }],
+        edges: [{ id: "e1", source: "1", target: "2" }],
       })
 
-      flow.reconnectEdge('e1', { source: '3' })
-      expect(flow.getEdge('e1')!.source).toBe('3')
-      expect(flow.getEdge('e1')!.target).toBe('2') // unchanged
+      flow.reconnectEdge("e1", { source: "3" })
+      expect(flow.getEdge("e1")!.source).toBe("3")
+      expect(flow.getEdge("e1")!.target).toBe("2") // unchanged
     })
 
-    it('changes edge target', () => {
+    it("changes edge target", () => {
       const flow = createFlow({
         nodes: [
-          { id: '1', position: { x: 0, y: 0 }, data: {} },
-          { id: '2', position: { x: 100, y: 0 }, data: {} },
-          { id: '3', position: { x: 200, y: 0 }, data: {} },
+          { id: "1", position: { x: 0, y: 0 }, data: {} },
+          { id: "2", position: { x: 100, y: 0 }, data: {} },
+          { id: "3", position: { x: 200, y: 0 }, data: {} },
         ],
-        edges: [{ id: 'e1', source: '1', target: '2' }],
+        edges: [{ id: "e1", source: "1", target: "2" }],
       })
 
-      flow.reconnectEdge('e1', { target: '3' })
-      expect(flow.getEdge('e1')!.target).toBe('3')
+      flow.reconnectEdge("e1", { target: "3" })
+      expect(flow.getEdge("e1")!.target).toBe("3")
     })
   })
 
-  describe('edge with custom id and handle', () => {
-    it('generates id from source/target handles', () => {
+  describe("edge with custom id and handle", () => {
+    it("generates id from source/target handles", () => {
       const flow = createFlow({
         nodes: [
-          { id: '1', position: { x: 0, y: 0 }, data: {} },
-          { id: '2', position: { x: 100, y: 0 }, data: {} },
+          { id: "1", position: { x: 0, y: 0 }, data: {} },
+          { id: "2", position: { x: 100, y: 0 }, data: {} },
         ],
         edges: [
           {
-            source: '1',
-            target: '2',
-            sourceHandle: 'out',
-            targetHandle: 'in',
+            source: "1",
+            target: "2",
+            sourceHandle: "out",
+            targetHandle: "in",
           },
         ],
       })
 
-      expect(flow.edges()[0]!.id).toBe('e-1-out-2-in')
+      expect(flow.edges()[0]!.id).toBe("e-1-out-2-in")
     })
   })
 
-  describe('fitView with initial config', () => {
-    it('fits view on creation when config.fitView is true', () => {
+  describe("fitView with initial config", () => {
+    it("fits view on creation when config.fitView is true", () => {
       const flow = createFlow({
         nodes: [
-          { id: '1', position: { x: 0, y: 0 }, data: {} },
-          { id: '2', position: { x: 500, y: 500 }, data: {} },
+          { id: "1", position: { x: 0, y: 0 }, data: {} },
+          { id: "2", position: { x: 500, y: 500 }, data: {} },
         ],
         fitView: true,
       })
@@ -584,19 +575,19 @@ describe('createFlow — advanced', () => {
     })
   })
 
-  describe('proximity connect with connection rules', () => {
-    it('respects connection rules', () => {
+  describe("proximity connect with connection rules", () => {
+    it("respects connection rules", () => {
       const flow = createFlow({
         nodes: [
           {
-            id: '1',
-            type: 'output',
+            id: "1",
+            type: "output",
             position: { x: 0, y: 0 },
             data: {},
           },
           {
-            id: '2',
-            type: 'input',
+            id: "2",
+            type: "input",
             position: { x: 100, y: 0 },
             data: {},
           },
@@ -606,37 +597,37 @@ describe('createFlow — advanced', () => {
         },
       })
 
-      expect(flow.getProximityConnection('1', 200)).toBeNull()
+      expect(flow.getProximityConnection("1", 200)).toBeNull()
     })
   })
 
-  describe('undo/redo edge cases', () => {
-    it('undo with empty history does nothing', () => {
+  describe("undo/redo edge cases", () => {
+    it("undo with empty history does nothing", () => {
       const flow = createFlow({
-        nodes: [{ id: '1', position: { x: 0, y: 0 }, data: {} }],
+        nodes: [{ id: "1", position: { x: 0, y: 0 }, data: {} }],
       })
 
       flow.undo()
       expect(flow.nodes()).toHaveLength(1)
     })
 
-    it('redo with empty redo stack does nothing', () => {
+    it("redo with empty redo stack does nothing", () => {
       const flow = createFlow({
-        nodes: [{ id: '1', position: { x: 0, y: 0 }, data: {} }],
+        nodes: [{ id: "1", position: { x: 0, y: 0 }, data: {} }],
       })
 
       flow.redo()
       expect(flow.nodes()).toHaveLength(1)
     })
 
-    it('multiple undo/redo cycles', () => {
+    it("multiple undo/redo cycles", () => {
       const flow = createFlow()
 
       flow.pushHistory()
-      flow.addNode({ id: '1', position: { x: 0, y: 0 }, data: {} })
+      flow.addNode({ id: "1", position: { x: 0, y: 0 }, data: {} })
 
       flow.pushHistory()
-      flow.addNode({ id: '2', position: { x: 100, y: 0 }, data: {} })
+      flow.addNode({ id: "2", position: { x: 100, y: 0 }, data: {} })
 
       expect(flow.nodes()).toHaveLength(2)
 
@@ -654,22 +645,22 @@ describe('createFlow — advanced', () => {
     })
   })
 
-  describe('copy/paste with edges', () => {
-    it('copies connected edges between selected nodes', () => {
+  describe("copy/paste with edges", () => {
+    it("copies connected edges between selected nodes", () => {
       const flow = createFlow({
         nodes: [
-          { id: '1', position: { x: 0, y: 0 }, data: {} },
-          { id: '2', position: { x: 100, y: 0 }, data: {} },
-          { id: '3', position: { x: 200, y: 0 }, data: {} },
+          { id: "1", position: { x: 0, y: 0 }, data: {} },
+          { id: "2", position: { x: 100, y: 0 }, data: {} },
+          { id: "3", position: { x: 200, y: 0 }, data: {} },
         ],
         edges: [
-          { source: '1', target: '2' },
-          { source: '2', target: '3' },
+          { source: "1", target: "2" },
+          { source: "2", target: "3" },
         ],
       })
 
-      flow.selectNode('1')
-      flow.selectNode('2', true)
+      flow.selectNode("1")
+      flow.selectNode("2", true)
       flow.copySelected()
       flow.paste()
 
@@ -679,9 +670,9 @@ describe('createFlow — advanced', () => {
       expect(flow.edges()).toHaveLength(3)
     })
 
-    it('copy with no selection does nothing', () => {
+    it("copy with no selection does nothing", () => {
       const flow = createFlow({
-        nodes: [{ id: '1', position: { x: 0, y: 0 }, data: {} }],
+        nodes: [{ id: "1", position: { x: 0, y: 0 }, data: {} }],
       })
 
       flow.copySelected()
@@ -690,10 +681,10 @@ describe('createFlow — advanced', () => {
     })
   })
 
-  describe('listener callbacks', () => {
-    it('onNodeDragStart/End can be registered', () => {
+  describe("listener callbacks", () => {
+    it("onNodeDragStart/End can be registered", () => {
       const flow = createFlow({
-        nodes: [{ id: '1', position: { x: 0, y: 0 }, data: {} }],
+        nodes: [{ id: "1", position: { x: 0, y: 0 }, data: {} }],
       })
 
       const starts: string[] = []
@@ -703,32 +694,32 @@ describe('createFlow — advanced', () => {
       flow.onNodeDragEnd((n) => ends.push(n.id))
 
       // Emit manually via _emit
-      flow._emit.nodeDragStart(flow.getNode('1')!)
-      flow._emit.nodeDragEnd(flow.getNode('1')!)
+      flow._emit.nodeDragStart(flow.getNode("1")!)
+      flow._emit.nodeDragEnd(flow.getNode("1")!)
 
-      expect(starts).toEqual(['1'])
-      expect(ends).toEqual(['1'])
+      expect(starts).toEqual(["1"])
+      expect(ends).toEqual(["1"])
     })
 
-    it('onNodeDoubleClick', () => {
+    it("onNodeDoubleClick", () => {
       const flow = createFlow({
-        nodes: [{ id: '1', position: { x: 0, y: 0 }, data: {} }],
+        nodes: [{ id: "1", position: { x: 0, y: 0 }, data: {} }],
       })
 
       const clicked: string[] = []
       flow.onNodeDoubleClick((n) => clicked.push(n.id))
 
-      flow._emit.nodeDoubleClick(flow.getNode('1')!)
-      expect(clicked).toEqual(['1'])
+      flow._emit.nodeDoubleClick(flow.getNode("1")!)
+      expect(clicked).toEqual(["1"])
     })
 
-    it('onNodeClick / onEdgeClick', () => {
+    it("onNodeClick / onEdgeClick", () => {
       const flow = createFlow({
         nodes: [
-          { id: '1', position: { x: 0, y: 0 }, data: {} },
-          { id: '2', position: { x: 100, y: 0 }, data: {} },
+          { id: "1", position: { x: 0, y: 0 }, data: {} },
+          { id: "2", position: { x: 100, y: 0 }, data: {} },
         ],
-        edges: [{ id: 'e1', source: '1', target: '2' }],
+        edges: [{ id: "e1", source: "1", target: "2" }],
       })
 
       const nodeClicks: string[] = []
@@ -737,29 +728,29 @@ describe('createFlow — advanced', () => {
       flow.onNodeClick((n) => nodeClicks.push(n.id))
       flow.onEdgeClick((e) => edgeClicks.push(e.id!))
 
-      flow._emit.nodeClick(flow.getNode('1')!)
-      flow._emit.edgeClick(flow.getEdge('e1')!)
+      flow._emit.nodeClick(flow.getNode("1")!)
+      flow._emit.edgeClick(flow.getEdge("e1")!)
 
-      expect(nodeClicks).toEqual(['1'])
-      expect(edgeClicks).toEqual(['e1'])
+      expect(nodeClicks).toEqual(["1"])
+      expect(edgeClicks).toEqual(["e1"])
     })
   })
 
-  describe('containerSize', () => {
-    it('containerSize signal exists with defaults', () => {
+  describe("containerSize", () => {
+    it("containerSize signal exists with defaults", () => {
       const flow = createFlow()
       expect(flow.containerSize()).toEqual({ width: 800, height: 600 })
     })
 
-    it('containerSize can be updated', () => {
+    it("containerSize can be updated", () => {
       const flow = createFlow()
       flow.containerSize.set({ width: 1200, height: 900 })
       expect(flow.containerSize()).toEqual({ width: 1200, height: 900 })
     })
   })
 
-  describe('clampToExtent', () => {
-    it('returns position unchanged when no extent', () => {
+  describe("clampToExtent", () => {
+    it("returns position unchanged when no extent", () => {
       const flow = createFlow()
       expect(flow.clampToExtent({ x: -999, y: -999 })).toEqual({
         x: -999,
@@ -767,7 +758,7 @@ describe('createFlow — advanced', () => {
       })
     })
 
-    it('clamps to extent boundaries', () => {
+    it("clamps to extent boundaries", () => {
       const flow = createFlow({
         nodeExtent: [
           [0, 0],
@@ -785,18 +776,18 @@ describe('createFlow — advanced', () => {
     })
   })
 
-  describe('edge default type', () => {
-    it('uses defaultEdgeType from config', () => {
+  describe("edge default type", () => {
+    it("uses defaultEdgeType from config", () => {
       const flow = createFlow({
         nodes: [
-          { id: '1', position: { x: 0, y: 0 }, data: {} },
-          { id: '2', position: { x: 100, y: 0 }, data: {} },
+          { id: "1", position: { x: 0, y: 0 }, data: {} },
+          { id: "2", position: { x: 100, y: 0 }, data: {} },
         ],
-        edges: [{ source: '1', target: '2' }],
-        defaultEdgeType: 'straight',
+        edges: [{ source: "1", target: "2" }],
+        defaultEdgeType: "straight",
       })
 
-      expect(flow.edges()[0]!.type).toBe('straight')
+      expect(flow.edges()[0]!.type).toBe("straight")
     })
   })
 })