@nyaruka/temba-components 0.129.1 → 0.129.3

package/out-tsc/test/temba-rapid-element.test.js

@@ -0,0 +1,273 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import { stub } from 'sinon';
+import { RapidElement } from '../src/RapidElement';
+import { CustomEventType } from '../src/interfaces';
+// Create a test implementation of RapidElement
+class TestRapidElement extends RapidElement {
+    render() {
+        return html `<div>test</div>`;
+    }
+}
+customElements.define('test-rapid-element', TestRapidElement);
+describe('RapidElement', () => {
+    let element;
+    beforeEach(async () => {
+        element = await fixture(html `<test-rapid-element></test-rapid-element>`);
+    });
+    describe('getHeaders', () => {
+        it('returns empty object when no service is set', () => {
+            element.service = '';
+            const headers = element.getHeaders();
+            expect(headers).to.deep.equal({});
+        });
+        it('returns X-Temba-Service-Org header when service is set', () => {
+            element.service = 'test-service';
+            const headers = element.getHeaders();
+            expect(headers).to.deep.equal({
+                'X-Temba-Service-Org': 'test-service'
+            });
+        });
+        it('returns empty object when service is undefined', () => {
+            element.service = undefined;
+            const headers = element.getHeaders();
+            expect(headers).to.deep.equal({});
+        });
+    });
+    describe('swallowEvent', () => {
+        it('stops propagation and prevents default on event', () => {
+            const mockEvent = {
+                stopPropagation: stub(),
+                preventDefault: stub()
+            };
+            element.swallowEvent(mockEvent);
+            expect(mockEvent.stopPropagation.calledOnce).to.be.true;
+            expect(mockEvent.preventDefault.calledOnce).to.be.true;
+        });
+        it('handles null event gracefully', () => {
+            expect(() => element.swallowEvent(null)).to.not.throw;
+        });
+    });
+    describe('stopEvent', () => {
+        it('stops propagation and prevents default on event', () => {
+            const mockEvent = {
+                stopPropagation: stub(),
+                preventDefault: stub()
+            };
+            element.stopEvent(mockEvent);
+            expect(mockEvent.stopPropagation.calledOnce).to.be.true;
+            expect(mockEvent.preventDefault.calledOnce).to.be.true;
+        });
+        it('handles null event gracefully', () => {
+            expect(() => element.stopEvent(null)).to.not.throw;
+        });
+        it('handles undefined event gracefully', () => {
+            expect(() => element.stopEvent(undefined)).to.not.throw;
+        });
+    });
+    describe('isMobile', () => {
+        let originalIsMobile;
+        beforeEach(() => {
+            originalIsMobile = window.isMobile;
+        });
+        afterEach(() => {
+            window.isMobile = originalIsMobile;
+        });
+        it('returns true when window.isMobile returns true', () => {
+            window.isMobile = () => true;
+            expect(element.isMobile()).to.be.true;
+        });
+        it('returns false when window.isMobile returns false', () => {
+            window.isMobile = () => false;
+            expect(element.isMobile()).to.be.false;
+        });
+        it('returns false when window.isMobile is not defined', () => {
+            window.isMobile = undefined;
+            expect(element.isMobile()).to.be.false;
+        });
+    });
+    describe('closestElement', () => {
+        it('finds closest element with given selector', () => {
+            // Create a test structure
+            const container = document.createElement('div');
+            container.className = 'container';
+            const child = document.createElement('span');
+            child.className = 'child';
+            container.appendChild(child);
+            document.body.appendChild(container);
+            // Test finding closest element
+            const result = element.closestElement('.container', child);
+            expect(result).to.equal(container);
+            // Cleanup
+            document.body.removeChild(container);
+        });
+        it('returns null when no matching element is found', () => {
+            const child = document.createElement('span');
+            document.body.appendChild(child);
+            const result = element.closestElement('.nonexistent', child);
+            expect(result).to.be.null;
+            document.body.removeChild(child);
+        });
+        it('handles shadow root traversal', () => {
+            // Create a shadow root scenario
+            const host = document.createElement('div');
+            host.className = 'shadow-host';
+            const shadow = host.attachShadow({ mode: 'open' });
+            const shadowChild = document.createElement('span');
+            shadow.appendChild(shadowChild);
+            document.body.appendChild(host);
+            const result = element.closestElement('.shadow-host', shadowChild);
+            expect(result).to.equal(host);
+            document.body.removeChild(host);
+        });
+    });
+    describe('getDiv', () => {
+        it('returns cached element if already retrieved', () => {
+            // Setup shadow root with a div
+            const testDiv = document.createElement('div');
+            testDiv.className = 'test-div';
+            element.shadowRoot.appendChild(testDiv);
+            // First call should cache the element
+            const result1 = element.getDiv('.test-div');
+            expect(result1).to.equal(testDiv);
+            // Second call should return cached version
+            const result2 = element.getDiv('.test-div');
+            expect(result2).to.equal(testDiv);
+            expect(result1).to.equal(result2);
+        });
+        it('returns null when element is not found', () => {
+            const result = element.getDiv('.nonexistent');
+            expect(result).to.be.null;
+        });
+        it('queries shadow root for new elements', () => {
+            const testDiv = document.createElement('div');
+            testDiv.className = 'new-test-div';
+            element.shadowRoot.appendChild(testDiv);
+            const result = element.getDiv('.new-test-div');
+            expect(result).to.equal(testDiv);
+        });
+    });
+    describe('dispatchEvent edge cases', () => {
+        it('handles events with dash-prefixed event handler properties', () => {
+            // Create an element with a dash-prefixed event handler property
+            const targetElement = document.createElement('div');
+            const handlerStub = stub().returns(true);
+            targetElement['-custom-event'] = handlerStub;
+            // Mock the target element being the event target
+            const customEvent = new CustomEvent('custom-event', {
+                bubbles: true,
+                composed: true
+            });
+            // Set the target to our test element
+            Object.defineProperty(customEvent, 'target', {
+                value: targetElement,
+                writable: false
+            });
+            // This should call the handler
+            element.dispatchEvent(customEvent);
+            expect(handlerStub.calledOnce).to.be.true;
+            expect(handlerStub.calledWith(customEvent)).to.be.true;
+        });
+        it('handles events with function handlers on target element', () => {
+            const targetElement = document.createElement('div');
+            const handlerStub = stub();
+            targetElement['-test-event'] = handlerStub;
+            const customEvent = new CustomEvent('test-event', {
+                bubbles: true,
+                composed: true
+            });
+            Object.defineProperty(customEvent, 'target', {
+                value: targetElement,
+                writable: false
+            });
+            element.dispatchEvent(customEvent);
+            expect(handlerStub.calledOnce).to.be.true;
+            expect(handlerStub.calledWith(customEvent)).to.be.true;
+        });
+        it('handles events with inline handler attributes via Function constructor', () => {
+            const targetElement = document.createElement('div');
+            targetElement.setAttribute('data-custom-event', 'console.log("test")'); // Use data- instead of dash-prefix
+            const customEvent = new CustomEvent('custom-event', {
+                bubbles: true,
+                composed: true
+            });
+            Object.defineProperty(customEvent, 'target', {
+                value: targetElement,
+                writable: false
+            });
+            // This should not throw an error even if no handler is found
+            expect(() => element.dispatchEvent(customEvent)).to.not.throw;
+        });
+    });
+    describe('DEBUG functionality', () => {
+        it('logs updates when DEBUG_UPDATES is enabled', () => {
+            const consoleStub = stub(console, 'log');
+            element.DEBUG_UPDATES = true;
+            // Trigger an update
+            element.requestUpdate();
+            // We can't easily test the exact log content, but we can verify
+            // that the debug functionality is accessible
+            element.DEBUG_UPDATES = false;
+            consoleStub.restore();
+        });
+        it('logs events when DEBUG_EVENTS is enabled', () => {
+            element.DEBUG_EVENTS = true;
+            // Fire a custom event
+            element.fireCustomEvent(CustomEventType.Loading);
+            // Reset debug flag
+            element.DEBUG_EVENTS = false;
+        });
+        it('logs events when DEBUG is enabled', () => {
+            element.DEBUG = true;
+            // Fire a regular event
+            element.fireEvent('test-event');
+            // Reset debug flag
+            element.DEBUG = false;
+        });
+    });
+    describe('event handlers', () => {
+        it('handles elements with getEventHandlers returning handlers', () => {
+            // Create a test element with event handlers
+            class TestElementWithHandlers extends RapidElement {
+                constructor() {
+                    super(...arguments);
+                    this.testMethodCalled = false;
+                }
+                testMethod() {
+                    this.testMethodCalled = true;
+                }
+                getEventHandlers() {
+                    return [
+                        {
+                            event: 'test-event',
+                            method: this.testMethod.bind(this)
+                        },
+                        {
+                            event: 'document-event',
+                            method: this.testMethod.bind(this),
+                            isDocument: true
+                        },
+                        {
+                            event: 'window-event',
+                            method: this.testMethod.bind(this),
+                            isWindow: true
+                        }
+                    ];
+                }
+                render() {
+                    return html `<div>test with handlers</div>`;
+                }
+            }
+            customElements.define('test-element-with-handlers', TestElementWithHandlers);
+            // Test that the element can be created without errors
+            const elementWithHandlers = new TestElementWithHandlers();
+            document.body.appendChild(elementWithHandlers);
+            // Test that handlers are properly registered/unregistered
+            expect(() => {
+                elementWithHandlers.connectedCallback();
+                elementWithHandlers.disconnectedCallback();
+            }).to.not.throw;
+            document.body.removeChild(elementWithHandlers);
+        });
+    });
+});
+//# sourceMappingURL=temba-rapid-element.test.js.map

package/out-tsc/test/temba-rapid-element.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temba-rapid-element.test.js","sourceRoot":"","sources":["../../test/temba-rapid-element.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html } from '@open-wc/testing';\nimport { stub } from 'sinon';\nimport { RapidElement } from '../src/RapidElement';\nimport { CustomEventType } from '../src/interfaces';\n\n// Create a test implementation of RapidElement\nclass TestRapidElement extends RapidElement {\n  render() {\n    return html`<div>test</div>`;\n  }\n}\n\ncustomElements.define('test-rapid-element', TestRapidElement);\n\ndescribe('RapidElement', () => {\n  let element: TestRapidElement;\n\n  beforeEach(async () => {\n    element = await fixture(html`<test-rapid-element></test-rapid-element>`);\n  });\n\n  describe('getHeaders', () => {\n    it('returns empty object when no service is set', () => {\n      element.service = '';\n      const headers = element.getHeaders();\n      expect(headers).to.deep.equal({});\n    });\n\n    it('returns X-Temba-Service-Org header when service is set', () => {\n      element.service = 'test-service';\n      const headers = element.getHeaders();\n      expect(headers).to.deep.equal({\n        'X-Temba-Service-Org': 'test-service'\n      });\n    });\n\n    it('returns empty object when service is undefined', () => {\n      element.service = undefined;\n      const headers = element.getHeaders();\n      expect(headers).to.deep.equal({});\n    });\n  });\n\n  describe('swallowEvent', () => {\n    it('stops propagation and prevents default on event', () => {\n      const mockEvent = {\n        stopPropagation: stub(),\n        preventDefault: stub()\n      };\n\n      element.swallowEvent(mockEvent as any);\n\n      expect(mockEvent.stopPropagation.calledOnce).to.be.true;\n      expect(mockEvent.preventDefault.calledOnce).to.be.true;\n    });\n\n    it('handles null event gracefully', () => {\n      expect(() => element.swallowEvent(null)).to.not.throw;\n    });\n  });\n\n  describe('stopEvent', () => {\n    it('stops propagation and prevents default on event', () => {\n      const mockEvent = {\n        stopPropagation: stub(),\n        preventDefault: stub()\n      };\n\n      element.stopEvent(mockEvent as any);\n\n      expect(mockEvent.stopPropagation.calledOnce).to.be.true;\n      expect(mockEvent.preventDefault.calledOnce).to.be.true;\n    });\n\n    it('handles null event gracefully', () => {\n      expect(() => element.stopEvent(null)).to.not.throw;\n    });\n\n    it('handles undefined event gracefully', () => {\n      expect(() => element.stopEvent(undefined)).to.not.throw;\n    });\n  });\n\n  describe('isMobile', () => {\n    let originalIsMobile: any;\n\n    beforeEach(() => {\n      originalIsMobile = (window as any).isMobile;\n    });\n\n    afterEach(() => {\n      (window as any).isMobile = originalIsMobile;\n    });\n\n    it('returns true when window.isMobile returns true', () => {\n      (window as any).isMobile = () => true;\n      expect(element.isMobile()).to.be.true;\n    });\n\n    it('returns false when window.isMobile returns false', () => {\n      (window as any).isMobile = () => false;\n      expect(element.isMobile()).to.be.false;\n    });\n\n    it('returns false when window.isMobile is not defined', () => {\n      (window as any).isMobile = undefined;\n      expect(element.isMobile()).to.be.false;\n    });\n  });\n\n  describe('closestElement', () => {\n    it('finds closest element with given selector', () => {\n      // Create a test structure\n      const container = document.createElement('div');\n      container.className = 'container';\n      const child = document.createElement('span');\n      child.className = 'child';\n      container.appendChild(child);\n      document.body.appendChild(container);\n\n      // Test finding closest element\n      const result = element.closestElement('.container', child);\n      expect(result).to.equal(container);\n\n      // Cleanup\n      document.body.removeChild(container);\n    });\n\n    it('returns null when no matching element is found', () => {\n      const child = document.createElement('span');\n      document.body.appendChild(child);\n\n      const result = element.closestElement('.nonexistent', child);\n      expect(result).to.be.null;\n\n      document.body.removeChild(child);\n    });\n\n    it('handles shadow root traversal', () => {\n      // Create a shadow root scenario\n      const host = document.createElement('div');\n      host.className = 'shadow-host';\n      const shadow = host.attachShadow({ mode: 'open' });\n      const shadowChild = document.createElement('span');\n      shadow.appendChild(shadowChild);\n      document.body.appendChild(host);\n\n      const result = element.closestElement('.shadow-host', shadowChild);\n      expect(result).to.equal(host);\n\n      document.body.removeChild(host);\n    });\n  });\n\n  describe('getDiv', () => {\n    it('returns cached element if already retrieved', () => {\n      // Setup shadow root with a div\n      const testDiv = document.createElement('div');\n      testDiv.className = 'test-div';\n      element.shadowRoot.appendChild(testDiv);\n\n      // First call should cache the element\n      const result1 = element.getDiv('.test-div');\n      expect(result1).to.equal(testDiv);\n\n      // Second call should return cached version\n      const result2 = element.getDiv('.test-div');\n      expect(result2).to.equal(testDiv);\n      expect(result1).to.equal(result2);\n    });\n\n    it('returns null when element is not found', () => {\n      const result = element.getDiv('.nonexistent');\n      expect(result).to.be.null;\n    });\n\n    it('queries shadow root for new elements', () => {\n      const testDiv = document.createElement('div');\n      testDiv.className = 'new-test-div';\n      element.shadowRoot.appendChild(testDiv);\n\n      const result = element.getDiv('.new-test-div');\n      expect(result).to.equal(testDiv);\n    });\n  });\n\n  describe('dispatchEvent edge cases', () => {\n    it('handles events with dash-prefixed event handler properties', () => {\n      // Create an element with a dash-prefixed event handler property\n      const targetElement = document.createElement('div');\n      const handlerStub = stub().returns(true);\n      (targetElement as any)['-custom-event'] = handlerStub;\n\n      // Mock the target element being the event target\n      const customEvent = new CustomEvent('custom-event', {\n        bubbles: true,\n        composed: true\n      });\n\n      // Set the target to our test element\n      Object.defineProperty(customEvent, 'target', {\n        value: targetElement,\n        writable: false\n      });\n\n      // This should call the handler\n      element.dispatchEvent(customEvent);\n\n      expect(handlerStub.calledOnce).to.be.true;\n      expect(handlerStub.calledWith(customEvent)).to.be.true;\n    });\n\n    it('handles events with function handlers on target element', () => {\n      const targetElement = document.createElement('div');\n      const handlerStub = stub();\n      (targetElement as any)['-test-event'] = handlerStub;\n\n      const customEvent = new CustomEvent('test-event', {\n        bubbles: true,\n        composed: true\n      });\n\n      Object.defineProperty(customEvent, 'target', {\n        value: targetElement,\n        writable: false\n      });\n\n      element.dispatchEvent(customEvent);\n\n      expect(handlerStub.calledOnce).to.be.true;\n      expect(handlerStub.calledWith(customEvent)).to.be.true;\n    });\n\n    it('handles events with inline handler attributes via Function constructor', () => {\n      const targetElement = document.createElement('div');\n      targetElement.setAttribute('data-custom-event', 'console.log(\"test\")'); // Use data- instead of dash-prefix\n\n      const customEvent = new CustomEvent('custom-event', {\n        bubbles: true,\n        composed: true\n      });\n\n      Object.defineProperty(customEvent, 'target', {\n        value: targetElement,\n        writable: false\n      });\n\n      // This should not throw an error even if no handler is found\n      expect(() => element.dispatchEvent(customEvent)).to.not.throw;\n    });\n  });\n\n  describe('DEBUG functionality', () => {\n    it('logs updates when DEBUG_UPDATES is enabled', () => {\n      const consoleStub = stub(console, 'log');\n      element.DEBUG_UPDATES = true;\n\n      // Trigger an update\n      element.requestUpdate();\n\n      // We can't easily test the exact log content, but we can verify\n      // that the debug functionality is accessible\n      element.DEBUG_UPDATES = false;\n\n      consoleStub.restore();\n    });\n\n    it('logs events when DEBUG_EVENTS is enabled', () => {\n      element.DEBUG_EVENTS = true;\n\n      // Fire a custom event\n      element.fireCustomEvent(CustomEventType.Loading);\n\n      // Reset debug flag\n      element.DEBUG_EVENTS = false;\n    });\n\n    it('logs events when DEBUG is enabled', () => {\n      element.DEBUG = true;\n\n      // Fire a regular event\n      element.fireEvent('test-event');\n\n      // Reset debug flag\n      element.DEBUG = false;\n    });\n  });\n\n  describe('event handlers', () => {\n    it('handles elements with getEventHandlers returning handlers', () => {\n      // Create a test element with event handlers\n      class TestElementWithHandlers extends RapidElement {\n        testMethodCalled = false;\n\n        testMethod() {\n          this.testMethodCalled = true;\n        }\n\n        getEventHandlers() {\n          return [\n            {\n              event: 'test-event',\n              method: this.testMethod.bind(this)\n            },\n            {\n              event: 'document-event',\n              method: this.testMethod.bind(this),\n              isDocument: true\n            },\n            {\n              event: 'window-event',\n              method: this.testMethod.bind(this),\n              isWindow: true\n            }\n          ];\n        }\n\n        render() {\n          return html`<div>test with handlers</div>`;\n        }\n      }\n\n      customElements.define(\n        'test-element-with-handlers',\n        TestElementWithHandlers\n      );\n\n      // Test that the element can be created without errors\n      const elementWithHandlers = new TestElementWithHandlers();\n      document.body.appendChild(elementWithHandlers);\n\n      // Test that handlers are properly registered/unregistered\n      expect(() => {\n        elementWithHandlers.connectedCallback();\n        elementWithHandlers.disconnectedCallback();\n      }).to.not.throw;\n\n      document.body.removeChild(elementWithHandlers);\n    });\n  });\n});\n"]}

package/out-tsc/test/temba-resize-element.test.js

@@ -0,0 +1,85 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import { ResizeElement } from '../src/ResizeElement';
+// Create a test implementation of ResizeElement
+class TestResizeElement extends ResizeElement {
+    constructor() {
+        super(...arguments);
+        this.updateRequestCount = 0;
+    }
+    requestUpdate() {
+        this.updateRequestCount++;
+        return super.requestUpdate();
+    }
+    render() {
+        return html `<div>resize test</div>`;
+    }
+}
+customElements.define('test-resize-element', TestResizeElement);
+describe('ResizeElement', () => {
+    let element;
+    beforeEach(async () => {
+        element = await fixture(html `<test-resize-element></test-resize-element>`);
+    });
+    describe('handleResize', () => {
+        it('calls requestUpdate when handleResize is called', () => {
+            const initialCount = element.updateRequestCount;
+            element.handleResize();
+            expect(element.updateRequestCount).to.equal(initialCount + 1);
+        });
+        it('is throttled when called multiple times rapidly', (done) => {
+            const initialCount = element.updateRequestCount;
+            // Get a reference to the throttled handler
+            const handlers = element.getEventHandlers();
+            const throttledHandler = handlers[0].method;
+            // Call the throttled handler multiple times
+            throttledHandler.call(element);
+            throttledHandler.call(element);
+            throttledHandler.call(element);
+            // Due to throttling, should only execute once initially
+            setTimeout(() => {
+                expect(element.updateRequestCount).to.be.greaterThan(initialCount);
+                expect(element.updateRequestCount).to.be.at.most(initialCount + 1);
+                done();
+            }, 25);
+        });
+    });
+    describe('getEventHandlers', () => {
+        it('returns resize event handler for window', () => {
+            const handlers = element.getEventHandlers();
+            expect(handlers).to.be.an('array');
+            expect(handlers.length).to.equal(1);
+            const resizeHandler = handlers[0];
+            expect(resizeHandler.event).to.equal('resize');
+            expect(resizeHandler.isWindow).to.be.true;
+            expect(typeof resizeHandler.method).to.equal('function');
+        });
+        it('resize handler is properly throttled', () => {
+            const handlers = element.getEventHandlers();
+            const resizeHandler = handlers[0];
+            // The method should be a throttled version of handleResize
+            expect(typeof resizeHandler.method).to.equal('function');
+            // Test that the throttled method can be called
+            expect(() => resizeHandler.method()).to.not.throw;
+        });
+    });
+    describe('window resize integration', () => {
+        it('responds to window resize events when connected', (done) => {
+            const initialCount = element.updateRequestCount;
+            // Simulate window resize event
+            const resizeEvent = new Event('resize');
+            window.dispatchEvent(resizeEvent);
+            // Give some time for the throttled event to be processed
+            setTimeout(() => {
+                expect(element.updateRequestCount).to.be.greaterThan(initialCount);
+                done();
+            }, 75);
+        });
+        it('handles disconnection properly', () => {
+            // Test that disconnecting doesn't cause errors
+            expect(() => {
+                element.disconnectedCallback();
+            }).to.not.throw;
+        });
+    });
+});
+//# sourceMappingURL=temba-resize-element.test.js.map

package/out-tsc/test/temba-resize-element.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temba-resize-element.test.js","sourceRoot":"","sources":["../../test/temba-resize-element.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html } from '@open-wc/testing';\nimport { ResizeElement } from '../src/ResizeElement';\n\n// Create a test implementation of ResizeElement\nclass TestResizeElement extends ResizeElement {\n  updateRequestCount = 0;\n\n  requestUpdate() {\n    this.updateRequestCount++;\n    return super.requestUpdate();\n  }\n\n  render() {\n    return html`<div>resize test</div>`;\n  }\n}\n\ncustomElements.define('test-resize-element', TestResizeElement);\n\ndescribe('ResizeElement', () => {\n  let element: TestResizeElement;\n\n  beforeEach(async () => {\n    element = await fixture(html`<test-resize-element></test-resize-element>`);\n  });\n\n  describe('handleResize', () => {\n    it('calls requestUpdate when handleResize is called', () => {\n      const initialCount = element.updateRequestCount;\n\n      element.handleResize();\n\n      expect(element.updateRequestCount).to.equal(initialCount + 1);\n    });\n\n    it('is throttled when called multiple times rapidly', (done) => {\n      const initialCount = element.updateRequestCount;\n\n      // Get a reference to the throttled handler\n      const handlers = element.getEventHandlers();\n      const throttledHandler = handlers[0].method;\n\n      // Call the throttled handler multiple times\n      throttledHandler.call(element);\n      throttledHandler.call(element);\n      throttledHandler.call(element);\n\n      // Due to throttling, should only execute once initially\n      setTimeout(() => {\n        expect(element.updateRequestCount).to.be.greaterThan(initialCount);\n        expect(element.updateRequestCount).to.be.at.most(initialCount + 1);\n        done();\n      }, 25);\n    });\n  });\n\n  describe('getEventHandlers', () => {\n    it('returns resize event handler for window', () => {\n      const handlers = element.getEventHandlers();\n\n      expect(handlers).to.be.an('array');\n      expect(handlers.length).to.equal(1);\n\n      const resizeHandler = handlers[0];\n      expect(resizeHandler.event).to.equal('resize');\n      expect(resizeHandler.isWindow).to.be.true;\n      expect(typeof resizeHandler.method).to.equal('function');\n    });\n\n    it('resize handler is properly throttled', () => {\n      const handlers = element.getEventHandlers();\n      const resizeHandler = handlers[0];\n\n      // The method should be a throttled version of handleResize\n      expect(typeof resizeHandler.method).to.equal('function');\n\n      // Test that the throttled method can be called\n      expect(() => resizeHandler.method()).to.not.throw;\n    });\n  });\n\n  describe('window resize integration', () => {\n    it('responds to window resize events when connected', (done) => {\n      const initialCount = element.updateRequestCount;\n\n      // Simulate window resize event\n      const resizeEvent = new Event('resize');\n      window.dispatchEvent(resizeEvent);\n\n      // Give some time for the throttled event to be processed\n      setTimeout(() => {\n        expect(element.updateRequestCount).to.be.greaterThan(initialCount);\n        done();\n      }, 75);\n    });\n\n    it('handles disconnection properly', () => {\n      // Test that disconnecting doesn't cause errors\n      expect(() => {\n        element.disconnectedCallback();\n      }).to.not.throw;\n    });\n  });\n});\n"]}

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

@@ -1,8 +1,8 @@
 import * as sinon from 'sinon';
 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 { Options } from '../src/display/Options';
+import { Select } from '../src/form/select/Select';
 import { assertScreenshot, getClip, getOptions, loadStore, openAndClick, openSelect, waitForSelectPagination } from './utils.test';
 const colors = [
     { name: 'Red', value: '0' },