@nyaruka/temba-components 0.127.0 → 0.129.0

package/out-tsc/test/temba-flow-editor-node.test.js

@@ -1,8 +1,8 @@
+import '../temba-modules';
 import { html, fixture, expect } from '@open-wc/testing';
 import { EditorNode } from '../src/flow/EditorNode';
 import { stub, restore } from 'sinon';
-// Register the component
-customElements.define('temba-editor-node', EditorNode);
+import { CustomEventType } from '../src/interfaces';
 describe('EditorNode', () => {
     let editorNode;
     let mockPlumber;
@@ -39,7 +39,7 @@ describe('EditorNode', () => {
                 text: 'Test message',
                 quick_replies: []
             };
-            const result = editorNode.renderAction(mockNode, action);
+            const result = editorNode.renderAction(mockNode, action, 0);
             expect(result).to.exist;
         });
         it('renders action with unknown config', () => {
@@ -52,7 +52,7 @@ describe('EditorNode', () => {
                 type: 'unknown_action',
                 uuid: 'action-1'
             };
-            const result = editorNode.renderAction(mockNode, action);
+            const result = editorNode.renderAction(mockNode, action, 1);
             expect(result).to.exist;
         });
     });
@@ -258,7 +258,7 @@ describe('EditorNode', () => {
             // Test individual render methods work
             editorNode = new EditorNode();
             // Test renderAction
-            const actionResult = editorNode.renderAction(mockNode, mockNode.actions[0]);
+            const actionResult = editorNode.renderAction(mockNode, mockNode.actions[0], 0);
             expect(actionResult).to.exist;
             // Test renderExit
             const exitResult = editorNode.renderExit(mockNode.exits[0]);
@@ -269,5 +269,249 @@ describe('EditorNode', () => {
             expect(mockNode.exits).to.have.length(1);
         });
     });
+    describe('drag and drop functionality', () => {
+        let editorNode;
+        beforeEach(() => {
+            editorNode = new EditorNode();
+        });
+        it('renders actions with sortable class and proper IDs', async () => {
+            const mockNode = {
+                uuid: 'sortable-test-node',
+                actions: [
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-1',
+                        text: 'Hello',
+                        quick_replies: []
+                    },
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-2',
+                        text: 'World',
+                        quick_replies: []
+                    }
+                ],
+                exits: []
+            };
+            // Test that renderAction includes sortable class and proper ID
+            const result1 = editorNode.renderAction(mockNode, mockNode.actions[0], 0);
+            const result2 = editorNode.renderAction(mockNode, mockNode.actions[1], 1);
+            expect(result1).to.exist;
+            expect(result2).to.exist;
+            // Render the template to check the actual DOM
+            const container1 = await fixture(html `<div>${result1}</div>`);
+            const container2 = await fixture(html `<div>${result2}</div>`);
+            const actionElement1 = container1.querySelector('.action');
+            const actionElement2 = container2.querySelector('.action');
+            expect(actionElement1).to.exist;
+            expect(actionElement1 === null || actionElement1 === void 0 ? void 0 : actionElement1.classList.contains('sortable')).to.be.true;
+            expect(actionElement1 === null || actionElement1 === void 0 ? void 0 : actionElement1.id).to.equal('action-0');
+            expect(actionElement2).to.exist;
+            expect(actionElement2 === null || actionElement2 === void 0 ? void 0 : actionElement2.classList.contains('sortable')).to.be.true;
+            expect(actionElement2 === null || actionElement2 === void 0 ? void 0 : actionElement2.id).to.equal('action-1');
+        });
+        it('includes drag handle in rendered actions', async () => {
+            const mockNode = {
+                uuid: 'drag-handle-test',
+                actions: [
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-1',
+                        text: 'Hello',
+                        quick_replies: []
+                    }
+                ],
+                exits: []
+            };
+            let editorNode = await fixture(html `<temba-flow-node
+          .node=${mockNode}
+          .ui=${{ position: { left: 0, top: 0 } }}
+        ></temba-flow-node>`);
+            // No drag handle should be present if only one action
+            let dragHandle = editorNode.querySelector('.drag-handle');
+            expect(dragHandle).to.not.exist;
+            // Now add a second action to verify drag handle appears
+            mockNode.actions.push({
+                type: 'send_msg',
+                uuid: 'action-2',
+                text: 'World',
+                quick_replies: []
+            });
+            editorNode = await fixture(html `<temba-flow-node
+          .node=${mockNode}
+          .ui=${{ position: { left: 0, top: 0 } }}
+        ></temba-flow-node>`);
+            dragHandle = editorNode.querySelector('.drag-handle');
+            expect(dragHandle).to.exist;
+        });
+        it('renders SortableList when actions are present', async () => {
+            const mockNode = {
+                uuid: 'sortable-list-test',
+                actions: [
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-1',
+                        text: 'Hello',
+                        quick_replies: []
+                    },
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-2',
+                        text: 'World',
+                        quick_replies: []
+                    }
+                ],
+                exits: []
+            };
+            const mockUI = {
+                position: { left: 100, top: 200 },
+                type: 'execute_actions'
+            };
+            // Set properties on the component
+            editorNode.node = mockNode;
+            editorNode.ui = mockUI;
+            const renderResult = editorNode.render();
+            // Render the template to check the actual DOM
+            const container = await fixture(html `<div>${renderResult}</div>`);
+            const sortableList = container.querySelector('temba-sortable-list');
+            expect(sortableList).to.exist;
+        });
+        it('does not render SortableList when no actions', async () => {
+            const mockNode = {
+                uuid: 'no-actions-test',
+                actions: [],
+                exits: [{ uuid: 'exit-1' }]
+            };
+            const mockUI = {
+                position: { left: 100, top: 200 },
+                type: 'execute_actions'
+            };
+            // Set properties on the component
+            editorNode.node = mockNode;
+            editorNode.ui = mockUI;
+            const renderResult = editorNode.render();
+            // Check that template does not include temba-sortable-list
+            expect(renderResult.strings.join('')).to.not.contain('temba-sortable-list');
+        });
+        it('handles order changed events correctly', async () => {
+            const mockNode = {
+                uuid: 'order-test',
+                actions: [
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-1',
+                        text: 'First',
+                        quick_replies: []
+                    },
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-2',
+                        text: 'Second',
+                        quick_replies: []
+                    },
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-3',
+                        text: 'Third',
+                        quick_replies: []
+                    }
+                ],
+                exits: []
+            };
+            editorNode.node = mockNode;
+            // Create a mock order changed event (swap first and last actions)
+            const orderChangedEvent = new CustomEvent(CustomEventType.OrderChanged, {
+                detail: { swap: [0, 2] }
+            });
+            // Call the handler directly
+            editorNode.handleActionOrderChanged(orderChangedEvent);
+            // Verify the actions were reordered correctly
+            expect(editorNode.node.actions).to.have.length(3);
+            expect(editorNode.node.actions[0].text).to.equal('Second');
+            expect(editorNode.node.actions[1].text).to.equal('Third');
+            expect(editorNode.node.actions[2].text).to.equal('First');
+        });
+        it('preserves action data during reordering', () => {
+            const mockNode = {
+                uuid: 'preserve-test',
+                actions: [
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-1',
+                        text: 'Message 1',
+                        quick_replies: ['Yes', 'No']
+                    },
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-2',
+                        text: 'Message 2',
+                        quick_replies: []
+                    }
+                ],
+                exits: []
+            };
+            editorNode.node = mockNode;
+            // Swap the two actions
+            const orderChangedEvent = new CustomEvent(CustomEventType.OrderChanged, {
+                detail: { swap: [0, 1] }
+            });
+            editorNode.handleActionOrderChanged(orderChangedEvent);
+            // Verify all action data is preserved
+            expect(editorNode.node.actions).to.have.length(2);
+            expect(editorNode.node.actions[0].text).to.equal('Message 2');
+            expect(editorNode.node.actions[0].quick_replies).to.deep.equal([]);
+            expect(editorNode.node.actions[1].text).to.equal('Message 1');
+            expect(editorNode.node.actions[1].quick_replies).to.deep.equal(['Yes', 'No']);
+        });
+        it('integrates with SortableList for full drag functionality', async () => {
+            const mockNode = {
+                uuid: 'integration-drag-test',
+                actions: [
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-1',
+                        text: 'First Action',
+                        quick_replies: []
+                    },
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-2',
+                        text: 'Second Action',
+                        quick_replies: []
+                    },
+                    {
+                        type: 'send_msg',
+                        uuid: 'action-3',
+                        text: 'Third Action',
+                        quick_replies: []
+                    }
+                ],
+                exits: []
+            };
+            const mockUI = {
+                position: { left: 100, top: 200 },
+                type: 'execute_actions'
+            };
+            // Set properties on the component
+            editorNode.node = mockNode;
+            editorNode.ui = mockUI;
+            // Render the full component
+            const renderResult = editorNode.render();
+            const container = await fixture(html `<div>${renderResult}</div>`);
+            // Find the sortable list
+            const sortableList = container.querySelector('temba-sortable-list');
+            expect(sortableList).to.exist;
+            // Verify all actions are rendered as sortable items
+            const sortableItems = container.querySelectorAll('.sortable');
+            expect(sortableItems).to.have.length(3);
+            // Verify each action has correct ID and structure
+            expect(sortableItems[0].id).to.equal('action-0');
+            expect(sortableItems[1].id).to.equal('action-1');
+            expect(sortableItems[2].id).to.equal('action-2');
+            // Verify drag handles are present
+            const dragHandles = container.querySelectorAll('.drag-handle');
+            expect(dragHandles).to.have.length(3);
+        });
+    });
 });
 //# sourceMappingURL=temba-flow-editor-node.test.js.map

package/out-tsc/test/temba-flow-editor-node.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-flow-editor-node.test.js","sourceRoot":"","sources":["../../test/temba-flow-editor-node.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { EditorNode } from '../src/flow/EditorNode';\nimport {\n  Node,\n  NodeUI,\n  Action,\n  Exit,\n  Router\n} from '../src/store/flow-definition.d';\nimport { stub, restore } from 'sinon';\n\n// Register the component\ncustomElements.define('temba-editor-node', EditorNode);\n\ndescribe('EditorNode', () => {\n  let editorNode: EditorNode;\n  let mockPlumber: any;\n\n  beforeEach(async () => {\n    // Mock plumber\n    mockPlumber = {\n      makeTarget: stub(),\n      makeSource: stub(),\n      connectIds: stub()\n    };\n  });\n\n  afterEach(() => {\n    restore();\n  });\n\n  describe('basic functionality', () => {\n    it('creates render root as element itself', () => {\n      const editorNode = new EditorNode();\n      expect(editorNode.createRenderRoot()).to.equal(editorNode);\n    });\n  });\n\n  describe('renderAction', () => {\n    beforeEach(() => {\n      editorNode = new EditorNode();\n    });\n\n    it('renders action with known config', () => {\n      const mockNode: Node = {\n        uuid: 'test-node-3',\n        actions: [],\n        exits: []\n      };\n\n      const action: any = {\n        type: 'send_msg',\n        uuid: 'action-1',\n        text: 'Test message',\n        quick_replies: []\n      };\n\n      const result = (editorNode as any).renderAction(mockNode, action);\n      expect(result).to.exist;\n    });\n\n    it('renders action with unknown config', () => {\n      const mockNode: Node = {\n        uuid: 'test-node-4',\n        actions: [],\n        exits: []\n      };\n\n      const action: Action = {\n        type: 'unknown_action' as any,\n        uuid: 'action-1'\n      };\n\n      const result = (editorNode as any).renderAction(mockNode, action);\n      expect(result).to.exist;\n    });\n  });\n\n  describe('renderRouter', () => {\n    beforeEach(() => {\n      editorNode = new EditorNode();\n    });\n\n    it('renders router with result name', () => {\n      const mockRouter: Router = {\n        type: 'switch',\n        result_name: 'test_result',\n        categories: []\n      };\n\n      const mockUI: NodeUI = {\n        position: { left: 50, top: 100 },\n        type: 'wait_for_response'\n      };\n\n      const result = (editorNode as any).renderRouter(mockRouter, mockUI);\n      expect(result).to.exist;\n    });\n\n    it('renders router without result name', () => {\n      const mockRouter: Router = {\n        type: 'switch',\n        categories: []\n      };\n\n      const mockUI: NodeUI = {\n        position: { left: 50, top: 100 },\n        type: 'wait_for_response'\n      };\n\n      const result = (editorNode as any).renderRouter(mockRouter, mockUI);\n      expect(result).to.exist;\n    });\n\n    it('returns undefined for router with unknown UI type', () => {\n      const mockRouter: Router = {\n        type: 'switch',\n        categories: []\n      };\n\n      const mockUI: NodeUI = {\n        position: { left: 50, top: 100 },\n        type: 'unknown_type' as any\n      };\n\n      const result = (editorNode as any).renderRouter(mockRouter, mockUI);\n      expect(result).to.be.undefined;\n    });\n  });\n\n  describe('renderCategories', () => {\n    beforeEach(() => {\n      editorNode = new EditorNode();\n    });\n\n    it('returns null when no router', () => {\n      const mockNode: Node = {\n        uuid: 'test-node-7',\n        actions: [],\n        exits: []\n      };\n\n      const result = (editorNode as any).renderCategories(mockNode);\n      expect(result).to.be.null;\n    });\n\n    it('returns null when no categories', () => {\n      const mockNode: Node = {\n        uuid: 'test-node-8',\n        actions: [],\n        exits: [],\n        router: {\n          type: 'switch',\n          categories: undefined as any\n        }\n      };\n\n      const result = (editorNode as any).renderCategories(mockNode);\n      expect(result).to.be.null;\n    });\n\n    it('renders categories with exits', () => {\n      const mockNode: Node = {\n        uuid: 'test-node-9',\n        actions: [],\n        exits: [{ uuid: 'exit-1' }, { uuid: 'exit-2' }],\n        router: {\n          type: 'switch',\n          categories: [\n            { uuid: 'cat-1', name: 'Category 1', exit_uuid: 'exit-1' },\n            { uuid: 'cat-2', name: 'Category 2', exit_uuid: 'exit-2' }\n          ]\n        }\n      };\n\n      const result = (editorNode as any).renderCategories(mockNode);\n      expect(result).to.exist;\n    });\n  });\n\n  describe('renderExit', () => {\n    beforeEach(() => {\n      editorNode = new EditorNode();\n    });\n\n    it('renders exit with connected class when destination exists', async () => {\n      const exit: Exit = {\n        uuid: 'exit-connected',\n        destination_uuid: 'destination-node'\n      };\n\n      const result = (editorNode as any).renderExit(exit);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      const exitElement = container.querySelector('.exit');\n      expect(exitElement).to.exist;\n      expect(exitElement?.classList.contains('connected')).to.be.true;\n      expect(exitElement?.getAttribute('id')).to.equal('exit-connected');\n    });\n\n    it('renders exit without connected class when no destination', async () => {\n      const exit: Exit = {\n        uuid: 'exit-unconnected'\n      };\n\n      const result = (editorNode as any).renderExit(exit);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      const exitElement = container.querySelector('.exit');\n      expect(exitElement).to.exist;\n      expect(exitElement?.classList.contains('connected')).to.be.false;\n      expect(exitElement?.getAttribute('id')).to.equal('exit-unconnected');\n    });\n  });\n\n  describe('renderTitle', () => {\n    beforeEach(() => {\n      editorNode = new EditorNode();\n    });\n\n    it('renders title with config color and name', async () => {\n      const config = {\n        name: 'Test Action',\n        color: '#ff0000'\n      };\n\n      const result = (editorNode as any).renderTitle(config);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      const title = container.querySelector('.title');\n      expect(title).to.exist;\n      expect(title?.textContent?.trim()).to.equal('Test Action');\n      expect(title?.getAttribute('style')).to.contain('background:#ff0000');\n    });\n  });\n\n  describe('updated lifecycle', () => {\n    it('handles updated without node changes', () => {\n      editorNode = new EditorNode();\n      (editorNode as any).plumber = mockPlumber;\n\n      const changes = new Map();\n      changes.set('other', true);\n\n      // Should not throw and not call plumber methods\n      expect(() => {\n        (editorNode as any).updated(changes);\n      }).to.not.throw();\n\n      expect(mockPlumber.makeTarget).to.not.have.been.called;\n    });\n\n    it('verifies updated method exists', () => {\n      editorNode = new EditorNode();\n      expect(typeof (editorNode as any).updated).to.equal('function');\n    });\n\n    it('processes node changes and calls plumber methods', () => {\n      editorNode = new EditorNode();\n      (editorNode as any).plumber = mockPlumber;\n\n      const mockNode: Node = {\n        uuid: 'test-node-10',\n        actions: [],\n        exits: [\n          { uuid: 'exit-1', destination_uuid: 'node-2' },\n          { uuid: 'exit-2' } // This should call makeSource\n        ]\n      };\n\n      // Mock querySelector to return a mock element with getBoundingClientRect\n      const mockElement = {\n        getBoundingClientRect: stub().returns({ width: 200, height: 100 })\n      };\n      stub(editorNode, 'querySelector').returns(mockElement as any);\n\n      // Simulate the updated lifecycle\n      (editorNode as any).node = mockNode;\n\n      const changes = new Map();\n      changes.set('node', true);\n\n      // Test just the plumber method calls without store dependency\n      // by directly calling the logic that would be in updated\n      if ((editorNode as any).plumber && mockNode) {\n        (editorNode as any).plumber.makeTarget(mockNode.uuid);\n\n        for (const exit of mockNode.exits) {\n          if (!exit.destination_uuid) {\n            (editorNode as any).plumber.makeSource(exit.uuid);\n          } else {\n            (editorNode as any).plumber.connectIds(\n              exit.uuid,\n              exit.destination_uuid\n            );\n          }\n        }\n      }\n\n      expect(mockPlumber.makeTarget).to.have.been.calledWith('test-node-10');\n      expect(mockPlumber.makeSource).to.have.been.calledWith('exit-2');\n      expect(mockPlumber.connectIds).to.have.been.calledWith(\n        'exit-1',\n        'node-2'\n      );\n    });\n  });\n\n  describe('basic integration', () => {\n    it('can create and verify structure without full rendering', () => {\n      const mockNode: Node = {\n        uuid: 'integration-test-node',\n        actions: [\n          {\n            type: 'send_msg',\n            uuid: 'action-1',\n            text: 'Hello',\n            quick_replies: []\n          } as any\n        ],\n        exits: [{ uuid: 'exit-1', destination_uuid: 'next-node' }]\n      };\n\n      // Test individual render methods work\n      editorNode = new EditorNode();\n\n      // Test renderAction\n      const actionResult = (editorNode as any).renderAction(\n        mockNode,\n        mockNode.actions[0]\n      );\n      expect(actionResult).to.exist;\n\n      // Test renderExit\n      const exitResult = (editorNode as any).renderExit(mockNode.exits[0]);\n      expect(exitResult).to.exist;\n\n      // Verify the node structure is as expected\n      expect(mockNode.uuid).to.equal('integration-test-node');\n      expect(mockNode.actions).to.have.length(1);\n      expect(mockNode.exits).to.have.length(1);\n    });\n  });\n});\n"]}
+{"version":3,"file":"temba-flow-editor-node.test.js","sourceRoot":"","sources":["../../test/temba-flow-editor-node.test.ts"],"names":[],"mappings":"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","sourcesContent":["import '../temba-modules';\nimport { html, fixture, expect } from '@open-wc/testing';\nimport { EditorNode } from '../src/flow/EditorNode';\nimport {\n  Node,\n  NodeUI,\n  Action,\n  Exit,\n  Router\n} from '../src/store/flow-definition.d';\nimport { stub, restore } from 'sinon';\nimport { CustomEventType } from '../src/interfaces';\n\ndescribe('EditorNode', () => {\n  let editorNode: EditorNode;\n  let mockPlumber: any;\n\n  beforeEach(async () => {\n    // Mock plumber\n    mockPlumber = {\n      makeTarget: stub(),\n      makeSource: stub(),\n      connectIds: stub()\n    };\n  });\n\n  afterEach(() => {\n    restore();\n  });\n\n  describe('basic functionality', () => {\n    it('creates render root as element itself', () => {\n      const editorNode = new EditorNode();\n      expect(editorNode.createRenderRoot()).to.equal(editorNode);\n    });\n  });\n\n  describe('renderAction', () => {\n    beforeEach(() => {\n      editorNode = new EditorNode();\n    });\n\n    it('renders action with known config', () => {\n      const mockNode: Node = {\n        uuid: 'test-node-3',\n        actions: [],\n        exits: []\n      };\n\n      const action: any = {\n        type: 'send_msg',\n        uuid: 'action-1',\n        text: 'Test message',\n        quick_replies: []\n      };\n\n      const result = (editorNode as any).renderAction(mockNode, action, 0);\n      expect(result).to.exist;\n    });\n\n    it('renders action with unknown config', () => {\n      const mockNode: Node = {\n        uuid: 'test-node-4',\n        actions: [],\n        exits: []\n      };\n\n      const action: Action = {\n        type: 'unknown_action' as any,\n        uuid: 'action-1'\n      };\n\n      const result = (editorNode as any).renderAction(mockNode, action, 1);\n      expect(result).to.exist;\n    });\n  });\n\n  describe('renderRouter', () => {\n    beforeEach(() => {\n      editorNode = new EditorNode();\n    });\n\n    it('renders router with result name', () => {\n      const mockRouter: Router = {\n        type: 'switch',\n        result_name: 'test_result',\n        categories: []\n      };\n\n      const mockUI: NodeUI = {\n        position: { left: 50, top: 100 },\n        type: 'wait_for_response'\n      };\n\n      const result = (editorNode as any).renderRouter(mockRouter, mockUI);\n      expect(result).to.exist;\n    });\n\n    it('renders router without result name', () => {\n      const mockRouter: Router = {\n        type: 'switch',\n        categories: []\n      };\n\n      const mockUI: NodeUI = {\n        position: { left: 50, top: 100 },\n        type: 'wait_for_response'\n      };\n\n      const result = (editorNode as any).renderRouter(mockRouter, mockUI);\n      expect(result).to.exist;\n    });\n\n    it('returns undefined for router with unknown UI type', () => {\n      const mockRouter: Router = {\n        type: 'switch',\n        categories: []\n      };\n\n      const mockUI: NodeUI = {\n        position: { left: 50, top: 100 },\n        type: 'unknown_type' as any\n      };\n\n      const result = (editorNode as any).renderRouter(mockRouter, mockUI);\n      expect(result).to.be.undefined;\n    });\n  });\n\n  describe('renderCategories', () => {\n    beforeEach(() => {\n      editorNode = new EditorNode();\n    });\n\n    it('returns null when no router', () => {\n      const mockNode: Node = {\n        uuid: 'test-node-7',\n        actions: [],\n        exits: []\n      };\n\n      const result = (editorNode as any).renderCategories(mockNode);\n      expect(result).to.be.null;\n    });\n\n    it('returns null when no categories', () => {\n      const mockNode: Node = {\n        uuid: 'test-node-8',\n        actions: [],\n        exits: [],\n        router: {\n          type: 'switch',\n          categories: undefined as any\n        }\n      };\n\n      const result = (editorNode as any).renderCategories(mockNode);\n      expect(result).to.be.null;\n    });\n\n    it('renders categories with exits', () => {\n      const mockNode: Node = {\n        uuid: 'test-node-9',\n        actions: [],\n        exits: [{ uuid: 'exit-1' }, { uuid: 'exit-2' }],\n        router: {\n          type: 'switch',\n          categories: [\n            { uuid: 'cat-1', name: 'Category 1', exit_uuid: 'exit-1' },\n            { uuid: 'cat-2', name: 'Category 2', exit_uuid: 'exit-2' }\n          ]\n        }\n      };\n\n      const result = (editorNode as any).renderCategories(mockNode);\n      expect(result).to.exist;\n    });\n  });\n\n  describe('renderExit', () => {\n    beforeEach(() => {\n      editorNode = new EditorNode();\n    });\n\n    it('renders exit with connected class when destination exists', async () => {\n      const exit: Exit = {\n        uuid: 'exit-connected',\n        destination_uuid: 'destination-node'\n      };\n\n      const result = (editorNode as any).renderExit(exit);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      const exitElement = container.querySelector('.exit');\n      expect(exitElement).to.exist;\n      expect(exitElement?.classList.contains('connected')).to.be.true;\n      expect(exitElement?.getAttribute('id')).to.equal('exit-connected');\n    });\n\n    it('renders exit without connected class when no destination', async () => {\n      const exit: Exit = {\n        uuid: 'exit-unconnected'\n      };\n\n      const result = (editorNode as any).renderExit(exit);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      const exitElement = container.querySelector('.exit');\n      expect(exitElement).to.exist;\n      expect(exitElement?.classList.contains('connected')).to.be.false;\n      expect(exitElement?.getAttribute('id')).to.equal('exit-unconnected');\n    });\n  });\n\n  describe('renderTitle', () => {\n    beforeEach(() => {\n      editorNode = new EditorNode();\n    });\n\n    it('renders title with config color and name', async () => {\n      const config = {\n        name: 'Test Action',\n        color: '#ff0000'\n      };\n\n      const result = (editorNode as any).renderTitle(config);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      const title = container.querySelector('.title');\n      expect(title).to.exist;\n      expect(title?.textContent?.trim()).to.equal('Test Action');\n      expect(title?.getAttribute('style')).to.contain('background:#ff0000');\n    });\n  });\n\n  describe('updated lifecycle', () => {\n    it('handles updated without node changes', () => {\n      editorNode = new EditorNode();\n      (editorNode as any).plumber = mockPlumber;\n\n      const changes = new Map();\n      changes.set('other', true);\n\n      // Should not throw and not call plumber methods\n      expect(() => {\n        (editorNode as any).updated(changes);\n      }).to.not.throw();\n\n      expect(mockPlumber.makeTarget).to.not.have.been.called;\n    });\n\n    it('verifies updated method exists', () => {\n      editorNode = new EditorNode();\n      expect(typeof (editorNode as any).updated).to.equal('function');\n    });\n\n    it('processes node changes and calls plumber methods', () => {\n      editorNode = new EditorNode();\n      (editorNode as any).plumber = mockPlumber;\n\n      const mockNode: Node = {\n        uuid: 'test-node-10',\n        actions: [],\n        exits: [\n          { uuid: 'exit-1', destination_uuid: 'node-2' },\n          { uuid: 'exit-2' } // This should call makeSource\n        ]\n      };\n\n      // Mock querySelector to return a mock element with getBoundingClientRect\n      const mockElement = {\n        getBoundingClientRect: stub().returns({ width: 200, height: 100 })\n      };\n      stub(editorNode, 'querySelector').returns(mockElement as any);\n\n      // Simulate the updated lifecycle\n      (editorNode as any).node = mockNode;\n\n      const changes = new Map();\n      changes.set('node', true);\n\n      // Test just the plumber method calls without store dependency\n      // by directly calling the logic that would be in updated\n      if ((editorNode as any).plumber && mockNode) {\n        (editorNode as any).plumber.makeTarget(mockNode.uuid);\n\n        for (const exit of mockNode.exits) {\n          if (!exit.destination_uuid) {\n            (editorNode as any).plumber.makeSource(exit.uuid);\n          } else {\n            (editorNode as any).plumber.connectIds(\n              exit.uuid,\n              exit.destination_uuid\n            );\n          }\n        }\n      }\n\n      expect(mockPlumber.makeTarget).to.have.been.calledWith('test-node-10');\n      expect(mockPlumber.makeSource).to.have.been.calledWith('exit-2');\n      expect(mockPlumber.connectIds).to.have.been.calledWith(\n        'exit-1',\n        'node-2'\n      );\n    });\n  });\n\n  describe('basic integration', () => {\n    it('can create and verify structure without full rendering', () => {\n      const mockNode: Node = {\n        uuid: 'integration-test-node',\n        actions: [\n          {\n            type: 'send_msg',\n            uuid: 'action-1',\n            text: 'Hello',\n            quick_replies: []\n          } as any\n        ],\n        exits: [{ uuid: 'exit-1', destination_uuid: 'next-node' }]\n      };\n\n      // Test individual render methods work\n      editorNode = new EditorNode();\n\n      // Test renderAction\n      const actionResult = (editorNode as any).renderAction(\n        mockNode,\n        mockNode.actions[0],\n        0\n      );\n      expect(actionResult).to.exist;\n\n      // Test renderExit\n      const exitResult = (editorNode as any).renderExit(mockNode.exits[0]);\n      expect(exitResult).to.exist;\n\n      // Verify the node structure is as expected\n      expect(mockNode.uuid).to.equal('integration-test-node');\n      expect(mockNode.actions).to.have.length(1);\n      expect(mockNode.exits).to.have.length(1);\n    });\n  });\n\n  describe('drag and drop functionality', () => {\n    let editorNode: EditorNode;\n\n    beforeEach(() => {\n      editorNode = new EditorNode();\n    });\n\n    it('renders actions with sortable class and proper IDs', async () => {\n      const mockNode: Node = {\n        uuid: 'sortable-test-node',\n        actions: [\n          {\n            type: 'send_msg',\n            uuid: 'action-1',\n            text: 'Hello',\n            quick_replies: []\n          } as any,\n          {\n            type: 'send_msg',\n            uuid: 'action-2',\n            text: 'World',\n            quick_replies: []\n          } as any\n        ],\n        exits: []\n      };\n\n      // Test that renderAction includes sortable class and proper ID\n      const result1 = (editorNode as any).renderAction(\n        mockNode,\n        mockNode.actions[0],\n        0\n      );\n      const result2 = (editorNode as any).renderAction(\n        mockNode,\n        mockNode.actions[1],\n        1\n      );\n\n      expect(result1).to.exist;\n      expect(result2).to.exist;\n\n      // Render the template to check the actual DOM\n      const container1 = await fixture(html`<div>${result1}</div>`);\n      const container2 = await fixture(html`<div>${result2}</div>`);\n\n      const actionElement1 = container1.querySelector('.action');\n      const actionElement2 = container2.querySelector('.action');\n\n      expect(actionElement1).to.exist;\n      expect(actionElement1?.classList.contains('sortable')).to.be.true;\n      expect(actionElement1?.id).to.equal('action-0');\n\n      expect(actionElement2).to.exist;\n      expect(actionElement2?.classList.contains('sortable')).to.be.true;\n      expect(actionElement2?.id).to.equal('action-1');\n    });\n\n    it('includes drag handle in rendered actions', async () => {\n      const mockNode: Node = {\n        uuid: 'drag-handle-test',\n        actions: [\n          {\n            type: 'send_msg',\n            uuid: 'action-1',\n            text: 'Hello',\n            quick_replies: []\n          } as any\n        ],\n        exits: []\n      };\n\n      let editorNode: EditorNode = await fixture(\n        html`<temba-flow-node\n          .node=${mockNode}\n          .ui=${{ position: { left: 0, top: 0 } }}\n        ></temba-flow-node>`\n      );\n\n      // No drag handle should be present if only one action\n      let dragHandle = editorNode.querySelector('.drag-handle');\n      expect(dragHandle).to.not.exist;\n\n      // Now add a second action to verify drag handle appears\n      mockNode.actions.push({\n        type: 'send_msg',\n        uuid: 'action-2',\n        text: 'World',\n        quick_replies: []\n      } as any);\n\n      editorNode = await fixture(\n        html`<temba-flow-node\n          .node=${mockNode}\n          .ui=${{ position: { left: 0, top: 0 } }}\n        ></temba-flow-node>`\n      );\n\n      dragHandle = editorNode.querySelector('.drag-handle');\n      expect(dragHandle).to.exist;\n    });\n\n    it('renders SortableList when actions are present', async () => {\n      const mockNode: Node = {\n        uuid: 'sortable-list-test',\n        actions: [\n          {\n            type: 'send_msg',\n            uuid: 'action-1',\n            text: 'Hello',\n            quick_replies: []\n          } as any,\n          {\n            type: 'send_msg',\n            uuid: 'action-2',\n            text: 'World',\n            quick_replies: []\n          } as any\n        ],\n        exits: []\n      };\n\n      const mockUI: NodeUI = {\n        position: { left: 100, top: 200 },\n        type: 'execute_actions'\n      };\n\n      // Set properties on the component\n      (editorNode as any).node = mockNode;\n      (editorNode as any).ui = mockUI;\n\n      const renderResult = editorNode.render();\n\n      // Render the template to check the actual DOM\n      const container = await fixture(html`<div>${renderResult}</div>`);\n\n      const sortableList = container.querySelector('temba-sortable-list');\n      expect(sortableList).to.exist;\n    });\n\n    it('does not render SortableList when no actions', async () => {\n      const mockNode: Node = {\n        uuid: 'no-actions-test',\n        actions: [],\n        exits: [{ uuid: 'exit-1' }]\n      };\n\n      const mockUI: NodeUI = {\n        position: { left: 100, top: 200 },\n        type: 'execute_actions'\n      };\n\n      // Set properties on the component\n      (editorNode as any).node = mockNode;\n      (editorNode as any).ui = mockUI;\n\n      const renderResult = editorNode.render();\n\n      // Check that template does not include temba-sortable-list\n      expect(renderResult.strings.join('')).to.not.contain(\n        'temba-sortable-list'\n      );\n    });\n\n    it('handles order changed events correctly', async () => {\n      const mockNode: Node = {\n        uuid: 'order-test',\n        actions: [\n          {\n            type: 'send_msg',\n            uuid: 'action-1',\n            text: 'First',\n            quick_replies: []\n          } as any,\n          {\n            type: 'send_msg',\n            uuid: 'action-2',\n            text: 'Second',\n            quick_replies: []\n          } as any,\n          {\n            type: 'send_msg',\n            uuid: 'action-3',\n            text: 'Third',\n            quick_replies: []\n          } as any\n        ],\n        exits: []\n      };\n\n      (editorNode as any).node = mockNode;\n\n      // Create a mock order changed event (swap first and last actions)\n      const orderChangedEvent = new CustomEvent(CustomEventType.OrderChanged, {\n        detail: { swap: [0, 2] }\n      });\n\n      // Call the handler directly\n      (editorNode as any).handleActionOrderChanged(orderChangedEvent);\n\n      // Verify the actions were reordered correctly\n      expect((editorNode as any).node.actions).to.have.length(3);\n      expect(((editorNode as any).node.actions[0] as any).text).to.equal(\n        'Second'\n      );\n      expect(((editorNode as any).node.actions[1] as any).text).to.equal(\n        'Third'\n      );\n      expect(((editorNode as any).node.actions[2] as any).text).to.equal(\n        'First'\n      );\n    });\n\n    it('preserves action data during reordering', () => {\n      const mockNode: Node = {\n        uuid: 'preserve-test',\n        actions: [\n          {\n            type: 'send_msg',\n            uuid: 'action-1',\n            text: 'Message 1',\n            quick_replies: ['Yes', 'No']\n          } as any,\n          {\n            type: 'send_msg',\n            uuid: 'action-2',\n            text: 'Message 2',\n            quick_replies: []\n          } as any\n        ],\n        exits: []\n      };\n\n      (editorNode as any).node = mockNode;\n\n      // Swap the two actions\n      const orderChangedEvent = new CustomEvent(CustomEventType.OrderChanged, {\n        detail: { swap: [0, 1] }\n      });\n\n      (editorNode as any).handleActionOrderChanged(orderChangedEvent);\n\n      // Verify all action data is preserved\n      expect((editorNode as any).node.actions).to.have.length(2);\n      expect(((editorNode as any).node.actions[0] as any).text).to.equal(\n        'Message 2'\n      );\n      expect(\n        ((editorNode as any).node.actions[0] as any).quick_replies\n      ).to.deep.equal([]);\n      expect(((editorNode as any).node.actions[1] as any).text).to.equal(\n        'Message 1'\n      );\n      expect(\n        ((editorNode as any).node.actions[1] as any).quick_replies\n      ).to.deep.equal(['Yes', 'No']);\n    });\n\n    it('integrates with SortableList for full drag functionality', async () => {\n      const mockNode: Node = {\n        uuid: 'integration-drag-test',\n        actions: [\n          {\n            type: 'send_msg',\n            uuid: 'action-1',\n            text: 'First Action',\n            quick_replies: []\n          } as any,\n          {\n            type: 'send_msg',\n            uuid: 'action-2',\n            text: 'Second Action',\n            quick_replies: []\n          } as any,\n          {\n            type: 'send_msg',\n            uuid: 'action-3',\n            text: 'Third Action',\n            quick_replies: []\n          } as any\n        ],\n        exits: []\n      };\n\n      const mockUI: NodeUI = {\n        position: { left: 100, top: 200 },\n        type: 'execute_actions'\n      };\n\n      // Set properties on the component\n      (editorNode as any).node = mockNode;\n      (editorNode as any).ui = mockUI;\n\n      // Render the full component\n      const renderResult = editorNode.render();\n      const container = await fixture(html`<div>${renderResult}</div>`);\n\n      // Find the sortable list\n      const sortableList = container.querySelector('temba-sortable-list');\n      expect(sortableList).to.exist;\n\n      // Verify all actions are rendered as sortable items\n      const sortableItems = container.querySelectorAll('.sortable');\n      expect(sortableItems).to.have.length(3);\n\n      // Verify each action has correct ID and structure\n      expect(sortableItems[0].id).to.equal('action-0');\n      expect(sortableItems[1].id).to.equal('action-1');\n      expect(sortableItems[2].id).to.equal('action-2');\n\n      // Verify drag handles are present\n      const dragHandles = container.querySelectorAll('.drag-handle');\n      expect(dragHandles).to.have.length(3);\n    });\n  });\n});\n"]}

package/out-tsc/test/temba-range-picker.test.js

@@ -0,0 +1,123 @@
+import { fixture, expect, assert } from '@open-wc/testing';
+import { RangePicker } from '../src/datepicker/RangePicker';
+import { assertScreenshot, getAttributes, getClip } from './utils.test';
+import { DateTime } from 'luxon';
+export const getRangePickerHTML = (attrs = {}) => {
+    return `<temba-range-picker ${getAttributes(attrs)}></temba-range-picker>`;
+};
+export const createRangePicker = async (def) => {
+    const parentNode = document.createElement('div');
+    parentNode.setAttribute('style', 'width: 600px;');
+    parentNode.id = 'parent';
+    const picker = await fixture(def, { parentNode });
+    return picker;
+};
+describe('temba-range-picker', () => {
+    it('can create a range picker', async () => {
+        const picker = await createRangePicker(getRangePickerHTML());
+        assert.instanceOf(picker, RangePicker);
+        // Should have default range (last month)
+        expect(picker.selectedRange).to.equal('M');
+        expect(picker.startDate).to.not.be.empty;
+        expect(picker.endDate).to.not.be.empty;
+        await assertScreenshot('datepicker/range-picker-default', getClip(picker));
+    });
+    it('can be initialized with start and end dates', async () => {
+        const picker = await createRangePicker(getRangePickerHTML({ start: '2024-01-01', end: '2024-01-31' }));
+        expect(picker.startDate).to.equal('2024-01-01');
+        expect(picker.endDate).to.equal('2024-01-31');
+        expect(picker.selectedRange).to.equal('');
+        await assertScreenshot('datepicker/range-picker-initial-values', getClip(picker));
+    });
+    it('can set min and max dates', async () => {
+        const picker = await createRangePicker(getRangePickerHTML({
+            start: '2024-06-01',
+            end: '2024-06-30',
+            min: '2024-01-01',
+            max: '2024-12-31'
+        }));
+        expect(picker.minDate).to.equal('2024-01-01');
+        expect(picker.maxDate).to.equal('2024-12-31');
+        await assertScreenshot('datepicker/range-picker-min-max', getClip(picker));
+    });
+    it('can set range using buttons', async () => {
+        var _a;
+        const picker = await createRangePicker(getRangePickerHTML());
+        // Click Week button
+        const weekBtn = (_a = picker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.range-btn');
+        weekBtn.click();
+        await picker.updateComplete;
+        expect(picker.selectedRange).to.equal('W');
+        expect(picker.startDate).to.equal(DateTime.now().minus({ days: 6 }).toISODate());
+        expect(picker.endDate).to.equal(DateTime.now().toISODate());
+        await assertScreenshot('datepicker/range-picker-week', getClip(picker));
+    });
+    it('can set year range using button', async () => {
+        var _a;
+        const picker = await createRangePicker(getRangePickerHTML());
+        // Click Year button (3rd button)
+        const yearBtn = (_a = picker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.range-btn')[2];
+        yearBtn.click();
+        await picker.updateComplete;
+        expect(picker.selectedRange).to.equal('Y');
+        expect(picker.startDate).to.equal(DateTime.now().minus({ years: 1 }).plus({ days: 1 }).toISODate());
+        expect(picker.endDate).to.equal(DateTime.now().toISODate());
+        await assertScreenshot('datepicker/range-picker-year', getClip(picker));
+    });
+    it('can set all range using button', async () => {
+        var _a;
+        const picker = await createRangePicker(getRangePickerHTML());
+        // Click All button (4th button)
+        const allBtn = (_a = picker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.range-btn')[3];
+        allBtn.click();
+        await picker.updateComplete;
+        expect(picker.selectedRange).to.equal('ALL');
+        expect(picker.startDate).to.equal('2012-01-01');
+        expect(picker.endDate).to.equal(DateTime.now().toISODate());
+        await assertScreenshot('datepicker/range-picker-all', getClip(picker));
+    });
+    it('enforces valid date ranges', async () => {
+        const picker = await createRangePicker(getRangePickerHTML({ start: '2024-06-01', end: '2024-06-30' }));
+        // Verify initial state is valid
+        expect(DateTime.fromISO(picker.endDate) >= DateTime.fromISO(picker.startDate)).to.be.true;
+        // The validation logic is internal and triggered through user interaction
+        // We can verify the component has the correct min/max constraints
+        expect(picker.startDate).to.equal('2024-06-01');
+        expect(picker.endDate).to.equal('2024-06-30');
+    });
+    it('enforces min/max date constraints', async () => {
+        const picker = await createRangePicker(getRangePickerHTML({ min: '2024-01-01', max: '2024-12-31' }));
+        expect(picker.minDate).to.equal('2024-01-01');
+        expect(picker.maxDate).to.equal('2024-12-31');
+        // Min/max are enforced through the temba-datepicker components
+        // when user interacts with the date inputs
+    });
+    it('shows correct button selection states', async () => {
+        var _a, _b;
+        const picker = await createRangePicker(getRangePickerHTML());
+        // Initially should have M selected
+        const monthBtn = (_a = picker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.range-btn')[1];
+        expect(monthBtn.classList.contains('selected')).to.be.true;
+        // Click week button
+        const weekBtn = (_b = picker.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.range-btn');
+        weekBtn.click();
+        await picker.updateComplete;
+        expect(weekBtn.classList.contains('selected')).to.be.true;
+        expect(monthBtn.classList.contains('selected')).to.be.false;
+        await assertScreenshot('datepicker/range-picker-button-states', getClip(picker));
+    });
+    it('can click to edit dates', async () => {
+        var _a, _b;
+        const picker = await createRangePicker(getRangePickerHTML());
+        // Click on start date display
+        const startDisplay = (_a = picker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-display');
+        startDisplay.click();
+        await picker.updateComplete;
+        expect(picker.editingStart).to.be.true;
+        // Should show temba-datepicker for start
+        const startPicker = (_b = picker.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('temba-datepicker.start-picker');
+        expect(startPicker).to.not.be.null;
+        await assertScreenshot('datepicker/range-picker-editing-start', getClip(picker));
+    });
+});
+//# sourceMappingURL=temba-range-picker.test.js.map

package/out-tsc/test/temba-range-picker.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temba-range-picker.test.js","sourceRoot":"","sources":["../../test/temba-range-picker.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport { RangePicker } from '../src/datepicker/RangePicker';\nimport { assertScreenshot, getAttributes, getClip } from './utils.test';\nimport { DateTime } from 'luxon';\n\nexport const getRangePickerHTML = (attrs: any = {}) => {\n  return `<temba-range-picker ${getAttributes(attrs)}></temba-range-picker>`;\n};\n\nexport const createRangePicker = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 600px;');\n  parentNode.id = 'parent';\n  const picker: RangePicker = await fixture(def, { parentNode });\n  return picker;\n};\n\ndescribe('temba-range-picker', () => {\n  it('can create a range picker', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n    assert.instanceOf(picker, RangePicker);\n\n    // Should have default range (last month)\n    expect(picker.selectedRange).to.equal('M');\n    expect(picker.startDate).to.not.be.empty;\n    expect(picker.endDate).to.not.be.empty;\n\n    await assertScreenshot('datepicker/range-picker-default', getClip(picker));\n  });\n\n  it('can be initialized with start and end dates', async () => {\n    const picker: RangePicker = await createRangePicker(\n      getRangePickerHTML({ start: '2024-01-01', end: '2024-01-31' })\n    );\n\n    expect(picker.startDate).to.equal('2024-01-01');\n    expect(picker.endDate).to.equal('2024-01-31');\n    expect(picker.selectedRange).to.equal('');\n\n    await assertScreenshot(\n      'datepicker/range-picker-initial-values',\n      getClip(picker)\n    );\n  });\n\n  it('can set min and max dates', async () => {\n    const picker: RangePicker = await createRangePicker(\n      getRangePickerHTML({\n        start: '2024-06-01',\n        end: '2024-06-30',\n        min: '2024-01-01',\n        max: '2024-12-31'\n      })\n    );\n\n    expect(picker.minDate).to.equal('2024-01-01');\n    expect(picker.maxDate).to.equal('2024-12-31');\n\n    await assertScreenshot('datepicker/range-picker-min-max', getClip(picker));\n  });\n\n  it('can set range using buttons', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Click Week button\n    const weekBtn = picker.shadowRoot?.querySelector(\n      '.range-btn'\n    ) as HTMLButtonElement;\n    weekBtn.click();\n    await picker.updateComplete;\n\n    expect(picker.selectedRange).to.equal('W');\n    expect(picker.startDate).to.equal(\n      DateTime.now().minus({ days: 6 }).toISODate()\n    );\n    expect(picker.endDate).to.equal(DateTime.now().toISODate());\n\n    await assertScreenshot('datepicker/range-picker-week', getClip(picker));\n  });\n\n  it('can set year range using button', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Click Year button (3rd button)\n    const yearBtn = picker.shadowRoot?.querySelectorAll(\n      '.range-btn'\n    )[2] as HTMLButtonElement;\n    yearBtn.click();\n    await picker.updateComplete;\n\n    expect(picker.selectedRange).to.equal('Y');\n    expect(picker.startDate).to.equal(\n      DateTime.now().minus({ years: 1 }).plus({ days: 1 }).toISODate()\n    );\n    expect(picker.endDate).to.equal(DateTime.now().toISODate());\n\n    await assertScreenshot('datepicker/range-picker-year', getClip(picker));\n  });\n\n  it('can set all range using button', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Click All button (4th button)\n    const allBtn = picker.shadowRoot?.querySelectorAll(\n      '.range-btn'\n    )[3] as HTMLButtonElement;\n    allBtn.click();\n    await picker.updateComplete;\n\n    expect(picker.selectedRange).to.equal('ALL');\n    expect(picker.startDate).to.equal('2012-01-01');\n    expect(picker.endDate).to.equal(DateTime.now().toISODate());\n\n    await assertScreenshot('datepicker/range-picker-all', getClip(picker));\n  });\n\n  it('enforces valid date ranges', async () => {\n    const picker: RangePicker = await createRangePicker(\n      getRangePickerHTML({ start: '2024-06-01', end: '2024-06-30' })\n    );\n\n    // Verify initial state is valid\n    expect(\n      DateTime.fromISO(picker.endDate) >= DateTime.fromISO(picker.startDate)\n    ).to.be.true;\n\n    // The validation logic is internal and triggered through user interaction\n    // We can verify the component has the correct min/max constraints\n    expect(picker.startDate).to.equal('2024-06-01');\n    expect(picker.endDate).to.equal('2024-06-30');\n  });\n\n  it('enforces min/max date constraints', async () => {\n    const picker: RangePicker = await createRangePicker(\n      getRangePickerHTML({ min: '2024-01-01', max: '2024-12-31' })\n    );\n\n    expect(picker.minDate).to.equal('2024-01-01');\n    expect(picker.maxDate).to.equal('2024-12-31');\n\n    // Min/max are enforced through the temba-datepicker components\n    // when user interacts with the date inputs\n  });\n\n  it('shows correct button selection states', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Initially should have M selected\n    const monthBtn = picker.shadowRoot?.querySelectorAll(\n      '.range-btn'\n    )[1] as HTMLButtonElement;\n    expect(monthBtn.classList.contains('selected')).to.be.true;\n\n    // Click week button\n    const weekBtn = picker.shadowRoot?.querySelector(\n      '.range-btn'\n    ) as HTMLButtonElement;\n    weekBtn.click();\n    await picker.updateComplete;\n\n    expect(weekBtn.classList.contains('selected')).to.be.true;\n    expect(monthBtn.classList.contains('selected')).to.be.false;\n\n    await assertScreenshot(\n      'datepicker/range-picker-button-states',\n      getClip(picker)\n    );\n  });\n\n  it('can click to edit dates', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Click on start date display\n    const startDisplay = picker.shadowRoot?.querySelector(\n      '.date-display'\n    ) as HTMLElement;\n    startDisplay.click();\n    await picker.updateComplete;\n\n    expect(picker.editingStart).to.be.true;\n\n    // Should show temba-datepicker for start\n    const startPicker = picker.shadowRoot?.querySelector(\n      'temba-datepicker.start-picker'\n    );\n    expect(startPicker).to.not.be.null;\n\n    await assertScreenshot(\n      'datepicker/range-picker-editing-start',\n      getClip(picker)\n    );\n  });\n});\n"]}

package/out-tsc/test/temba-select.test.js

@@ -3,7 +3,7 @@ import { fixture, expect, assert } from '@open-wc/testing';
 import { useFakeTimers } from 'sinon';
 import { Options } from '../src/options/Options';
 import { Select } from '../src/select/Select';
-import { assertScreenshot, delay, getClip, getOptions, loadStore, openAndClick, openSelect } from './utils.test';
+import { assertScreenshot, getClip, getOptions, loadStore, openAndClick, openSelect, waitForSelectPagination } from './utils.test';
 const colors = [
     { name: 'Red', value: '0' },
     { name: 'Green', value: '1' },
@@ -438,7 +438,6 @@ describe('temba-select', () => {
             // await open(select);
             // assert.equal(select.visibleOptions.length, 2);
         });
-        // this test is flaky on CI, skip it for now
         xit('pages through cursor results', async () => {
             const select = await createSelect(clock, getSelectHTML([], {
                 placeholder: 'Select a group',
@@ -446,23 +445,13 @@ describe('temba-select', () => {
                 valueKey: 'uuid'
             }));
             await openSelect(clock, select);
-            // Wait for pagination to complete - keep checking until fetching is false
-            // and we have the expected number of results (15 = 3 pages * 5 items)
-            let attempts = 0;
-            const maxAttempts = 10;
-            while (select.fetching || select.visibleOptions.length < 15) {
-                if (attempts >= maxAttempts) {
-                    throw new Error(`Pagination did not complete after ${maxAttempts} attempts. fetching: ${select.fetching}, visibleOptions: ${select.visibleOptions.length}`);
-                }
-                await select.updateComplete;
-                clock.runAll();
-                attempts++;
-                await delay(100);
-            }
+            // Wait for pagination to complete using our improved helper
+            // Use more attempts for this test since pagination can be slow in CI
+            await waitForSelectPagination(select, clock, 15, 50);
             // should have all three pages visible right away
             assert.equal(select.visibleOptions.length, 15);
         });
-        xit('shows cached results', async () => {
+        it('shows cached results', async () => {
             const select = await createSelect(clock, getSelectHTML([], {
                 placeholder: 'Select a group',
                 endpoint: '/test-assets/select/groups.json',
@@ -471,11 +460,16 @@ describe('temba-select', () => {
             }));
             // wait for updates from fetching three pages
             await openSelect(clock, select);
+            await waitForSelectPagination(select, clock, 15, 50);
             assert.equal(select.visibleOptions.length, 15);
             // close and reopen
             select.blur();
             await clock.tick(250);
+            // Ensure the select is properly closed before reopening
+            await select.updateComplete;
             await openSelect(clock, select);
+            // Cached results should be available immediately, but give some time for rendering
+            await waitForSelectPagination(select, clock, 15, 30);
             assert.equal(select.visibleOptions.length, 15);
             // close and reopen once more (previous bug failed on third opening)
             // select.blur();