npm - @nyaruka/temba-components - Versions diffs - 0.129.7 → 0.129.9 - Mend

@nyaruka/temba-components 0.129.7 → 0.129.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (269) hide show

package/out-tsc/test/temba-field-config.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"temba-field-config.test.js","sourceRoot":"","sources":["../../test/temba-field-config.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport '../src/form/KeyValueEditor';\nimport '../src/form/ArrayEditor';\n\ndescribe('Field Configuration System', () => {\n describe('KeyValueEditor', () => {\n it('should render with empty value and always show one empty row', async () => {\n const el = await fixture(html`\n <temba-key-value-editor></temba-key-value-editor>\n `);\n\n expect(el).to.exist;\n // Should always have at least one row (empty row)\n const rows = el.shadowRoot?.querySelectorAll('.row');\n expect(rows?.length).to.equal(1);\n // Should not have add button anymore\n expect(el.shadowRoot?.querySelector('.add-btn')).to.not.exist;\n });\n\n it('should render with initial values and maintain empty row', async () => {\n const initialValue = {\n 'Content-Type': 'application/json',\n Authorization: 'Bearer token123'\n };\n\n const el = await fixture(html`\n <temba-key-value-editor .value=${initialValue}></temba-key-value-editor>\n `);\n\n expect(el).to.exist;\n // Should have 2 data rows + 1 empty row = 3 total\n const rows = el.shadowRoot?.querySelectorAll('.row');\n expect(rows?.length).to.equal(3);\n });\n\n it('should emit clean values without empty rows', async () => {\n const el = await fixture(html`\n <temba-key-value-editor></temba-key-value-editor>\n `);\n\n let changeEvent: any = null;\n el.addEventListener('change', (e) => {\n changeEvent = e;\n });\n\n // Trigger a field change that should cause an update\n const keyInput = el.shadowRoot?.querySelector('temba-textinput') as any;\n if (keyInput) {\n keyInput.value = 'test-key';\n keyInput.dispatchEvent(new Event('change'));\n }\n\n await (el as any).updateComplete;\n\n expect(changeEvent).to.exist;\n // Should emit the array format with key-value pairs\n expect(changeEvent.detail.value).to.be.an('array');\n expect(changeEvent.detail.value).to.deep.include({\n key: 'test-key',\n value: ''\n });\n });\n\n it('should hide remove button for empty rows', async () => {\n const initialValue = {\n 'Content-Type': 'application/json'\n };\n\n const el = await fixture(html`\n <temba-key-value-editor .value=${initialValue}></temba-key-value-editor>\n `);\n\n expect(el).to.exist;\n const rows = el.shadowRoot?.querySelectorAll('.row');\n expect(rows?.length).to.equal(2); // 1 data row + 1 empty row\n\n // First row (with data) should have remove button\n const firstRowRemoveBtn = rows?.[0]?.querySelector('.remove-btn');\n expect(firstRowRemoveBtn).to.exist;\n\n // Second row (empty) should have spacer instead of remove button\n const secondRowRemoveBtn = rows?.[1]?.querySelector('.remove-btn');\n const secondRowSpacer = rows?.[1]?.querySelector('.remove-btn-spacer');\n expect(secondRowRemoveBtn).to.not.exist;\n expect(secondRowSpacer).to.exist;\n });\n\n it('should show remove button when empty row gets content', async () => {\n const el = await fixture(html`\n <temba-key-value-editor></temba-key-value-editor>\n `);\n\n // Initially should have no remove button (empty row)\n let rows = el.shadowRoot?.querySelectorAll('.row');\n expect(rows?.[0]?.querySelector('.remove-btn')).to.not.exist;\n expect(rows?.[0]?.querySelector('.remove-btn-spacer')).to.exist;\n\n // Simulate adding content by setting value and triggering update\n (el as any).value = { 'test-key': '' };\n (el as any).requestUpdate();\n await (el as any).updateComplete;\n\n // Now should have remove button for the row with content\n rows = el.shadowRoot?.querySelectorAll('.row');\n expect(rows?.length).to.equal(2); // row with content + empty row\n expect(rows?.[0]?.querySelector('.remove-btn')).to.exist;\n expect(rows?.[1]?.querySelector('.remove-btn-spacer')).to.exist;\n });\n });\n\n describe('ArrayEditor', () => {\n it('should render with empty array', async () => {\n const itemConfig = {\n name: { type: 'text', label: 'Name', required: true },\n value: { type: 'text', label: 'Value' }\n };\n\n const el = await fixture(html`\n <temba-array-editor .itemConfig=${itemConfig}></temba-array-editor>\n `);\n\n await (el as any).updateComplete;\n\n expect(el).to.exist;\n expect(el.shadowRoot?.querySelector('.add-btn')).to.exist;\n });\n\n it('should render with initial items', async () => {\n const itemConfig = {\n operator: { type: 'text', label: 'Operator' },\n value: { type: 'text', label: 'Value' }\n };\n\n const initialValue = [\n { operator: 'equals', value: 'test' },\n { operator: 'contains', value: 'example' }\n ];\n\n const el = await fixture(html`\n <temba-array-editor\n .value=${initialValue}\n .itemConfig=${itemConfig}\n itemLabel=\"Rule\"\n ></temba-array-editor>\n `);\n\n expect(el).to.exist;\n const items = el.shadowRoot?.querySelectorAll('.array-item');\n expect(items?.length).to.equal(2);\n });\n });\n});\n"]}
1	+ {"version":3,"file":"temba-field-config.test.js","sourceRoot":"","sources":["../../test/temba-field-config.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport '../src/form/KeyValueEditor';\nimport '../src/form/ArrayEditor';\n\ndescribe('Field Configuration System', () => {\n describe('KeyValueEditor', () => {\n it('should render with empty value and always show one empty row', async () => {\n const el = await fixture(html`\n <temba-key-value-editor></temba-key-value-editor>\n `);\n\n expect(el).to.exist;\n // Should always have at least one row (empty row)\n const rows = el.shadowRoot?.querySelectorAll('.row');\n expect(rows?.length).to.equal(1);\n // Should not have add button anymore\n expect(el.shadowRoot?.querySelector('.add-btn')).to.not.exist;\n });\n\n it('should render with initial values and maintain empty row', async () => {\n const initialValue = {\n 'Content-Type': 'application/json',\n Authorization: 'Bearer token123'\n };\n\n const el = await fixture(html`\n <temba-key-value-editor .value=${initialValue}></temba-key-value-editor>\n `);\n\n expect(el).to.exist;\n // Should have 2 data rows + 1 empty row = 3 total\n const rows = el.shadowRoot?.querySelectorAll('.row');\n expect(rows?.length).to.equal(3);\n });\n\n it('should emit clean values without empty rows', async () => {\n const el = await fixture(html`\n <temba-key-value-editor></temba-key-value-editor>\n `);\n\n let changeEvent: any = null;\n el.addEventListener('change', (e) => {\n changeEvent = e;\n });\n\n // Trigger a field change that should cause an update\n const keyInput = el.shadowRoot?.querySelector('temba-textinput') as any;\n if (keyInput) {\n keyInput.value = 'test-key';\n keyInput.dispatchEvent(new Event('change'));\n }\n\n await (el as any).updateComplete;\n\n expect(changeEvent).to.exist;\n // Should emit the array format with key-value pairs\n expect(changeEvent.detail.value).to.be.an('array');\n expect(changeEvent.detail.value).to.deep.include({\n key: 'test-key',\n value: ''\n });\n });\n\n it('should hide remove button for empty rows', async () => {\n const initialValue = {\n 'Content-Type': 'application/json'\n };\n\n const el = await fixture(html`\n <temba-key-value-editor .value=${initialValue}></temba-key-value-editor>\n `);\n\n expect(el).to.exist;\n const rows = el.shadowRoot?.querySelectorAll('.row');\n expect(rows?.length).to.equal(2); // 1 data row + 1 empty row\n\n // First row (with data) should have remove button\n const firstRowRemoveBtn = rows?.[0]?.querySelector('.remove-btn');\n expect(firstRowRemoveBtn).to.exist;\n\n // Second row (empty) should have spacer instead of remove button\n const secondRowRemoveBtn = rows?.[1]?.querySelector('.remove-btn');\n const secondRowSpacer = rows?.[1]?.querySelector('.remove-btn-spacer');\n expect(secondRowRemoveBtn).to.not.exist;\n expect(secondRowSpacer).to.exist;\n });\n\n it('should show remove button when empty row gets content', async () => {\n const el = await fixture(html`\n <temba-key-value-editor></temba-key-value-editor>\n `);\n\n // Initially should have no remove button (empty row)\n let rows = el.shadowRoot?.querySelectorAll('.row');\n expect(rows?.[0]?.querySelector('.remove-btn')).to.not.exist;\n expect(rows?.[0]?.querySelector('.remove-btn-spacer')).to.exist;\n\n // Simulate adding content by setting value and triggering update\n (el as any).value = { 'test-key': '' };\n (el as any).requestUpdate();\n await (el as any).updateComplete;\n\n // Now should have remove button for the row with content\n rows = el.shadowRoot?.querySelectorAll('.row');\n expect(rows?.length).to.equal(2); // row with content + empty row\n expect(rows?.[0]?.querySelector('.remove-btn')).to.exist;\n expect(rows?.[1]?.querySelector('.remove-btn-spacer')).to.exist;\n });\n });\n\n describe('ArrayEditor', () => {\n it('should render with empty array', async () => {\n const itemConfig = {\n name: { type: 'text', label: 'Name', required: true },\n value: { type: 'text', label: 'Value' }\n };\n\n const el = await fixture(html`\n <temba-array-editor .itemConfig=${itemConfig}></temba-array-editor>\n `);\n\n await (el as any).updateComplete;\n\n expect(el).to.exist;\n // ArrayEditor with maintainEmptyItem=true doesn't show add button\n expect(el.shadowRoot?.querySelector('.add-btn')).to.not.exist;\n });\n\n it('should render with initial items', async () => {\n const itemConfig = {\n operator: { type: 'text', label: 'Operator' },\n value: { type: 'text', label: 'Value' }\n };\n\n const initialValue = [\n { operator: 'equals', value: 'test' },\n { operator: 'contains', value: 'example' }\n ];\n\n const el = await fixture(html`\n <temba-array-editor\n .value=${initialValue}\n .itemConfig=${itemConfig}\n itemLabel=\"Rule\"\n ></temba-array-editor>\n `);\n\n expect(el).to.exist;\n const items = el.shadowRoot?.querySelectorAll('.array-item');\n // Expects 3 items: 2 initial items + 1 auto-generated empty item\n expect(items?.length).to.equal(3);\n });\n });\n});\n"]}

package/out-tsc/test/temba-field-renderer.test.js ADDED Viewed

@@ -0,0 +1,296 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import { FieldRenderer } from '../src/form/FieldRenderer';
+import { assertScreenshot, getClip } from './utils.test';
+describe('FieldRenderer', () => {
+    describe('text fields', () => {
+        it('should render text field with label', async () => {
+            const config = {
+                type: 'text',
+                label: 'Website URL',
+                placeholder: 'Enter URL'
+            };
+            const template = FieldRenderer.renderField('url', config, 'https://example.com', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/text-with-label', getClip(container));
+        });
+        it('should render evaluated text field with completion', async () => {
+            const config = {
+                type: 'text',
+                label: 'Dynamic URL',
+                evaluated: true,
+                placeholder: 'Enter URL with expressions'
+            };
+            const template = FieldRenderer.renderField('url', config, 'https://api.com/@contact.name', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/text-evaluated', getClip(container));
+        });
+        it('should render text field without label for ArrayEditor context', async () => {
+            const config = {
+                type: 'text',
+                label: 'Item Name',
+                placeholder: 'Enter name'
+            };
+            const template = FieldRenderer.renderField('name', config, 'Sample Item', {
+                errors: [],
+                showLabel: false,
+                flavor: 'small',
+                extraClasses: 'form-control',
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 300px; padding: 10px;">${template}</div>`);
+            await assertScreenshot('field-renderer/text-no-label', getClip(container));
+        });
+        it('should render text field with errors', async () => {
+            const config = {
+                type: 'text',
+                label: 'Email Address',
+                placeholder: 'Enter email'
+            };
+            const template = FieldRenderer.renderField('email', config, 'invalid-email', {
+                errors: ['Invalid email format', 'Email is required'],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/text-with-errors', getClip(container));
+        });
+    });
+    describe('textarea fields', () => {
+        it('should render textarea with label', async () => {
+            const config = {
+                type: 'textarea',
+                label: 'Description',
+                placeholder: 'Enter description',
+                rows: 4
+            };
+            const template = FieldRenderer.renderField('description', config, 'This is a sample description\nwith multiple lines', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/textarea-with-label', getClip(container));
+        });
+        it('should render evaluated textarea with completion', async () => {
+            const config = {
+                type: 'textarea',
+                label: 'Message Template',
+                evaluated: true,
+                placeholder: 'Enter message with expressions',
+                rows: 3
+            };
+            const template = FieldRenderer.renderField('message', config, 'Hello @contact.name,\nYour order is ready!', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/textarea-evaluated', getClip(container));
+        });
+    });
+    describe('select fields', () => {
+        it('should render select field with label', async () => {
+            const config = {
+                type: 'select',
+                label: 'Country',
+                options: ['United States', 'Canada', 'United Kingdom', 'Australia'],
+                searchable: true
+            };
+            const template = FieldRenderer.renderField('country', config, 'Canada', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/select-with-label', getClip(container));
+        });
+        it('should render multi-select field', async () => {
+            const config = {
+                type: 'select',
+                label: 'Skills',
+                options: ['JavaScript', 'Python', 'TypeScript', 'React', 'Node.js'],
+                multi: true,
+                tags: true
+            };
+            const template = FieldRenderer.renderField('skills', config, ['JavaScript', 'TypeScript'], {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/select-multi', getClip(container));
+        });
+        it('should render select field without label for ArrayEditor context', async () => {
+            const config = {
+                type: 'select',
+                label: 'Status',
+                options: ['Active', 'Inactive', 'Pending']
+            };
+            const template = FieldRenderer.renderField('status', config, 'Active', {
+                errors: [],
+                showLabel: false,
+                flavor: 'small',
+                extraClasses: 'form-control',
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 200px; padding: 10px;">${template}</div>`);
+            await assertScreenshot('field-renderer/select-no-label', getClip(container));
+        });
+    });
+    describe('checkbox fields', () => {
+        it('should render checkbox with label', async () => {
+            const config = {
+                type: 'checkbox',
+                label: 'Accept Terms and Conditions'
+            };
+            const template = FieldRenderer.renderField('accept', config, true, {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/checkbox-checked', getClip(container));
+        });
+        it('should render unchecked checkbox', async () => {
+            const config = {
+                type: 'checkbox',
+                label: 'Subscribe to newsletter'
+            };
+            const template = FieldRenderer.renderField('subscribe', config, false, {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/checkbox-unchecked', getClip(container));
+        });
+        it('should render checkbox with errors', async () => {
+            const config = {
+                type: 'checkbox',
+                label: 'Agree to terms',
+                required: true
+            };
+            const template = FieldRenderer.renderField('terms', config, false, {
+                errors: ['You must accept the terms to continue'],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/checkbox-with-errors', getClip(container));
+        });
+    });
+    describe('key-value fields', () => {
+        it('should render key-value field with label', async () => {
+            const config = {
+                type: 'key-value',
+                label: 'HTTP Headers',
+                keyPlaceholder: 'Header name',
+                valuePlaceholder: 'Header value'
+            };
+            const template = FieldRenderer.renderField('headers', config, [
+                { key: 'Content-Type', value: 'application/json' },
+                { key: 'Authorization', value: 'Bearer token123' }
+            ], {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 500px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/key-value-with-label', getClip(container));
+        });
+    });
+    describe('message-editor fields', () => {
+        it('should render message-editor with label', async () => {
+            const config = {
+                type: 'message-editor',
+                label: 'Email Message',
+                placeholder: 'Enter your message...',
+                minHeight: 120
+            };
+            const template = FieldRenderer.renderField('message', config, 'Hello! This is a test message.', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { },
+                additionalData: { attachments: [] }
+            });
+            const container = await fixture(html `<div style="width: 500px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/message-editor-with-label', getClip(container));
+        });
+    });
+    describe('field consistency', () => {
+        it('should render the same field type consistently between contexts', async () => {
+            const config = {
+                type: 'text',
+                label: 'Product Name',
+                placeholder: 'Enter product name'
+            };
+            // NodeEditor context (with label)
+            const nodeEditorTemplate = FieldRenderer.renderField('product', config, 'iPhone 15', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            // ArrayEditor context (without label)
+            const arrayEditorTemplate = FieldRenderer.renderField('product', config, 'iPhone 15', {
+                errors: [],
+                showLabel: false,
+                flavor: 'small',
+                extraClasses: 'form-control',
+                onChange: () => { }
+            });
+            const nodeContainer = await fixture(html `<div
+        style="width: 400px; padding: 20px; border: 1px solid #ddd; margin: 10px;"
+      >
+        <h3 style="margin: 0 0 10px 0; font-size: 14px; color: #666;">
+          NodeEditor Context
+        </h3>
+        ${nodeEditorTemplate}
+      </div>`);
+            const arrayContainer = await fixture(html `<div
+        style="width: 400px; padding: 20px; border: 1px solid #ddd; margin: 10px;"
+      >
+        <h3 style="margin: 0 0 10px 0; font-size: 14px; color: #666;">
+          ArrayEditor Context
+        </h3>
+        ${arrayEditorTemplate}
+      </div>`);
+            const combinedContainer = await fixture(html `<div
+        style="display: flex; flex-direction: column; width: 420px;"
+      >
+        ${nodeContainer} ${arrayContainer}
+      </div>`);
+            await assertScreenshot('field-renderer/context-comparison', getClip(combinedContainer));
+        });
+    });
+    describe('error handling', () => {
+        it('should handle all field types without throwing errors', () => {
+            const configs = [
+                { type: 'text', label: 'Text' },
+                { type: 'textarea', label: 'Textarea' },
+                { type: 'select', label: 'Select', options: [] },
+                { type: 'checkbox', label: 'Checkbox' },
+                { type: 'key-value', label: 'KeyValue' },
+                { type: 'array', label: 'Array', itemConfig: {} },
+                { type: 'message-editor', label: 'MessageEditor' }
+            ];
+            configs.forEach((config, index) => {
+                expect(() => {
+                    FieldRenderer.renderField(`field${index}`, config, null, {
+                        errors: [],
+                        showLabel: true,
+                        onChange: () => { }
+                    });
+                }).to.not.throw;
+            });
+        });
+    });
+});
+//# sourceMappingURL=temba-field-renderer.test.js.map

package/out-tsc/test/temba-field-renderer.test.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"temba-field-renderer.test.js","sourceRoot":"","sources":["../../test/temba-field-renderer.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html } from '@open-wc/testing';\nimport { FieldRenderer } from '../src/form/FieldRenderer';\nimport {\n TextFieldConfig,\n TextareaFieldConfig,\n SelectFieldConfig,\n CheckboxFieldConfig,\n KeyValueFieldConfig,\n MessageEditorFieldConfig\n} from '../src/flow/types';\nimport { assertScreenshot, getClip } from './utils.test';\n\ndescribe('FieldRenderer', () => {\n describe('text fields', () => {\n it('should render text field with label', async () => {\n const config: TextFieldConfig = {\n type: 'text',\n label: 'Website URL',\n placeholder: 'Enter URL'\n };\n\n const template = FieldRenderer.renderField(\n 'url',\n config,\n 'https://example.com',\n {\n errors: [],\n showLabel: true,\n onChange: () => {}\n }\n );\n\n const container = await fixture(\n html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/text-with-label',\n getClip(container as HTMLElement)\n );\n });\n\n it('should render evaluated text field with completion', async () => {\n const config: TextFieldConfig = {\n type: 'text',\n label: 'Dynamic URL',\n evaluated: true,\n placeholder: 'Enter URL with expressions'\n };\n\n const template = FieldRenderer.renderField(\n 'url',\n config,\n 'https://api.com/@contact.name',\n {\n errors: [],\n showLabel: true,\n onChange: () => {}\n }\n );\n\n const container = await fixture(\n html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/text-evaluated',\n getClip(container as HTMLElement)\n );\n });\n\n it('should render text field without label for ArrayEditor context', async () => {\n const config: TextFieldConfig = {\n type: 'text',\n label: 'Item Name',\n placeholder: 'Enter name'\n };\n\n const template = FieldRenderer.renderField(\n 'name',\n config,\n 'Sample Item',\n {\n errors: [],\n showLabel: false,\n flavor: 'small',\n extraClasses: 'form-control',\n onChange: () => {}\n }\n );\n\n const container = await fixture(\n html`<div style=\"width: 300px; padding: 10px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/text-no-label',\n getClip(container as HTMLElement)\n );\n });\n\n it('should render text field with errors', async () => {\n const config: TextFieldConfig = {\n type: 'text',\n label: 'Email Address',\n placeholder: 'Enter email'\n };\n\n const template = FieldRenderer.renderField(\n 'email',\n config,\n 'invalid-email',\n {\n errors: ['Invalid email format', 'Email is required'],\n showLabel: true,\n onChange: () => {}\n }\n );\n\n const container = await fixture(\n html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/text-with-errors',\n getClip(container as HTMLElement)\n );\n });\n });\n\n describe('textarea fields', () => {\n it('should render textarea with label', async () => {\n const config: TextareaFieldConfig = {\n type: 'textarea',\n label: 'Description',\n placeholder: 'Enter description',\n rows: 4\n };\n\n const template = FieldRenderer.renderField(\n 'description',\n config,\n 'This is a sample description\\nwith multiple lines',\n {\n errors: [],\n showLabel: true,\n onChange: () => {}\n }\n );\n\n const container = await fixture(\n html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/textarea-with-label',\n getClip(container as HTMLElement)\n );\n });\n\n it('should render evaluated textarea with completion', async () => {\n const config: TextareaFieldConfig = {\n type: 'textarea',\n label: 'Message Template',\n evaluated: true,\n placeholder: 'Enter message with expressions',\n rows: 3\n };\n\n const template = FieldRenderer.renderField(\n 'message',\n config,\n 'Hello @contact.name,\\nYour order is ready!',\n {\n errors: [],\n showLabel: true,\n onChange: () => {}\n }\n );\n\n const container = await fixture(\n html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/textarea-evaluated',\n getClip(container as HTMLElement)\n );\n });\n });\n\n describe('select fields', () => {\n it('should render select field with label', async () => {\n const config: SelectFieldConfig = {\n type: 'select',\n label: 'Country',\n options: ['United States', 'Canada', 'United Kingdom', 'Australia'],\n searchable: true\n };\n\n const template = FieldRenderer.renderField('country', config, 'Canada', {\n errors: [],\n showLabel: true,\n onChange: () => {}\n });\n\n const container = await fixture(\n html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/select-with-label',\n getClip(container as HTMLElement)\n );\n });\n\n it('should render multi-select field', async () => {\n const config: SelectFieldConfig = {\n type: 'select',\n label: 'Skills',\n options: ['JavaScript', 'Python', 'TypeScript', 'React', 'Node.js'],\n multi: true,\n tags: true\n };\n\n const template = FieldRenderer.renderField(\n 'skills',\n config,\n ['JavaScript', 'TypeScript'],\n {\n errors: [],\n showLabel: true,\n onChange: () => {}\n }\n );\n\n const container = await fixture(\n html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/select-multi',\n getClip(container as HTMLElement)\n );\n });\n\n it('should render select field without label for ArrayEditor context', async () => {\n const config: SelectFieldConfig = {\n type: 'select',\n label: 'Status',\n options: ['Active', 'Inactive', 'Pending']\n };\n\n const template = FieldRenderer.renderField('status', config, 'Active', {\n errors: [],\n showLabel: false,\n flavor: 'small',\n extraClasses: 'form-control',\n onChange: () => {}\n });\n\n const container = await fixture(\n html`<div style=\"width: 200px; padding: 10px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/select-no-label',\n getClip(container as HTMLElement)\n );\n });\n });\n\n describe('checkbox fields', () => {\n it('should render checkbox with label', async () => {\n const config: CheckboxFieldConfig = {\n type: 'checkbox',\n label: 'Accept Terms and Conditions'\n };\n\n const template = FieldRenderer.renderField('accept', config, true, {\n errors: [],\n showLabel: true,\n onChange: () => {}\n });\n\n const container = await fixture(\n html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/checkbox-checked',\n getClip(container as HTMLElement)\n );\n });\n\n it('should render unchecked checkbox', async () => {\n const config: CheckboxFieldConfig = {\n type: 'checkbox',\n label: 'Subscribe to newsletter'\n };\n\n const template = FieldRenderer.renderField('subscribe', config, false, {\n errors: [],\n showLabel: true,\n onChange: () => {}\n });\n\n const container = await fixture(\n html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/checkbox-unchecked',\n getClip(container as HTMLElement)\n );\n });\n\n it('should render checkbox with errors', async () => {\n const config: CheckboxFieldConfig = {\n type: 'checkbox',\n label: 'Agree to terms',\n required: true\n };\n\n const template = FieldRenderer.renderField('terms', config, false, {\n errors: ['You must accept the terms to continue'],\n showLabel: true,\n onChange: () => {}\n });\n\n const container = await fixture(\n html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/checkbox-with-errors',\n getClip(container as HTMLElement)\n );\n });\n });\n\n describe('key-value fields', () => {\n it('should render key-value field with label', async () => {\n const config: KeyValueFieldConfig = {\n type: 'key-value',\n label: 'HTTP Headers',\n keyPlaceholder: 'Header name',\n valuePlaceholder: 'Header value'\n };\n\n const template = FieldRenderer.renderField(\n 'headers',\n config,\n [\n { key: 'Content-Type', value: 'application/json' },\n { key: 'Authorization', value: 'Bearer token123' }\n ],\n {\n errors: [],\n showLabel: true,\n onChange: () => {}\n }\n );\n\n const container = await fixture(\n html`<div style=\"width: 500px; padding: 20px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/key-value-with-label',\n getClip(container as HTMLElement)\n );\n });\n });\n\n describe('message-editor fields', () => {\n it('should render message-editor with label', async () => {\n const config: MessageEditorFieldConfig = {\n type: 'message-editor',\n label: 'Email Message',\n placeholder: 'Enter your message...',\n minHeight: 120\n };\n\n const template = FieldRenderer.renderField(\n 'message',\n config,\n 'Hello! This is a test message.',\n {\n errors: [],\n showLabel: true,\n onChange: () => {},\n additionalData: { attachments: [] }\n }\n );\n\n const container = await fixture(\n html`<div style=\"width: 500px; padding: 20px;\">${template}</div>`\n );\n await assertScreenshot(\n 'field-renderer/message-editor-with-label',\n getClip(container as HTMLElement)\n );\n });\n });\n\n describe('field consistency', () => {\n it('should render the same field type consistently between contexts', async () => {\n const config: TextFieldConfig = {\n type: 'text',\n label: 'Product Name',\n placeholder: 'Enter product name'\n };\n\n // NodeEditor context (with label)\n const nodeEditorTemplate = FieldRenderer.renderField(\n 'product',\n config,\n 'iPhone 15',\n {\n errors: [],\n showLabel: true,\n onChange: () => {}\n }\n );\n\n // ArrayEditor context (without label)\n const arrayEditorTemplate = FieldRenderer.renderField(\n 'product',\n config,\n 'iPhone 15',\n {\n errors: [],\n showLabel: false,\n flavor: 'small',\n extraClasses: 'form-control',\n onChange: () => {}\n }\n );\n\n const nodeContainer = await fixture(html`<div\n style=\"width: 400px; padding: 20px; border: 1px solid #ddd; margin: 10px;\"\n >\n <h3 style=\"margin: 0 0 10px 0; font-size: 14px; color: #666;\">\n NodeEditor Context\n </h3>\n ${nodeEditorTemplate}\n </div>`);\n\n const arrayContainer = await fixture(html`<div\n style=\"width: 400px; padding: 20px; border: 1px solid #ddd; margin: 10px;\"\n >\n <h3 style=\"margin: 0 0 10px 0; font-size: 14px; color: #666;\">\n ArrayEditor Context\n </h3>\n ${arrayEditorTemplate}\n </div>`);\n\n const combinedContainer = await fixture(html`<div\n style=\"display: flex; flex-direction: column; width: 420px;\"\n >\n ${nodeContainer} ${arrayContainer}\n </div>`);\n\n await assertScreenshot(\n 'field-renderer/context-comparison',\n getClip(combinedContainer as HTMLElement)\n );\n });\n });\n\n describe('error handling', () => {\n it('should handle all field types without throwing errors', () => {\n const configs = [\n { type: 'text', label: 'Text' } as TextFieldConfig,\n { type: 'textarea', label: 'Textarea' } as TextareaFieldConfig,\n { type: 'select', label: 'Select', options: [] } as SelectFieldConfig,\n { type: 'checkbox', label: 'Checkbox' },\n { type: 'key-value', label: 'KeyValue' },\n { type: 'array', label: 'Array', itemConfig: {} },\n { type: 'message-editor', label: 'MessageEditor' }\n ];\n\n configs.forEach((config, index) => {\n expect(() => {\n FieldRenderer.renderField(`field${index}`, config as any, null, {\n errors: [],\n showLabel: true,\n onChange: () => {}\n });\n }).to.not.throw;\n });\n });\n });\n});\n"]}

package/out-tsc/test/temba-markdown.test.js CHANGED Viewed

@@ -33,7 +33,7 @@ describe('markdown', () => {
             const invalidPartInfo = {
                 type: PartType.ATTRIBUTE
             };
-            expect(() => new RenderMarkdown(invalidPartInfo)).to.throw('renderMarkdown only supports child expressions');
+            expect(() => new RenderMarkdown(invalidPartInfo)).to.throw('markdown directives only support child expressions');
         });
         it('creates directive for child part type', () => {
             const validPartInfo = {

package/out-tsc/test/temba-markdown.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"temba-markdown.test.js","sourceRoot":"","sources":["../../test/temba-markdown.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;YACvC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAC1B,MAAM,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;YACxC,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC;YACxD,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;YACnD,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;YACrD,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAClC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;YAC7C,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAC;YAC9D,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,wCAAwC,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;YAC/C,MAAM,eAAe,GAAG;gBACtB,IAAI,EAAE,QAAQ,CAAC,SAAS;aACzB,CAAC;YAEF,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,cAAc,CAAC,eAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAC/D,gDAAgD,CACjD,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;YAC/C,MAAM,aAAa,GAAG;gBACpB,IAAI,EAAE,QAAQ,CAAC,KAAK;aACrB,CAAC;YAEF,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,cAAc,CAAC,aAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;QACtE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;YAClC,MAAM,aAAa,GAAG;gBACpB,IAAI,EAAE,QAAQ,CAAC,KAAK;aACrB,CAAC;YAEF,MAAM,SAAS,GAAG,IAAI,cAAc,CAAC,aAAoB,CAAC,CAAC;YAC3D,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;YAEjD,wCAAwC;YACxC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YACxB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,aAAa,GAAG;gBACpB,IAAI,EAAE,QAAQ,CAAC,KAAK;aACrB,CAAC;YAEF,MAAM,SAAS,GAAG,IAAI,cAAc,CAAC,aAAoB,CAAC,CAAC;YAC3D,MAAM,QAAQ,GAAG,EAAS,CAAC;YAE3B,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;YAEjE,mCAAmC;YACnC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YACxB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACvC,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,MAAM,QAAQ,GAAG,IAAI,CAAA,GAAG,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YAEnD,iCAAiC;YACjC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAC1B,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;YAClD,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,QAAQ,GAAG,IAAI,CAAA,GAAG,cAAc,CAAC,eAAe,CAAC,EAAE,CAAC;YAE1D,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;YAE5B,+CAA+C;YAC/C,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,QAAQ,GAAG,IAAI,CAAA,GAAG,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC;YAE7C,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;YAE5B,yEAAyE;YACzE,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;QACzD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;YAClD,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,wBAAwB,GAC5B,kDAAkD,CAAC;YACrD,MAAM,QAAQ,GAAG,IAAI,CAAA,GAAG,cAAc,CAAC,wBAAwB,CAAC,EAAE,CAAC;YAEnE,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;YAE5B,0EAA0E;YAC1E,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;YAChE,uDAAuD;YACvD,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;CAgB7B,CAAC;YAEI,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,QAAQ,GAAG,IAAI,CAAA,GAAG,cAAc,CAAC,eAAe,CAAC,EAAE,CAAC;YAE1D,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;YAE5B,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;YAC/D,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;YAC9D,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;YAChE,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;YAC1D,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAC/C,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CACpC,0CAA0C,CAC3C,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { html, render } from 'lit';\nimport { markdown, renderMarkdown, RenderMarkdown } from '../src/markdown';\nimport { PartType } from 'lit/directive.js';\n\ndescribe('markdown', () => {\n describe('markdown instance', () => {\n it('exports a Remarkable instance', () => {\n expect(markdown).to.exist;\n expect(typeof markdown.render).to.equal('function');\n });\n\n it('renders basic markdown', () => {\n const result = markdown.render('# Hello World');\n expect(result).to.include('<h1>Hello World</h1>');\n });\n\n it('renders markdown with emphasis', () => {\n const result = markdown.render('bold and italic');\n expect(result).to.include('<strong>bold</strong>');\n expect(result).to.include('<em>italic</em>');\n });\n\n it('renders markdown lists', () => {\n const result = markdown.render('- Item 1\\n- Item 2');\n expect(result).to.include('<ul>');\n expect(result).to.include('<li>Item 1</li>');\n expect(result).to.include('<li>Item 2</li>');\n });\n\n it('renders markdown links', () => {\n const result = markdown.render('[Link](https://example.com)');\n expect(result).to.include('<a href=\"https://example.com\">Link</a>');\n });\n });\n\n describe('RenderMarkdown directive', () => {\n it('throws error for non-child part types', () => {\n const invalidPartInfo = {\n type: PartType.ATTRIBUTE\n };\n\n expect(() => new RenderMarkdown(invalidPartInfo as any)).to.throw(\n 'renderMarkdown only supports child expressions'\n );\n });\n\n it('creates directive for child part type', () => {\n const validPartInfo = {\n type: PartType.CHILD\n };\n\n expect(() => new RenderMarkdown(validPartInfo as any)).to.not.throw;\n });\n\n it('renders markdown content', () => {\n const validPartInfo = {\n type: PartType.CHILD\n };\n\n const directive = new RenderMarkdown(validPartInfo as any);\n const result = directive.render('# Test Header');\n\n // The result should be a TemplateResult\n expect(result).to.exist;\n expect(result.strings).to.exist;\n });\n\n it('updates correctly', () => {\n const validPartInfo = {\n type: PartType.CHILD\n };\n\n const directive = new RenderMarkdown(validPartInfo as any);\n const mockPart = {} as any;\n\n const result = directive.update(mockPart, ['# Updated Content']);\n\n // Should return the same as render\n expect(result).to.exist;\n expect(result.strings).to.exist;\n });\n });\n\n describe('renderMarkdown function', () => {\n it('creates a directive that can be used in templates', () => {\n const template = html`${renderMarkdown('# Test')}`;\n\n // Should create a valid template\n expect(template).to.exist;\n expect(template.strings).to.exist;\n });\n\n it('renders markdown when used in a template', () => {\n const container = document.createElement('div');\n const template = html`${renderMarkdown('# Hello World')}`;\n\n render(template, container);\n\n // Check that the markdown was rendered to HTML\n expect(container.innerHTML).to.include('<h1>Hello World</h1>');\n });\n\n it('handles empty markdown', () => {\n const container = document.createElement('div');\n const template = html`${renderMarkdown('')}`;\n\n render(template, container);\n\n // Should not throw - Lit may add HTML comments for template placeholders\n expect(() => render(template, container)).to.not.throw;\n });\n\n it('handles markdown with special characters', () => {\n const container = document.createElement('div');\n const markdownWithSpecialChars =\n 'Bold text with <script>alert(\"xss\")</script>';\n const template = html`${renderMarkdown(markdownWithSpecialChars)}`;\n\n render(template, container);\n\n // Should render the markdown but the script tag should be escaped/handled\n expect(container.innerHTML).to.include('<strong>Bold</strong>');\n // The script tag should be rendered as text or escaped\n expect(container.innerHTML).to.include('script');\n });\n\n it('renders complex markdown structures', () => {\n const complexMarkdown = `\n# Main Header\n\n## Sub Header\n\nThis is a paragraph with bold and italic text.\n\n- List item 1\n- List item 2\n - Nested item\n\n[A link](https://example.com)\n\n\\`\\`\\`\ncode block\n\\`\\`\\`\n`;\n\n const container = document.createElement('div');\n const template = html`${renderMarkdown(complexMarkdown)}`;\n\n render(template, container);\n\n expect(container.innerHTML).to.include('<h1>Main Header</h1>');\n expect(container.innerHTML).to.include('<h2>Sub Header</h2>');\n expect(container.innerHTML).to.include('<strong>bold</strong>');\n expect(container.innerHTML).to.include('<em>italic</em>');\n expect(container.innerHTML).to.include('<ul>');\n expect(container.innerHTML).to.include(\n '<a href=\"https://example.com\">A link</a>'\n );\n });\n });\n});\n"]}
1	+ {"version":3,"file":"temba-markdown.test.js","sourceRoot":"","sources":["../../test/temba-markdown.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { html, render } from 'lit';\nimport { markdown, renderMarkdown, RenderMarkdown } from '../src/markdown';\nimport { PartType } from 'lit/directive.js';\n\ndescribe('markdown', () => {\n describe('markdown instance', () => {\n it('exports a Remarkable instance', () => {\n expect(markdown).to.exist;\n expect(typeof markdown.render).to.equal('function');\n });\n\n it('renders basic markdown', () => {\n const result = markdown.render('# Hello World');\n expect(result).to.include('<h1>Hello World</h1>');\n });\n\n it('renders markdown with emphasis', () => {\n const result = markdown.render('bold and italic');\n expect(result).to.include('<strong>bold</strong>');\n expect(result).to.include('<em>italic</em>');\n });\n\n it('renders markdown lists', () => {\n const result = markdown.render('- Item 1\\n- Item 2');\n expect(result).to.include('<ul>');\n expect(result).to.include('<li>Item 1</li>');\n expect(result).to.include('<li>Item 2</li>');\n });\n\n it('renders markdown links', () => {\n const result = markdown.render('[Link](https://example.com)');\n expect(result).to.include('<a href=\"https://example.com\">Link</a>');\n });\n });\n\n describe('RenderMarkdown directive', () => {\n it('throws error for non-child part types', () => {\n const invalidPartInfo = {\n type: PartType.ATTRIBUTE\n };\n\n expect(() => new RenderMarkdown(invalidPartInfo as any)).to.throw(\n 'markdown directives only support child expressions'\n );\n });\n\n it('creates directive for child part type', () => {\n const validPartInfo = {\n type: PartType.CHILD\n };\n\n expect(() => new RenderMarkdown(validPartInfo as any)).to.not.throw;\n });\n\n it('renders markdown content', () => {\n const validPartInfo = {\n type: PartType.CHILD\n };\n\n const directive = new RenderMarkdown(validPartInfo as any);\n const result = directive.render('# Test Header');\n\n // The result should be a TemplateResult\n expect(result).to.exist;\n expect(result.strings).to.exist;\n });\n\n it('updates correctly', () => {\n const validPartInfo = {\n type: PartType.CHILD\n };\n\n const directive = new RenderMarkdown(validPartInfo as any);\n const mockPart = {} as any;\n\n const result = directive.update(mockPart, ['# Updated Content']);\n\n // Should return the same as render\n expect(result).to.exist;\n expect(result.strings).to.exist;\n });\n });\n\n describe('renderMarkdown function', () => {\n it('creates a directive that can be used in templates', () => {\n const template = html`${renderMarkdown('# Test')}`;\n\n // Should create a valid template\n expect(template).to.exist;\n expect(template.strings).to.exist;\n });\n\n it('renders markdown when used in a template', () => {\n const container = document.createElement('div');\n const template = html`${renderMarkdown('# Hello World')}`;\n\n render(template, container);\n\n // Check that the markdown was rendered to HTML\n expect(container.innerHTML).to.include('<h1>Hello World</h1>');\n });\n\n it('handles empty markdown', () => {\n const container = document.createElement('div');\n const template = html`${renderMarkdown('')}`;\n\n render(template, container);\n\n // Should not throw - Lit may add HTML comments for template placeholders\n expect(() => render(template, container)).to.not.throw;\n });\n\n it('handles markdown with special characters', () => {\n const container = document.createElement('div');\n const markdownWithSpecialChars =\n 'Bold text with <script>alert(\"xss\")</script>';\n const template = html`${renderMarkdown(markdownWithSpecialChars)}`;\n\n render(template, container);\n\n // Should render the markdown but the script tag should be escaped/handled\n expect(container.innerHTML).to.include('<strong>Bold</strong>');\n // The script tag should be rendered as text or escaped\n expect(container.innerHTML).to.include('script');\n });\n\n it('renders complex markdown structures', () => {\n const complexMarkdown = `\n# Main Header\n\n## Sub Header\n\nThis is a paragraph with bold and italic text.\n\n- List item 1\n- List item 2\n - Nested item\n\n[A link](https://example.com)\n\n\\`\\`\\`\ncode block\n\\`\\`\\`\n`;\n\n const container = document.createElement('div');\n const template = html`${renderMarkdown(complexMarkdown)}`;\n\n render(template, container);\n\n expect(container.innerHTML).to.include('<h1>Main Header</h1>');\n expect(container.innerHTML).to.include('<h2>Sub Header</h2>');\n expect(container.innerHTML).to.include('<strong>bold</strong>');\n expect(container.innerHTML).to.include('<em>italic</em>');\n expect(container.innerHTML).to.include('<ul>');\n expect(container.innerHTML).to.include(\n '<a href=\"https://example.com\">A link</a>'\n );\n });\n });\n});\n"]}