@nyaruka/temba-components 0.122.0 → 0.124.0

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

@@ -0,0 +1,299 @@
+import { fixture, assert, expect } from '@open-wc/testing';
+import { Toast } from '../src/toast/Toast';
+// Register the component if it's not already registered
+if (!customElements.get('temba-toast')) {
+    customElements.define('temba-toast', Toast);
+}
+export const createToast = async (attrs = {}) => {
+    const attrString = Object.keys(attrs)
+        .map((key) => `${key}="${attrs[key]}"`)
+        .join(' ');
+    return (await fixture(`<temba-toast ${attrString}></temba-toast>`));
+};
+describe('temba-toast', () => {
+    it('can be created', async () => {
+        const toast = await createToast();
+        assert.instanceOf(toast, Toast);
+        expect(toast.messages).to.deep.equal([]);
+        expect(toast.staleDuration).to.equal(5000);
+        expect(toast.animationDuration).to.equal(200);
+        expect(toast.errorSticky).to.be.false;
+        expect(toast.warningSticky).to.be.false;
+        expect(toast.infoSticky).to.be.false;
+    });
+    it('can set properties via attributes', async () => {
+        const toast = await createToast({
+            duration: '3000',
+            animation: '300',
+            'error-sticky': 'true',
+            'warning-sticky': 'true',
+            'info-sticky': 'true'
+        });
+        expect(toast.staleDuration).to.equal(3000);
+        expect(toast.animationDuration).to.equal(300);
+        expect(toast.errorSticky).to.be.true;
+        expect(toast.warningSticky).to.be.true;
+        expect(toast.infoSticky).to.be.true;
+    });
+    it('adds info message', async () => {
+        const toast = await createToast();
+        toast.info('This is an info message');
+        expect(toast.messages).to.have.length(1);
+        expect(toast.messages[0].text).to.equal('This is an info message');
+        expect(toast.messages[0].level).to.equal('info');
+        expect(toast.messages[0].id).to.equal(1);
+        expect(toast.messages[0].time).to.be.instanceOf(Date);
+        expect(toast.messages[0].visible).to.be.undefined;
+    });
+    it('adds warning message', async () => {
+        const toast = await createToast();
+        toast.warning('This is a warning message');
+        expect(toast.messages).to.have.length(1);
+        expect(toast.messages[0].text).to.equal('This is a warning message');
+        expect(toast.messages[0].level).to.equal('warning');
+        expect(toast.messages[0].id).to.equal(1);
+    });
+    it('adds error message', async () => {
+        const toast = await createToast();
+        toast.error('This is an error message');
+        expect(toast.messages).to.have.length(1);
+        expect(toast.messages[0].text).to.equal('This is an error message');
+        expect(toast.messages[0].level).to.equal('error');
+        expect(toast.messages[0].id).to.equal(1);
+    });
+    it('adds multiple messages with incrementing IDs', async () => {
+        const toast = await createToast();
+        toast.info('First message');
+        toast.warning('Second message');
+        toast.error('Third message');
+        expect(toast.messages).to.have.length(3);
+        expect(toast.messages[0].id).to.equal(1);
+        expect(toast.messages[1].id).to.equal(2);
+        expect(toast.messages[2].id).to.equal(3);
+    });
+    it('adds multiple messages using addMessages', async () => {
+        const toast = await createToast();
+        const messages = [
+            {
+                text: 'First message',
+                level: 'info',
+                id: 1,
+                time: new Date()
+            },
+            {
+                text: 'Second message',
+                level: 'warning',
+                id: 2,
+                time: new Date()
+            },
+            {
+                text: 'Third message',
+                level: 'error',
+                id: 3,
+                time: new Date()
+            }
+        ];
+        toast.addMessages(messages);
+        expect(toast.messages).to.have.length(3);
+        expect(toast.messages[0].text).to.equal('First message');
+        expect(toast.messages[0].level).to.equal('info');
+        expect(toast.messages[1].text).to.equal('Second message');
+        expect(toast.messages[1].level).to.equal('warning');
+        expect(toast.messages[2].text).to.equal('Third message');
+        expect(toast.messages[2].level).to.equal('error');
+    });
+    it('makes messages visible after delay', async () => {
+        const toast = await createToast();
+        toast.info('Test message');
+        // Initially not visible
+        expect(toast.messages[0].visible).to.be.undefined;
+        // Wait for the timeout
+        await new Promise((resolve) => setTimeout(resolve, 150));
+        expect(toast.messages[0].visible).to.be.true;
+    });
+    it('removes message manually', async () => {
+        const toast = await createToast();
+        toast.info('Test message');
+        const message = toast.messages[0];
+        expect(toast.messages).to.have.length(1);
+        toast.removeMessage(message);
+        // Message should have removeTime set
+        expect(message.removeTime).to.be.instanceOf(Date);
+        // Wait for animation to complete
+        await new Promise((resolve) => setTimeout(resolve, 250));
+        expect(toast.messages).to.have.length(0);
+    });
+    it('handles message click to remove', async () => {
+        var _a;
+        const toast = await createToast();
+        toast.info('Test message');
+        // Wait for render
+        await toast.updateComplete;
+        const closeIcon = (_a = toast.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('temba-icon[name="close"]');
+        expect(closeIcon).to.exist;
+        // Simulate click
+        closeIcon.click();
+        // Wait for animation
+        await new Promise((resolve) => setTimeout(resolve, 250));
+        expect(toast.messages).to.have.length(0);
+    });
+    it('handles invalid message ID in click handler', async () => {
+        const toast = await createToast();
+        toast.info('Test message');
+        await toast.updateComplete;
+        // Create a mock event with invalid message_id
+        const mockEvent = {
+            target: {
+                getAttribute: () => 'invalid'
+            }
+        };
+        // Should not throw error
+        expect(() => {
+            toast.handleMessageClicked(mockEvent);
+        }).to.not.throw();
+        // Message should still exist
+        expect(toast.messages).to.have.length(1);
+    });
+    it('handles missing message in click handler', async () => {
+        const toast = await createToast();
+        toast.info('Test message');
+        await toast.updateComplete;
+        // Create a mock event with non-existent message_id
+        const mockEvent = {
+            target: {
+                getAttribute: () => '999'
+            }
+        };
+        // Should not throw error
+        expect(() => {
+            toast.handleMessageClicked(mockEvent);
+        }).to.not.throw();
+        // Message should still exist
+        expect(toast.messages).to.have.length(1);
+    });
+    it('checks for stale messages', async () => {
+        const toast = await createToast({ duration: '100' }); // 100ms duration
+        toast.info('Test message');
+        // Wait for message to become stale
+        await new Promise((resolve) => setTimeout(resolve, 150));
+        // Manually trigger stale check
+        toast.checkForStaleMessages();
+        // Wait for removal animation
+        await new Promise((resolve) => setTimeout(resolve, 250));
+        expect(toast.messages).to.have.length(0);
+    });
+    it('respects sticky info messages', async () => {
+        const toast = await createToast({
+            duration: '100',
+            'info-sticky': 'true'
+        });
+        toast.info('Sticky info message');
+        // Wait for message to become "stale"
+        await new Promise((resolve) => setTimeout(resolve, 150));
+        toast.checkForStaleMessages();
+        // Message should still exist because it's sticky
+        expect(toast.messages).to.have.length(1);
+    });
+    it('respects sticky warning messages', async () => {
+        const toast = await createToast({
+            duration: '100',
+            'warning-sticky': 'true'
+        });
+        toast.warning('Sticky warning message');
+        // Wait for message to become "stale"
+        await new Promise((resolve) => setTimeout(resolve, 150));
+        toast.checkForStaleMessages();
+        // Message should still exist because it's sticky
+        expect(toast.messages).to.have.length(1);
+    });
+    it('respects sticky error messages', async () => {
+        const toast = await createToast({
+            duration: '100',
+            'error-sticky': 'true'
+        });
+        toast.error('Sticky error message');
+        // Wait for message to become "stale"
+        await new Promise((resolve) => setTimeout(resolve, 150));
+        toast.checkForStaleMessages();
+        // Message should still exist because it's sticky
+        expect(toast.messages).to.have.length(1);
+    });
+    it('clears interval when no messages remain', async () => {
+        const toast = await createToast({ duration: '100' });
+        toast.info('Test message');
+        // Verify interval is set
+        expect(toast.checker).to.be.greaterThan(0);
+        // Wait for stale and removal
+        await new Promise((resolve) => setTimeout(resolve, 150));
+        toast.checkForStaleMessages();
+        // Wait for the removeMessage animation to complete
+        await new Promise((resolve) => setTimeout(resolve, 250));
+        // Now trigger checkForStaleMessages again to clear the interval
+        toast.checkForStaleMessages();
+        // Interval should be cleared
+        expect(toast.checker).to.equal(0);
+    });
+    it('clears existing interval when adding new message', async () => {
+        const toast = await createToast();
+        toast.info('First message');
+        const firstChecker = toast.checker;
+        expect(firstChecker).to.be.greaterThan(0);
+        toast.info('Second message');
+        // Should have new interval
+        expect(toast.checker).to.be.greaterThan(0);
+        expect(toast.checker).to.not.equal(firstChecker);
+    });
+    it('renders messages with correct CSS classes', async () => {
+        var _a;
+        const toast = await createToast();
+        toast.info('Info message');
+        toast.warning('Warning message');
+        toast.error('Error message');
+        await toast.updateComplete;
+        const messages = (_a = toast.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.message');
+        expect(messages).to.have.length(3);
+        expect(messages === null || messages === void 0 ? void 0 : messages[0]).to.have.class('info');
+        expect(messages === null || messages === void 0 ? void 0 : messages[1]).to.have.class('warning');
+        expect(messages === null || messages === void 0 ? void 0 : messages[2]).to.have.class('error');
+    });
+    it('renders messages with visible class after delay', async () => {
+        var _a;
+        const toast = await createToast();
+        toast.info('Test message');
+        await toast.updateComplete;
+        const message = (_a = toast.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.message');
+        expect(message).to.not.have.class('visible');
+        // Wait for visibility timeout
+        await new Promise((resolve) => setTimeout(resolve, 150));
+        await toast.updateComplete;
+        expect(message).to.have.class('visible');
+    });
+    it('renders messages with removing class when removed', async () => {
+        var _a;
+        const toast = await createToast();
+        toast.info('Test message');
+        await toast.updateComplete;
+        const messageData = toast.messages[0];
+        toast.removeMessage(messageData);
+        await toast.updateComplete;
+        const message = (_a = toast.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.message');
+        expect(message).to.have.class('removing');
+    });
+    it('renders close icons with correct message_id', async () => {
+        var _a;
+        const toast = await createToast();
+        toast.info('Test message');
+        await toast.updateComplete;
+        const closeIcon = (_a = toast.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('temba-icon[name="close"]');
+        expect(closeIcon === null || closeIcon === void 0 ? void 0 : closeIcon.getAttribute('message_id')).to.equal('1');
+    });
+    it('renders correct animation duration styles', async () => {
+        var _a;
+        const toast = await createToast({ animation: '500' });
+        toast.info('Test message');
+        await toast.updateComplete;
+        const message = (_a = toast.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.message');
+        expect(message === null || message === void 0 ? void 0 : message.style.transitionDuration).to.equal('500ms');
+    });
+});
+//# sourceMappingURL=temba-toast.test.js.map

package/out-tsc/test/temba-toast.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temba-toast.test.js","sourceRoot":"","sources":["../../test/temba-toast.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, assert, expect } from '@open-wc/testing';\nimport { Toast } from '../src/toast/Toast';\n\n// Register the component if it's not already registered\nif (!customElements.get('temba-toast')) {\n  customElements.define('temba-toast', Toast);\n}\n\nexport const createToast = async (attrs: any = {}) => {\n  const attrString = Object.keys(attrs)\n    .map((key) => `${key}=\"${attrs[key]}\"`)\n    .join(' ');\n\n  return (await fixture(`<temba-toast ${attrString}></temba-toast>`)) as Toast;\n};\n\ndescribe('temba-toast', () => {\n  it('can be created', async () => {\n    const toast = await createToast();\n    assert.instanceOf(toast, Toast);\n    expect(toast.messages).to.deep.equal([]);\n    expect(toast.staleDuration).to.equal(5000);\n    expect(toast.animationDuration).to.equal(200);\n    expect(toast.errorSticky).to.be.false;\n    expect(toast.warningSticky).to.be.false;\n    expect(toast.infoSticky).to.be.false;\n  });\n\n  it('can set properties via attributes', async () => {\n    const toast = await createToast({\n      duration: '3000',\n      animation: '300',\n      'error-sticky': 'true',\n      'warning-sticky': 'true',\n      'info-sticky': 'true'\n    });\n\n    expect(toast.staleDuration).to.equal(3000);\n    expect(toast.animationDuration).to.equal(300);\n    expect(toast.errorSticky).to.be.true;\n    expect(toast.warningSticky).to.be.true;\n    expect(toast.infoSticky).to.be.true;\n  });\n\n  it('adds info message', async () => {\n    const toast = await createToast();\n    toast.info('This is an info message');\n\n    expect(toast.messages).to.have.length(1);\n    expect(toast.messages[0].text).to.equal('This is an info message');\n    expect(toast.messages[0].level).to.equal('info');\n    expect(toast.messages[0].id).to.equal(1);\n    expect(toast.messages[0].time).to.be.instanceOf(Date);\n    expect(toast.messages[0].visible).to.be.undefined;\n  });\n\n  it('adds warning message', async () => {\n    const toast = await createToast();\n    toast.warning('This is a warning message');\n\n    expect(toast.messages).to.have.length(1);\n    expect(toast.messages[0].text).to.equal('This is a warning message');\n    expect(toast.messages[0].level).to.equal('warning');\n    expect(toast.messages[0].id).to.equal(1);\n  });\n\n  it('adds error message', async () => {\n    const toast = await createToast();\n    toast.error('This is an error message');\n\n    expect(toast.messages).to.have.length(1);\n    expect(toast.messages[0].text).to.equal('This is an error message');\n    expect(toast.messages[0].level).to.equal('error');\n    expect(toast.messages[0].id).to.equal(1);\n  });\n\n  it('adds multiple messages with incrementing IDs', async () => {\n    const toast = await createToast();\n    toast.info('First message');\n    toast.warning('Second message');\n    toast.error('Third message');\n\n    expect(toast.messages).to.have.length(3);\n    expect(toast.messages[0].id).to.equal(1);\n    expect(toast.messages[1].id).to.equal(2);\n    expect(toast.messages[2].id).to.equal(3);\n  });\n\n  it('adds multiple messages using addMessages', async () => {\n    const toast = await createToast();\n    const messages = [\n      {\n        text: 'First message',\n        level: 'info' as const,\n        id: 1,\n        time: new Date()\n      },\n      {\n        text: 'Second message',\n        level: 'warning' as const,\n        id: 2,\n        time: new Date()\n      },\n      {\n        text: 'Third message',\n        level: 'error' as const,\n        id: 3,\n        time: new Date()\n      }\n    ];\n\n    toast.addMessages(messages);\n\n    expect(toast.messages).to.have.length(3);\n    expect(toast.messages[0].text).to.equal('First message');\n    expect(toast.messages[0].level).to.equal('info');\n    expect(toast.messages[1].text).to.equal('Second message');\n    expect(toast.messages[1].level).to.equal('warning');\n    expect(toast.messages[2].text).to.equal('Third message');\n    expect(toast.messages[2].level).to.equal('error');\n  });\n\n  it('makes messages visible after delay', async () => {\n    const toast = await createToast();\n    toast.info('Test message');\n\n    // Initially not visible\n    expect(toast.messages[0].visible).to.be.undefined;\n\n    // Wait for the timeout\n    await new Promise((resolve) => setTimeout(resolve, 150));\n\n    expect(toast.messages[0].visible).to.be.true;\n  });\n\n  it('removes message manually', async () => {\n    const toast = await createToast();\n    toast.info('Test message');\n\n    const message = toast.messages[0];\n    expect(toast.messages).to.have.length(1);\n\n    toast.removeMessage(message);\n\n    // Message should have removeTime set\n    expect(message.removeTime).to.be.instanceOf(Date);\n\n    // Wait for animation to complete\n    await new Promise((resolve) => setTimeout(resolve, 250));\n\n    expect(toast.messages).to.have.length(0);\n  });\n\n  it('handles message click to remove', async () => {\n    const toast = await createToast();\n    toast.info('Test message');\n\n    // Wait for render\n    await toast.updateComplete;\n\n    const closeIcon = toast.shadowRoot?.querySelector(\n      'temba-icon[name=\"close\"]'\n    ) as HTMLElement;\n    expect(closeIcon).to.exist;\n\n    // Simulate click\n    closeIcon.click();\n\n    // Wait for animation\n    await new Promise((resolve) => setTimeout(resolve, 250));\n\n    expect(toast.messages).to.have.length(0);\n  });\n\n  it('handles invalid message ID in click handler', async () => {\n    const toast = await createToast();\n    toast.info('Test message');\n\n    await toast.updateComplete;\n\n    // Create a mock event with invalid message_id\n    const mockEvent = {\n      target: {\n        getAttribute: () => 'invalid'\n      }\n    } as any;\n\n    // Should not throw error\n    expect(() => {\n      (toast as any).handleMessageClicked(mockEvent);\n    }).to.not.throw();\n\n    // Message should still exist\n    expect(toast.messages).to.have.length(1);\n  });\n\n  it('handles missing message in click handler', async () => {\n    const toast = await createToast();\n    toast.info('Test message');\n\n    await toast.updateComplete;\n\n    // Create a mock event with non-existent message_id\n    const mockEvent = {\n      target: {\n        getAttribute: () => '999'\n      }\n    } as any;\n\n    // Should not throw error\n    expect(() => {\n      (toast as any).handleMessageClicked(mockEvent);\n    }).to.not.throw();\n\n    // Message should still exist\n    expect(toast.messages).to.have.length(1);\n  });\n\n  it('checks for stale messages', async () => {\n    const toast = await createToast({ duration: '100' }); // 100ms duration\n    toast.info('Test message');\n\n    // Wait for message to become stale\n    await new Promise((resolve) => setTimeout(resolve, 150));\n\n    // Manually trigger stale check\n    toast.checkForStaleMessages();\n\n    // Wait for removal animation\n    await new Promise((resolve) => setTimeout(resolve, 250));\n\n    expect(toast.messages).to.have.length(0);\n  });\n\n  it('respects sticky info messages', async () => {\n    const toast = await createToast({\n      duration: '100',\n      'info-sticky': 'true'\n    });\n    toast.info('Sticky info message');\n\n    // Wait for message to become \"stale\"\n    await new Promise((resolve) => setTimeout(resolve, 150));\n\n    toast.checkForStaleMessages();\n\n    // Message should still exist because it's sticky\n    expect(toast.messages).to.have.length(1);\n  });\n\n  it('respects sticky warning messages', async () => {\n    const toast = await createToast({\n      duration: '100',\n      'warning-sticky': 'true'\n    });\n    toast.warning('Sticky warning message');\n\n    // Wait for message to become \"stale\"\n    await new Promise((resolve) => setTimeout(resolve, 150));\n\n    toast.checkForStaleMessages();\n\n    // Message should still exist because it's sticky\n    expect(toast.messages).to.have.length(1);\n  });\n\n  it('respects sticky error messages', async () => {\n    const toast = await createToast({\n      duration: '100',\n      'error-sticky': 'true'\n    });\n    toast.error('Sticky error message');\n\n    // Wait for message to become \"stale\"\n    await new Promise((resolve) => setTimeout(resolve, 150));\n\n    toast.checkForStaleMessages();\n\n    // Message should still exist because it's sticky\n    expect(toast.messages).to.have.length(1);\n  });\n\n  it('clears interval when no messages remain', async () => {\n    const toast = await createToast({ duration: '100' });\n    toast.info('Test message');\n\n    // Verify interval is set\n    expect((toast as any).checker).to.be.greaterThan(0);\n\n    // Wait for stale and removal\n    await new Promise((resolve) => setTimeout(resolve, 150));\n    toast.checkForStaleMessages();\n\n    // Wait for the removeMessage animation to complete\n    await new Promise((resolve) => setTimeout(resolve, 250));\n\n    // Now trigger checkForStaleMessages again to clear the interval\n    toast.checkForStaleMessages();\n\n    // Interval should be cleared\n    expect((toast as any).checker).to.equal(0);\n  });\n\n  it('clears existing interval when adding new message', async () => {\n    const toast = await createToast();\n    toast.info('First message');\n\n    const firstChecker = (toast as any).checker;\n    expect(firstChecker).to.be.greaterThan(0);\n\n    toast.info('Second message');\n\n    // Should have new interval\n    expect((toast as any).checker).to.be.greaterThan(0);\n    expect((toast as any).checker).to.not.equal(firstChecker);\n  });\n\n  it('renders messages with correct CSS classes', async () => {\n    const toast = await createToast();\n    toast.info('Info message');\n    toast.warning('Warning message');\n    toast.error('Error message');\n\n    await toast.updateComplete;\n\n    const messages = toast.shadowRoot?.querySelectorAll('.message');\n    expect(messages).to.have.length(3);\n\n    expect(messages?.[0]).to.have.class('info');\n    expect(messages?.[1]).to.have.class('warning');\n    expect(messages?.[2]).to.have.class('error');\n  });\n\n  it('renders messages with visible class after delay', async () => {\n    const toast = await createToast();\n    toast.info('Test message');\n\n    await toast.updateComplete;\n\n    const message = toast.shadowRoot?.querySelector('.message');\n    expect(message).to.not.have.class('visible');\n\n    // Wait for visibility timeout\n    await new Promise((resolve) => setTimeout(resolve, 150));\n    await toast.updateComplete;\n\n    expect(message).to.have.class('visible');\n  });\n\n  it('renders messages with removing class when removed', async () => {\n    const toast = await createToast();\n    toast.info('Test message');\n\n    await toast.updateComplete;\n\n    const messageData = toast.messages[0];\n    toast.removeMessage(messageData);\n\n    await toast.updateComplete;\n\n    const message = toast.shadowRoot?.querySelector('.message');\n    expect(message).to.have.class('removing');\n  });\n\n  it('renders close icons with correct message_id', async () => {\n    const toast = await createToast();\n    toast.info('Test message');\n\n    await toast.updateComplete;\n\n    const closeIcon = toast.shadowRoot?.querySelector(\n      'temba-icon[name=\"close\"]'\n    );\n    expect(closeIcon?.getAttribute('message_id')).to.equal('1');\n  });\n\n  it('renders correct animation duration styles', async () => {\n    const toast = await createToast({ animation: '500' });\n    toast.info('Test message');\n\n    await toast.updateComplete;\n\n    const message = toast.shadowRoot?.querySelector('.message') as HTMLElement;\n    expect(message?.style.transitionDuration).to.equal('500ms');\n  });\n});\n"]}