@nyaruka/temba-components 0.129.1 → 0.129.3

package/out-tsc/test/temba-flow-plumber-connections.test.js

@@ -0,0 +1,113 @@
+import { expect } from '@open-wc/testing';
+import { stub, useFakeTimers } from 'sinon';
+import { Plumber } from '../src/flow/Plumber';
+describe('Plumber - Connection Management', () => {
+    let plumber;
+    let mockCanvas;
+    let clock;
+    beforeEach(() => {
+        // Use fake timers to control setTimeout
+        clock = useFakeTimers();
+        // Create mock canvas and make getElementById return a mock element
+        mockCanvas = document.createElement('div');
+        const mockElement = document.createElement('div');
+        stub(document, 'getElementById').returns(mockElement);
+        // Create a new plumber instance
+        plumber = new Plumber(mockCanvas);
+        // Replace the internal jsPlumb instance with mocks
+        plumber.jsPlumb = {
+            getConnections: stub().returns([]),
+            addClass: stub(),
+            removeClass: stub(),
+            batch: stub().callsFake((fn) => fn()),
+            addEndpoint: stub().returns({}),
+            connect: stub(),
+            selectEndpoints: stub().returns({
+                deleteAll: stub()
+            }),
+            deleteConnection: stub(),
+            removeAllEndpoints: stub(),
+            repaintEverything: stub()
+        };
+    });
+    afterEach(() => {
+        var _a, _b;
+        // Restore the original document.getElementById
+        (_b = (_a = document.getElementById).restore) === null || _b === void 0 ? void 0 : _b.call(_a);
+        clock.restore();
+    });
+    describe('setConnectionRemovingState', () => {
+        it('returns false when no connections are found', () => {
+            const result = plumber.setConnectionRemovingState('test-exit', true);
+            expect(result).to.be.false;
+            expect(plumber.jsPlumb.getConnections).to.have.been.called;
+        });
+        it('sets removing class on connections when isRemoving is true', () => {
+            const mockConnections = [
+                { id: 'conn1', addClass: stub() },
+                { id: 'conn2', addClass: stub() }
+            ];
+            plumber.jsPlumb.getConnections = stub().returns(mockConnections);
+            const result = plumber.setConnectionRemovingState('test-exit', true);
+            expect(result).to.be.true;
+            expect(mockConnections[0].addClass).to.have.been.calledWith('removing');
+            expect(mockConnections[1].addClass).to.have.been.calledWith('removing');
+        });
+        it('removes removing class from connections when isRemoving is false', () => {
+            const mockConnections = [
+                { id: 'conn1', removeClass: stub() },
+                { id: 'conn2', removeClass: stub() }
+            ];
+            plumber.jsPlumb.getConnections = stub().returns(mockConnections);
+            const result = plumber.setConnectionRemovingState('test-exit', false);
+            expect(result).to.be.true;
+            expect(mockConnections[0].removeClass).to.have.been.calledWith('removing');
+            expect(mockConnections[1].removeClass).to.have.been.calledWith('removing');
+        });
+    });
+    describe('connectIds and processPendingConnections', () => {
+        it('adds connection to pending connections', () => {
+            // Call connectIds which should add to pending connections
+            plumber.connectIds('test-node', 'test-from', 'test-to');
+            // Verify pendingConnections has the new connection
+            expect(plumber.pendingConnections.length).to.equal(1);
+            // Advance timer to trigger the timeout
+            clock.tick(51); // Just past the 50ms timeout
+            // Now the batch should have been called
+            expect(plumber.jsPlumb.batch).to.have.been.called;
+            expect(plumber.jsPlumb.addEndpoint).to.have.been.called;
+            expect(plumber.jsPlumb.connect).to.have.been.called;
+        });
+        it('clears previous timeout when called multiple times', () => {
+            // Set up spies for window.setTimeout and window.clearTimeout instead of global
+            const clearTimeoutSpy = stub(window, 'clearTimeout');
+            const setTimeoutSpy = stub(window, 'setTimeout').returns(123);
+            // Call twice
+            plumber.processPendingConnections();
+            plumber.processPendingConnections();
+            // Should have called clearTimeout once and setTimeout twice
+            expect(clearTimeoutSpy).to.have.been.calledOnce;
+            expect(setTimeoutSpy).to.have.been.calledTwice;
+            // Clean up
+            clearTimeoutSpy.restore();
+            setTimeoutSpy.restore();
+        });
+    });
+    describe('removeExitConnection', () => {
+        it('removes connections for an exit', () => {
+            const mockConnections = [{ id: 'conn1' }, { id: 'conn2' }];
+            plumber.jsPlumb.getConnections = stub().returns(mockConnections);
+            const result = plumber.removeExitConnection('test-exit');
+            expect(result).to.be.true;
+            expect(plumber.jsPlumb.deleteConnection).to.have.been
+                .calledTwice;
+            expect(plumber.jsPlumb.removeAllEndpoints).to.have.been.called;
+        });
+        it('returns false when no connections exist', () => {
+            plumber.jsPlumb.getConnections = stub().returns([]);
+            const result = plumber.removeExitConnection('test-exit');
+            expect(result).to.be.false;
+        });
+    });
+});
+//# sourceMappingURL=temba-flow-plumber-connections.test.js.map

package/out-tsc/test/temba-flow-plumber-connections.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temba-flow-plumber-connections.test.js","sourceRoot":"","sources":["../../test/temba-flow-plumber-connections.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { stub, useFakeTimers, SinonFakeTimers } from 'sinon';\nimport { Plumber } from '../src/flow/Plumber';\n\ndescribe('Plumber - Connection Management', () => {\n  let plumber: Plumber;\n  let mockCanvas: HTMLElement;\n  let clock: SinonFakeTimers;\n\n  beforeEach(() => {\n    // Use fake timers to control setTimeout\n    clock = useFakeTimers();\n\n    // Create mock canvas and make getElementById return a mock element\n    mockCanvas = document.createElement('div');\n    const mockElement = document.createElement('div');\n    stub(document, 'getElementById').returns(mockElement);\n\n    // Create a new plumber instance\n    plumber = new Plumber(mockCanvas);\n\n    // Replace the internal jsPlumb instance with mocks\n    (plumber as any).jsPlumb = {\n      getConnections: stub().returns([]),\n      addClass: stub(),\n      removeClass: stub(),\n      batch: stub().callsFake((fn: any) => fn()),\n      addEndpoint: stub().returns({}),\n      connect: stub(),\n      selectEndpoints: stub().returns({\n        deleteAll: stub()\n      }),\n      deleteConnection: stub(),\n      removeAllEndpoints: stub(),\n      repaintEverything: stub()\n    };\n  });\n\n  afterEach(() => {\n    // Restore the original document.getElementById\n    (document.getElementById as any).restore?.();\n    clock.restore();\n  });\n\n  describe('setConnectionRemovingState', () => {\n    it('returns false when no connections are found', () => {\n      const result = plumber.setConnectionRemovingState('test-exit', true);\n      expect(result).to.be.false;\n      expect((plumber as any).jsPlumb.getConnections).to.have.been.called;\n    });\n\n    it('sets removing class on connections when isRemoving is true', () => {\n      const mockConnections = [\n        { id: 'conn1', addClass: stub() },\n        { id: 'conn2', addClass: stub() }\n      ];\n\n      (plumber as any).jsPlumb.getConnections = stub().returns(mockConnections);\n\n      const result = plumber.setConnectionRemovingState('test-exit', true);\n      expect(result).to.be.true;\n      expect(mockConnections[0].addClass).to.have.been.calledWith('removing');\n      expect(mockConnections[1].addClass).to.have.been.calledWith('removing');\n    });\n\n    it('removes removing class from connections when isRemoving is false', () => {\n      const mockConnections = [\n        { id: 'conn1', removeClass: stub() },\n        { id: 'conn2', removeClass: stub() }\n      ];\n\n      (plumber as any).jsPlumb.getConnections = stub().returns(mockConnections);\n\n      const result = plumber.setConnectionRemovingState('test-exit', false);\n      expect(result).to.be.true;\n      expect(mockConnections[0].removeClass).to.have.been.calledWith(\n        'removing'\n      );\n      expect(mockConnections[1].removeClass).to.have.been.calledWith(\n        'removing'\n      );\n    });\n  });\n\n  describe('connectIds and processPendingConnections', () => {\n    it('adds connection to pending connections', () => {\n      // Call connectIds which should add to pending connections\n      plumber.connectIds('test-node', 'test-from', 'test-to');\n\n      // Verify pendingConnections has the new connection\n      expect((plumber as any).pendingConnections.length).to.equal(1);\n\n      // Advance timer to trigger the timeout\n      clock.tick(51); // Just past the 50ms timeout\n\n      // Now the batch should have been called\n      expect((plumber as any).jsPlumb.batch).to.have.been.called;\n      expect((plumber as any).jsPlumb.addEndpoint).to.have.been.called;\n      expect((plumber as any).jsPlumb.connect).to.have.been.called;\n    });\n\n    it('clears previous timeout when called multiple times', () => {\n      // Set up spies for window.setTimeout and window.clearTimeout instead of global\n      const clearTimeoutSpy = stub(window, 'clearTimeout');\n      const setTimeoutSpy = stub(window, 'setTimeout').returns(123 as any);\n\n      // Call twice\n      plumber.processPendingConnections();\n      plumber.processPendingConnections();\n\n      // Should have called clearTimeout once and setTimeout twice\n      expect(clearTimeoutSpy).to.have.been.calledOnce;\n      expect(setTimeoutSpy).to.have.been.calledTwice;\n\n      // Clean up\n      clearTimeoutSpy.restore();\n      setTimeoutSpy.restore();\n    });\n  });\n\n  describe('removeExitConnection', () => {\n    it('removes connections for an exit', () => {\n      const mockConnections = [{ id: 'conn1' }, { id: 'conn2' }];\n      (plumber as any).jsPlumb.getConnections = stub().returns(mockConnections);\n\n      const result = plumber.removeExitConnection('test-exit');\n\n      expect(result).to.be.true;\n      expect((plumber as any).jsPlumb.deleteConnection).to.have.been\n        .calledTwice;\n      expect((plumber as any).jsPlumb.removeAllEndpoints).to.have.been.called;\n    });\n\n    it('returns false when no connections exist', () => {\n      (plumber as any).jsPlumb.getConnections = stub().returns([]);\n\n      const result = plumber.removeExitConnection('test-exit');\n\n      expect(result).to.be.false;\n    });\n  });\n});\n"]}

package/out-tsc/test/temba-flow-plumber.test.js

@@ -1,35 +1,46 @@
-import { html, fixture, expect } from '@open-wc/testing';
+import { expect } from '@open-wc/testing';
 import { Plumber, SOURCE_DEFAULTS, TARGET_DEFAULTS } from '../src/flow/Plumber';
-import { stub, restore } from 'sinon';
+import { stub, useFakeTimers } from 'sinon';
 describe('Plumber', () => {
     let plumber;
     let mockJsPlumb;
-    let container;
-    beforeEach(async () => {
-        // Create a container with mock elements
-        container = await fixture(html `
-      <div>
-        <div id="test-canvas"></div>
-        <div id="test-source">Source Element</div>
-        <div id="test-target">Target Element</div>
-        <div id="test-from">From Element</div>
-        <div id="test-to">To Element</div>
-      </div>
-    `);
-        const canvas = container.querySelector('#test-canvas');
-        // Mock jsPlumb functionality
+    let mockCanvas;
+    let clock;
+    beforeEach(() => {
+        // Use fake timers to control setTimeout
+        clock = useFakeTimers();
+        // Create mock canvas and make getElementById return a mock element
+        mockCanvas = document.createElement('div');
+        const mockElement = document.createElement('div');
+        stub(document, 'getElementById').returns(mockElement);
+        // Create a new plumber instance
+        plumber = new Plumber(mockCanvas);
+        // Replace the internal jsPlumb instance with mocks
         mockJsPlumb = {
-            addEndpoint: stub().returns({ uuid: 'mock-endpoint' }),
+            getConnections: stub().returns([]),
+            addClass: stub(),
+            removeClass: stub(),
+            batch: stub().callsFake((fn) => fn()),
+            addEndpoint: stub().returns({}),
             connect: stub(),
-            batch: stub().callsFake((fn) => fn())
+            selectEndpoints: stub().returns({
+                deleteAll: stub()
+            }),
+            deleteConnection: stub(),
+            removeAllEndpoints: stub(),
+            repaintEverything: stub(),
+            revalidate: stub(),
+            bind: stub()
         };
-        // Create plumber instance and replace jsPlumb
-        plumber = new Plumber(canvas);
-        // Access private property for testing
         plumber.jsPlumb = mockJsPlumb;
+        // Reset the connectionWait to avoid timing issues
+        plumber.connectionWait = null;
     });
     afterEach(() => {
-        restore();
+        var _a, _b;
+        // Restore the original document.getElementById
+        (_b = (_a = document.getElementById).restore) === null || _b === void 0 ? void 0 : _b.call(_a);
+        clock.restore();
     });
     describe('constructor', () => {
         it('creates a new plumber instance', () => {
@@ -39,106 +50,75 @@ describe('Plumber', () => {
     describe('makeTarget', () => {
         it('creates a target endpoint for the specified element', () => {
             plumber.makeTarget('test-target');
-            expect(mockJsPlumb.addEndpoint).to.have.been.calledWith(container.querySelector('#test-target'), TARGET_DEFAULTS);
-        });
-        it('handles non-existent elements gracefully', () => {
-            plumber.makeTarget('non-existent');
-            expect(mockJsPlumb.addEndpoint).to.have.been.calledWith(null, TARGET_DEFAULTS);
+            expect(mockJsPlumb.addEndpoint).to.have.been.called;
         });
     });
     describe('makeSource', () => {
         it('creates a source endpoint for the specified element', () => {
             plumber.makeSource('test-source');
-            expect(mockJsPlumb.addEndpoint).to.have.been.calledWith(container.querySelector('#test-source'), SOURCE_DEFAULTS);
-        });
-        it('handles non-existent elements gracefully', () => {
-            plumber.makeSource('non-existent');
-            expect(mockJsPlumb.addEndpoint).to.have.been.calledWith(null, SOURCE_DEFAULTS);
+            expect(mockJsPlumb.addEndpoint).to.have.been.called;
         });
     });
     describe('connectIds', () => {
         it('adds connection to pending connections and processes them', () => {
-            plumber.connectIds('test-from', 'test-to');
-            // Verify that the method doesn't throw and plumber exists
-            expect(plumber).to.exist;
+            plumber.connectIds('test-node', 'test-from', 'test-to');
+            // Verify pendingConnections has the new connection
+            expect(plumber.pendingConnections.length).to.equal(1);
+            // Advance timer to trigger the timeout
+            clock.tick(51); // Just past the 50ms timeout
+            // Now the batch should have been called
+            expect(mockJsPlumb.batch).to.have.been.called;
         });
     });
     describe('processPendingConnections', () => {
-        it('processes pending connections with timeout', (done) => {
+        it('processes pending connections with timeout', () => {
             // Add a connection to pending connections
-            plumber.connectIds('test-from', 'test-to');
-            // Wait for the debounced timeout
-            setTimeout(() => {
-                expect(mockJsPlumb.batch).to.have.been.called;
-                done();
-            }, 60); // Wait longer than the 50ms timeout
+            plumber.connectIds('test-node', 'test-from', 'test-to');
+            // Fast-forward clock past the timeout
+            clock.tick(51); // Just past the 50ms timeout
+            expect(mockJsPlumb.batch).to.have.been.called;
         });
-        it('creates endpoints and connections for pending connections', (done) => {
-            plumber.connectIds('test-from', 'test-to');
-            setTimeout(() => {
-                expect(mockJsPlumb.addEndpoint).to.have.been.called;
-                expect(mockJsPlumb.connect).to.have.been.called;
-                done();
-            }, 60);
+        it('creates endpoints and connections for pending connections', () => {
+            plumber.connectIds('test-node', 'test-from', 'test-to');
+            // Fast-forward clock past the timeout
+            clock.tick(51); // Just past the 50ms timeout
+            expect(mockJsPlumb.addEndpoint).to.have.been.called;
+            expect(mockJsPlumb.connect).to.have.been.called;
         });
         it('clears existing timeout when called multiple times', () => {
-            // Call processPendingConnections directly
+            // Set up spies for window.setTimeout and window.clearTimeout
+            const clearTimeoutSpy = stub(window, 'clearTimeout');
+            const setTimeoutSpy = stub(window, 'setTimeout').returns(123);
+            // Call twice
             plumber.processPendingConnections();
             plumber.processPendingConnections();
-            // This mainly tests that no errors are thrown
-            expect(plumber).to.exist;
+            // Should have called clearTimeout once and setTimeout twice
+            expect(clearTimeoutSpy).to.have.been.calledOnce;
+            expect(setTimeoutSpy).to.have.been.calledTwice;
+            // Clean up
+            clearTimeoutSpy.restore();
+            setTimeoutSpy.restore();
         });
-        it('handles empty pending connections', (done) => {
+        it('handles empty pending connections', () => {
             // Call without adding any connections
             plumber.processPendingConnections();
-            setTimeout(() => {
-                expect(mockJsPlumb.batch).to.have.been.called;
-                done();
-            }, 60);
+            // Fast-forward clock past the timeout
+            clock.tick(51); // Just past the 50ms timeout
+            expect(mockJsPlumb.batch).to.have.been.called;
         });
     });
     describe('constants', () => {
-        it('exports SOURCE_DEFAULTS with correct structure', () => {
+        it('has correct properties in SOURCE_DEFAULTS', () => {
             expect(SOURCE_DEFAULTS).to.have.property('endpoint');
-            expect(SOURCE_DEFAULTS.endpoint).to.have.property('type');
-            expect(SOURCE_DEFAULTS.endpoint).to.have.property('options');
             expect(SOURCE_DEFAULTS).to.have.property('anchors');
-            expect(SOURCE_DEFAULTS).to.have.property('maxConnections', 1);
-            expect(SOURCE_DEFAULTS).to.have.property('isSource', true);
-            expect(SOURCE_DEFAULTS).to.have.property('dragAllowedWhenFull', false);
-            expect(SOURCE_DEFAULTS).to.have.property('deleteEndpointsOnEmpty', true);
+            expect(SOURCE_DEFAULTS).to.have.property('maxConnections');
+            expect(SOURCE_DEFAULTS).to.have.property('source');
         });
-        it('exports TARGET_DEFAULTS with correct structure', () => {
+        it('has correct properties in TARGET_DEFAULTS', () => {
             expect(TARGET_DEFAULTS).to.have.property('endpoint');
-            expect(TARGET_DEFAULTS.endpoint).to.have.property('type');
-            expect(TARGET_DEFAULTS.endpoint).to.have.property('options');
             expect(TARGET_DEFAULTS).to.have.property('anchor');
-            expect(TARGET_DEFAULTS).to.have.property('isTarget', true);
-            expect(TARGET_DEFAULTS).to.have.property('dragAllowedWhenFull', false);
-            expect(TARGET_DEFAULTS).to.have.property('deleteEndpointsOnEmpty', true);
-        });
-        it('has correct SOURCE_DEFAULTS endpoint options', () => {
-            const options = SOURCE_DEFAULTS.endpoint.options;
-            expect(options).to.have.property('radius', 6);
-            expect(options).to.have.property('cssClass', 'plumb-source');
-            expect(options).to.have.property('hoverClass', 'plumb-source-hover');
-            expect(options).to.have.property('connectedClass', 'plumb-connected');
-        });
-        it('has correct TARGET_DEFAULTS endpoint options', () => {
-            const options = TARGET_DEFAULTS.endpoint.options;
-            expect(options).to.have.property('width', 23);
-            expect(options).to.have.property('height', 23);
-            expect(options).to.have.property('cssClass', 'plumb-target');
-            expect(options).to.have.property('hoverClass', 'plumb-target-hover');
-        });
-        it('has correct TARGET_DEFAULTS anchor options', () => {
-            const anchor = TARGET_DEFAULTS.anchor;
-            expect(anchor).to.have.property('type', 'Continuous');
-            expect(anchor.options).to.have.property('faces');
-            expect(anchor.options.faces).to.include('top');
-            expect(anchor.options.faces).to.include('left');
-            expect(anchor.options.faces).to.include('right');
-            expect(anchor.options).to.have.property('cssClass', 'continuos plumb-target-anchor');
+            expect(TARGET_DEFAULTS).to.have.property('maxConnections');
+            expect(TARGET_DEFAULTS).to.have.property('target');
         });
     });
 });

package/out-tsc/test/temba-flow-plumber.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-flow-plumber.test.js","sourceRoot":"","sources":["../../test/temba-flow-plumber.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,IAAI,OAAgB,CAAC;IACrB,IAAI,WAAgB,CAAC;IACrB,IAAI,SAAsB,CAAC;IAE3B,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,wCAAwC;QACxC,SAAS,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA;;;;;;;;KAQ7B,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,cAAc,CAAgB,CAAC;QAEtE,6BAA6B;QAC7B,WAAW,GAAG;YACZ,WAAW,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC;YACtD,OAAO,EAAE,IAAI,EAAE;YACf,KAAK,EAAE,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,EAAc,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;SAClD,CAAC;QAEF,8CAA8C;QAC9C,OAAO,GAAG,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;QAC9B,sCAAsC;QACrC,OAAe,CAAC,OAAO,GAAG,WAAW,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;QAC3B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;YACxC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QAC1B,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;YAC7D,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YAElC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CACrD,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,EACvC,eAAe,CAChB,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;YAClD,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;YAEnC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CACrD,IAAI,EACJ,eAAe,CAChB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QAC1B,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;YAC7D,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YAElC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CACrD,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,EACvC,eAAe,CAChB,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;YAClD,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;YAEnC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CACrD,IAAI,EACJ,eAAe,CAChB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QAC1B,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;YACnE,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;YAE3C,0DAA0D;YAC1D,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACzC,EAAE,CAAC,4CAA4C,EAAE,CAAC,IAAI,EAAE,EAAE;YACxD,0CAA0C;YAC1C,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;YAE3C,iCAAiC;YACjC,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;gBAC9C,IAAI,EAAE,CAAC;YACT,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oCAAoC;QAC9C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2DAA2D,EAAE,CAAC,IAAI,EAAE,EAAE;YACvE,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;YAE3C,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;gBACpD,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;gBAChD,IAAI,EAAE,CAAC;YACT,CAAC,EAAE,EAAE,CAAC,CAAC;QACT,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;YAC5D,0CAA0C;YAC1C,OAAO,CAAC,yBAAyB,EAAE,CAAC;YACpC,OAAO,CAAC,yBAAyB,EAAE,CAAC;YAEpC,8CAA8C;YAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mCAAmC,EAAE,CAAC,IAAI,EAAE,EAAE;YAC/C,sCAAsC;YACtC,OAAO,CAAC,yBAAyB,EAAE,CAAC;YAEpC,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;gBAC9C,IAAI,EAAE,CAAC;YACT,CAAC,EAAE,EAAE,CAAC,CAAC;QACT,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QACzB,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;YACxD,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;YACrD,MAAM,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC1D,MAAM,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAC7D,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpD,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;YAC9D,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;YAC3D,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;YACvE,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,wBAAwB,EAAE,IAAI,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;YACxD,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;YACrD,MAAM,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC1D,MAAM,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAC7D,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnD,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;YAC3D,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;YACvE,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,wBAAwB,EAAE,IAAI,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;YACtD,MAAM,OAAO,GAAG,eAAe,CAAC,QAAQ,CAAC,OAAO,CAAC;YACjD,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;YAC7D,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;YACrE,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;YACtD,MAAM,OAAO,GAAG,eAAe,CAAC,QAAQ,CAAC,OAAO,CAAC;YACjD,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAC/C,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;YAC7D,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;YACpD,MAAM,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;YACtC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;YACtD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACjD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC/C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACjD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CACrC,UAAU,EACV,+BAA+B,CAChC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { Plumber, SOURCE_DEFAULTS, TARGET_DEFAULTS } from '../src/flow/Plumber';\nimport { stub, restore } from 'sinon';\n\ndescribe('Plumber', () => {\n  let plumber: Plumber;\n  let mockJsPlumb: any;\n  let container: HTMLElement;\n\n  beforeEach(async () => {\n    // Create a container with mock elements\n    container = await fixture(html`\n      <div>\n        <div id=\"test-canvas\"></div>\n        <div id=\"test-source\">Source Element</div>\n        <div id=\"test-target\">Target Element</div>\n        <div id=\"test-from\">From Element</div>\n        <div id=\"test-to\">To Element</div>\n      </div>\n    `);\n\n    const canvas = container.querySelector('#test-canvas') as HTMLElement;\n\n    // Mock jsPlumb functionality\n    mockJsPlumb = {\n      addEndpoint: stub().returns({ uuid: 'mock-endpoint' }),\n      connect: stub(),\n      batch: stub().callsFake((fn: () => void) => fn())\n    };\n\n    // Create plumber instance and replace jsPlumb\n    plumber = new Plumber(canvas);\n    // Access private property for testing\n    (plumber as any).jsPlumb = mockJsPlumb;\n  });\n\n  afterEach(() => {\n    restore();\n  });\n\n  describe('constructor', () => {\n    it('creates a new plumber instance', () => {\n      expect(plumber).to.be.instanceOf(Plumber);\n    });\n  });\n\n  describe('makeTarget', () => {\n    it('creates a target endpoint for the specified element', () => {\n      plumber.makeTarget('test-target');\n\n      expect(mockJsPlumb.addEndpoint).to.have.been.calledWith(\n        container.querySelector('#test-target'),\n        TARGET_DEFAULTS\n      );\n    });\n\n    it('handles non-existent elements gracefully', () => {\n      plumber.makeTarget('non-existent');\n\n      expect(mockJsPlumb.addEndpoint).to.have.been.calledWith(\n        null,\n        TARGET_DEFAULTS\n      );\n    });\n  });\n\n  describe('makeSource', () => {\n    it('creates a source endpoint for the specified element', () => {\n      plumber.makeSource('test-source');\n\n      expect(mockJsPlumb.addEndpoint).to.have.been.calledWith(\n        container.querySelector('#test-source'),\n        SOURCE_DEFAULTS\n      );\n    });\n\n    it('handles non-existent elements gracefully', () => {\n      plumber.makeSource('non-existent');\n\n      expect(mockJsPlumb.addEndpoint).to.have.been.calledWith(\n        null,\n        SOURCE_DEFAULTS\n      );\n    });\n  });\n\n  describe('connectIds', () => {\n    it('adds connection to pending connections and processes them', () => {\n      plumber.connectIds('test-from', 'test-to');\n\n      // Verify that the method doesn't throw and plumber exists\n      expect(plumber).to.exist;\n    });\n  });\n\n  describe('processPendingConnections', () => {\n    it('processes pending connections with timeout', (done) => {\n      // Add a connection to pending connections\n      plumber.connectIds('test-from', 'test-to');\n\n      // Wait for the debounced timeout\n      setTimeout(() => {\n        expect(mockJsPlumb.batch).to.have.been.called;\n        done();\n      }, 60); // Wait longer than the 50ms timeout\n    });\n\n    it('creates endpoints and connections for pending connections', (done) => {\n      plumber.connectIds('test-from', 'test-to');\n\n      setTimeout(() => {\n        expect(mockJsPlumb.addEndpoint).to.have.been.called;\n        expect(mockJsPlumb.connect).to.have.been.called;\n        done();\n      }, 60);\n    });\n\n    it('clears existing timeout when called multiple times', () => {\n      // Call processPendingConnections directly\n      plumber.processPendingConnections();\n      plumber.processPendingConnections();\n\n      // This mainly tests that no errors are thrown\n      expect(plumber).to.exist;\n    });\n\n    it('handles empty pending connections', (done) => {\n      // Call without adding any connections\n      plumber.processPendingConnections();\n\n      setTimeout(() => {\n        expect(mockJsPlumb.batch).to.have.been.called;\n        done();\n      }, 60);\n    });\n  });\n\n  describe('constants', () => {\n    it('exports SOURCE_DEFAULTS with correct structure', () => {\n      expect(SOURCE_DEFAULTS).to.have.property('endpoint');\n      expect(SOURCE_DEFAULTS.endpoint).to.have.property('type');\n      expect(SOURCE_DEFAULTS.endpoint).to.have.property('options');\n      expect(SOURCE_DEFAULTS).to.have.property('anchors');\n      expect(SOURCE_DEFAULTS).to.have.property('maxConnections', 1);\n      expect(SOURCE_DEFAULTS).to.have.property('isSource', true);\n      expect(SOURCE_DEFAULTS).to.have.property('dragAllowedWhenFull', false);\n      expect(SOURCE_DEFAULTS).to.have.property('deleteEndpointsOnEmpty', true);\n    });\n\n    it('exports TARGET_DEFAULTS with correct structure', () => {\n      expect(TARGET_DEFAULTS).to.have.property('endpoint');\n      expect(TARGET_DEFAULTS.endpoint).to.have.property('type');\n      expect(TARGET_DEFAULTS.endpoint).to.have.property('options');\n      expect(TARGET_DEFAULTS).to.have.property('anchor');\n      expect(TARGET_DEFAULTS).to.have.property('isTarget', true);\n      expect(TARGET_DEFAULTS).to.have.property('dragAllowedWhenFull', false);\n      expect(TARGET_DEFAULTS).to.have.property('deleteEndpointsOnEmpty', true);\n    });\n\n    it('has correct SOURCE_DEFAULTS endpoint options', () => {\n      const options = SOURCE_DEFAULTS.endpoint.options;\n      expect(options).to.have.property('radius', 6);\n      expect(options).to.have.property('cssClass', 'plumb-source');\n      expect(options).to.have.property('hoverClass', 'plumb-source-hover');\n      expect(options).to.have.property('connectedClass', 'plumb-connected');\n    });\n\n    it('has correct TARGET_DEFAULTS endpoint options', () => {\n      const options = TARGET_DEFAULTS.endpoint.options;\n      expect(options).to.have.property('width', 23);\n      expect(options).to.have.property('height', 23);\n      expect(options).to.have.property('cssClass', 'plumb-target');\n      expect(options).to.have.property('hoverClass', 'plumb-target-hover');\n    });\n\n    it('has correct TARGET_DEFAULTS anchor options', () => {\n      const anchor = TARGET_DEFAULTS.anchor;\n      expect(anchor).to.have.property('type', 'Continuous');\n      expect(anchor.options).to.have.property('faces');\n      expect(anchor.options.faces).to.include('top');\n      expect(anchor.options.faces).to.include('left');\n      expect(anchor.options.faces).to.include('right');\n      expect(anchor.options).to.have.property(\n        'cssClass',\n        'continuos plumb-target-anchor'\n      );\n    });\n  });\n});\n"]}
+{"version":3,"file":"temba-flow-plumber.test.js","sourceRoot":"","sources":["../../test/temba-flow-plumber.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { Plumber, SOURCE_DEFAULTS, TARGET_DEFAULTS } from '../src/flow/Plumber';\nimport { stub, useFakeTimers, SinonFakeTimers } from 'sinon';\n\ndescribe('Plumber', () => {\n  let plumber: Plumber;\n  let mockJsPlumb: any;\n  let mockCanvas: HTMLElement;\n  let clock: SinonFakeTimers;\n\n  beforeEach(() => {\n    // Use fake timers to control setTimeout\n    clock = useFakeTimers();\n\n    // Create mock canvas and make getElementById return a mock element\n    mockCanvas = document.createElement('div');\n    const mockElement = document.createElement('div');\n    stub(document, 'getElementById').returns(mockElement);\n\n    // Create a new plumber instance\n    plumber = new Plumber(mockCanvas);\n\n    // Replace the internal jsPlumb instance with mocks\n    mockJsPlumb = {\n      getConnections: stub().returns([]),\n      addClass: stub(),\n      removeClass: stub(),\n      batch: stub().callsFake((fn) => fn()),\n      addEndpoint: stub().returns({}),\n      connect: stub(),\n      selectEndpoints: stub().returns({\n        deleteAll: stub()\n      }),\n      deleteConnection: stub(),\n      removeAllEndpoints: stub(),\n      repaintEverything: stub(),\n      revalidate: stub(),\n      bind: stub()\n    };\n\n    (plumber as any).jsPlumb = mockJsPlumb;\n    // Reset the connectionWait to avoid timing issues\n    (plumber as any).connectionWait = null;\n  });\n\n  afterEach(() => {\n    // Restore the original document.getElementById\n    (document.getElementById as any).restore?.();\n    clock.restore();\n  });\n\n  describe('constructor', () => {\n    it('creates a new plumber instance', () => {\n      expect(plumber).to.be.instanceOf(Plumber);\n    });\n  });\n\n  describe('makeTarget', () => {\n    it('creates a target endpoint for the specified element', () => {\n      plumber.makeTarget('test-target');\n      expect(mockJsPlumb.addEndpoint).to.have.been.called;\n    });\n  });\n\n  describe('makeSource', () => {\n    it('creates a source endpoint for the specified element', () => {\n      plumber.makeSource('test-source');\n      expect(mockJsPlumb.addEndpoint).to.have.been.called;\n    });\n  });\n\n  describe('connectIds', () => {\n    it('adds connection to pending connections and processes them', () => {\n      plumber.connectIds('test-node', 'test-from', 'test-to');\n\n      // Verify pendingConnections has the new connection\n      expect((plumber as any).pendingConnections.length).to.equal(1);\n\n      // Advance timer to trigger the timeout\n      clock.tick(51); // Just past the 50ms timeout\n\n      // Now the batch should have been called\n      expect(mockJsPlumb.batch).to.have.been.called;\n    });\n  });\n\n  describe('processPendingConnections', () => {\n    it('processes pending connections with timeout', () => {\n      // Add a connection to pending connections\n      plumber.connectIds('test-node', 'test-from', 'test-to');\n\n      // Fast-forward clock past the timeout\n      clock.tick(51); // Just past the 50ms timeout\n\n      expect(mockJsPlumb.batch).to.have.been.called;\n    });\n\n    it('creates endpoints and connections for pending connections', () => {\n      plumber.connectIds('test-node', 'test-from', 'test-to');\n\n      // Fast-forward clock past the timeout\n      clock.tick(51); // Just past the 50ms timeout\n\n      expect(mockJsPlumb.addEndpoint).to.have.been.called;\n      expect(mockJsPlumb.connect).to.have.been.called;\n    });\n\n    it('clears existing timeout when called multiple times', () => {\n      // Set up spies for window.setTimeout and window.clearTimeout\n      const clearTimeoutSpy = stub(window, 'clearTimeout');\n      const setTimeoutSpy = stub(window, 'setTimeout').returns(123 as any);\n\n      // Call twice\n      plumber.processPendingConnections();\n      plumber.processPendingConnections();\n\n      // Should have called clearTimeout once and setTimeout twice\n      expect(clearTimeoutSpy).to.have.been.calledOnce;\n      expect(setTimeoutSpy).to.have.been.calledTwice;\n\n      // Clean up\n      clearTimeoutSpy.restore();\n      setTimeoutSpy.restore();\n    });\n\n    it('handles empty pending connections', () => {\n      // Call without adding any connections\n      plumber.processPendingConnections();\n\n      // Fast-forward clock past the timeout\n      clock.tick(51); // Just past the 50ms timeout\n\n      expect(mockJsPlumb.batch).to.have.been.called;\n    });\n  });\n\n  describe('constants', () => {\n    it('has correct properties in SOURCE_DEFAULTS', () => {\n      expect(SOURCE_DEFAULTS).to.have.property('endpoint');\n      expect(SOURCE_DEFAULTS).to.have.property('anchors');\n      expect(SOURCE_DEFAULTS).to.have.property('maxConnections');\n      expect(SOURCE_DEFAULTS).to.have.property('source');\n    });\n\n    it('has correct properties in TARGET_DEFAULTS', () => {\n      expect(TARGET_DEFAULTS).to.have.property('endpoint');\n      expect(TARGET_DEFAULTS).to.have.property('anchor');\n      expect(TARGET_DEFAULTS).to.have.property('maxConnections');\n      expect(TARGET_DEFAULTS).to.have.property('target');\n    });\n  });\n});\n"]}