q2-tecton-elements 1.51.1 → 1.52.1

package/dist/collection/components/q2-dropdown-item/test/q2-dropdown-item-test.e2e.js

@@ -17,10 +17,10 @@ describe('q2-dropdown-item', () => {
         });
         itemBtn = await page.find('q2-dropdown-item >>> [test-id="dropdownItem"]');
         expect(itemBtn).not.toBeNull();
-        expect(itemBtn.tagName.toLowerCase()).toEqual('q2-btn');
+        expect(itemBtn.tagName.toLowerCase()).toEqual('button');
         expect(itemBtn).toHaveClass('dropdown-item');
         expect(itemBtn).not.toHaveAttribute('disabled');
-        expect(await itemBtn.getProperty('_role')).toEqual('menuitem');
+        expect(itemBtn).toEqualAttribute('role', 'menuitem');
         itemSeparator = await page.find('q2-dropdown-item >>> [test-id="dropdownItemSeparator"]');
         expect(itemSeparator).toBeNull();
         const itemSlotText = await page.$eval('q2-dropdown-item', (element) => element.shadowRoot.querySelector('slot').assignedNodes()[0].textContent);
@@ -45,28 +45,10 @@ describe('q2-dropdown-item', () => {
         expect(clickSpy).toHaveReceivedEventTimes(2);
         expect(clickSpy).toHaveReceivedEventDetail({ type: 'remove', value: 'itemValue' });
     });
-    it('item content is the same width as the q2-btn', async function () {
-        page = await setup({
-            html: `<q2-dropdown-item>Test</q2-dropdown-item>`,
-        });
-        const { btnWidth, contentWidth, btnPadding } = await page.$eval('q2-dropdown-item', (el) => {
-            const itemBtn = el.shadowRoot.querySelector('.dropdown-item');
-            const itemContent = el.shadowRoot.querySelector('.dropdown-item-content');
-            const contentWidth = itemContent.clientWidth;
-            const btnWidth = itemBtn.clientWidth;
-            const btnPadding = parseInt(getComputedStyle(itemBtn).getPropertyValue('padding'));
-            return {
-                btnWidth,
-                contentWidth,
-                btnPadding,
-            };
-        });
-        expect(btnWidth).toEqual(contentWidth + btnPadding * 2);
-    });
     describe('Props', () => {
         describe('label', () => {
             describe('when provided', () => {
-                it('applies label to itemDOM() button', async () => {
+                it('applies label to the <button>', async () => {
                     page = await setup({
                         html: `
                         <div role="menu">
@@ -75,11 +57,11 @@ describe('q2-dropdown-item', () => {
                     `,
                     });
                     itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');
-                    expect(itemBtn.getAttribute('label')).toEqual('item text');
+                    expect(itemBtn.innerText).toEqual('item text');
                 });
             });
             describe('when not provided', () => {
-                it('tries to use textContent to apply label to itemDOM() button', async () => {
+                it('tries to use textContent to apply label to the <button>', async () => {
                     page = await setup({
                         html: `
                         <div role="menu">
@@ -88,9 +70,9 @@ describe('q2-dropdown-item', () => {
                     `,
                     });
                     itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');
-                    expect(itemBtn.getAttribute('label')).toEqual('item text');
+                    expect(itemBtn.innerText).toEqual('item text');
                 });
-                it('applies label to itemDOM() button when using q2-loc component (TCT-2678)', async () => {
+                it('tries to use <q2-loc> component value prop (TCT-2678)', async () => {
                     page = await setup({
                         html: `
                         <div role="menu">
@@ -99,7 +81,18 @@ describe('q2-dropdown-item', () => {
                     `,
                     });
                     itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');
-                    expect(itemBtn.getAttribute('label')).toEqual('item text');
+                    expect(itemBtn.innerText).toEqual('item text');
+                });
+                it('tries to use <q2-loc> component innerText (TCT-2678)', async () => {
+                    page = await setup({
+                        html: `
+                        <div role="menu">
+                            <q2-dropdown-item value="itemValue"><q2-loc>item text</q2-loc></q2-dropdown-item>
+                        </div>
+                    `,
+                    });
+                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');
+                    expect(itemBtn.innerText).toEqual('item text');
                 });
             });
         });
@@ -129,69 +122,111 @@ describe('q2-dropdown-item', () => {
                 await page.setContent('<q2-dropdown-item value="itemValue" removable></q2-dropdown-item>');
                 await page.waitForChanges();
             });
-            it('renders a remove button', async () => {
-                item = await page.find('q2-dropdown-item');
-                removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');
-                expect(removeBtn).not.toBeNull();
-                expect(removeBtn).not.toHaveAttribute('disabled');
-                expect(removeBtn).toEqualAttribute('label', 'Remove Option ');
-                expect(await removeBtn.getProperty('_role')).toEqual('menuitem');
+            describe('when provided', () => {
+                it('renders a remove button', async () => {
+                    item = await page.find('q2-dropdown-item');
+                    removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');
+                    expect(removeBtn).not.toBeNull();
+                    expect(removeBtn).not.toHaveAttribute('disabled');
+                    expect(removeBtn).toEqualAttribute('aria-label', 'Remove Option ');
+                });
+                it('uses item label in remove button aria-label when provided', async () => {
+                    item = await page.find('q2-dropdown-item');
+                    item.setProperty('label', 'Item Text');
+                    await page.waitForChanges();
+                    removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');
+                    expect(removeBtn).not.toBeNull();
+                    expect(removeBtn).toEqualAttribute('aria-label', 'Remove Option Item Text');
+                });
             });
-            it('uses item label in remove button label', async () => {
-                item = await page.find('q2-dropdown-item');
-                item.setProperty('label', 'Item Text');
-                await page.waitForChanges();
-                removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');
-                expect(removeBtn).not.toBeNull();
-                expect(removeBtn).toEqualAttribute('label', 'Remove Option Item Text');
+            describe('when not provided', () => {
+                it('does not render a remove button', async () => {
+                    item = await page.find('q2-dropdown-item');
+                    item.setProperty('removable', false);
+                    await page.waitForChanges();
+                    removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');
+                    expect(removeBtn).toBeNull();
+                });
             });
         });
         describe('disabled', () => {
-            it('disables the dropdown item', async () => {
-                page = await setup({
-                    html: `
-                        <div role="menu">
-                            <q2-dropdown-item value="itemValue" disabled></q2-dropdown-item>
-                        </div>
-                    `,
+            describe('when provided', () => {
+                it('disables the dropdown item', async () => {
+                    page = await setup({
+                        html: `
+                            <div role="menu">
+                                <q2-dropdown-item value="itemValue" disabled></q2-dropdown-item>
+                            </div>
+                        `,
+                    });
+                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');
+                    expect(itemBtn).toHaveAttribute('disabled');
+                });
+                it('disables the remove button', async () => {
+                    page = await setup({
+                        html: `
+                            <div role="menu">
+                                <q2-dropdown-item value="itemValue" disabled removable></q2-dropdown-item>
+                            </div>
+                        `,
+                    });
+                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');
+                    removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');
+                    expect(itemBtn).toHaveAttribute('disabled');
+                    expect(removeBtn).toHaveAttribute('disabled');
                 });
-                itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');
-                expect(itemBtn).toHaveAttribute('disabled');
             });
-            it('disables the remove button when removable', async () => {
-                page = await setup({
-                    html: `
-                        <div role="menu">
-                            <q2-dropdown-item value="itemValue" disabled removable></q2-dropdown-item>
-                        </div>
-                    `,
+            describe('when not provided', () => {
+                it('does not disable the dropdown item', async () => {
+                    page = await setup({
+                        html: `
+                            <div role="menu">
+                                <q2-dropdown-item value="itemValue"></q2-dropdown-item>
+                            </div>
+                        `,
+                    });
+                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');
+                    expect(itemBtn).not.toHaveAttribute('disabled');
+                });
+                it('does not disable the remove button', async () => {
+                    page = await setup({
+                        html: `
+                            <div role="menu">
+                                <q2-dropdown-item value="itemValue" removable></q2-dropdown-item>
+                            </div>
+                        `,
+                    });
+                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');
+                    removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');
+                    expect(itemBtn).not.toHaveAttribute('disabled');
+                    expect(removeBtn).not.toHaveAttribute('disabled');
                 });
-                itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');
-                removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');
-                expect(itemBtn).toHaveAttribute('disabled');
-                expect(removeBtn).toHaveAttribute('disabled');
             });
         });
     });
     describe('Focus', () => {
-        it('does not trigger focus delegator when item or remove btn focused', async function () {
+        it('does not trigger component focus delegator when item or remove <button> is focused', async function () {
             page = await setup({
                 html: `
                 <q2-dropdown-item value="itemValue" removable>item text</q2-dropdown-item>
             `,
             });
             item = await page.find('q2-dropdown-item');
-            const itemFocusSpy = await item.spyOnEvent('focus');
             itemBtn = await page.find('q2-dropdown-item >>> [test-id="dropdownItem"]');
+            removeBtn = await page.find('q2-dropdown-item >>> [test-id="removeDropdownItem"]');
+            const itemFocusSpy = await item.spyOnEvent('focus');
             const itemBtnFocusSpy = await itemBtn.spyOnEvent('focus');
+            const removeBtnFocusSpy = await removeBtn.spyOnEvent('focus');
             expect(itemFocusSpy).toHaveReceivedEventTimes(0);
             expect(itemBtnFocusSpy).toHaveReceivedEventTimes(0);
+            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(0);
             await dispatchEvent(page, ['q2-dropdown-item', '[test-id="removeDropdownItem"]'], 'focus');
             expect(itemFocusSpy).toHaveReceivedEventTimes(0);
             expect(itemBtnFocusSpy).toHaveReceivedEventTimes(0);
+            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(1);
             await dispatchEvent(page, ['q2-dropdown-item', '[test-id="dropdownItem"]'], 'focus');
             expect(itemFocusSpy).toHaveReceivedEventTimes(0);
-            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(2);
+            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(1);
         });
         it('handles focus manipulation', async function () {
             page = await setup({
@@ -200,34 +235,33 @@ describe('q2-dropdown-item', () => {
             `,
             });
             itemBtn = await page.find('q2-dropdown-item >>> [test-id="dropdownItem"]');
-            const itemBtnFocusSpy = await itemBtn.spyOnEvent('focus');
             removeBtn = await page.find('q2-dropdown-item >>> [test-id="removeDropdownItem"]');
+            const itemBtnFocusSpy = await itemBtn.spyOnEvent('focus');
             const removeBtnFocusSpy = await removeBtn.spyOnEvent('focus');
             expect(itemBtnFocusSpy).toHaveReceivedEventTimes(0);
             expect(removeBtnFocusSpy).toHaveReceivedEventTimes(0);
             await dispatchEvent(page, 'q2-dropdown-item', 'focus');
-            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(2);
+            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(1);
             await page.keyboard.press('ArrowRight');
-            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(2);
+            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(1);
             await page.keyboard.press('ArrowLeft');
-            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(4);
+            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(2);
             await page.keyboard.press('ArrowRight');
-            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(4);
+            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(2);
             await page.keyboard.press('ArrowLeft');
-            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(6);
+            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(3);
         });
     });
     describe('Deprecations', () => {
         it('handles deprecated `ariaLabel` prop', async () => {
-            const label = 'My Label';
+            const myLabel = 'My Label';
             page = await setup({
-                html: `<q2-dropdown-item aria-label="${label}">Text</q2-dropdown-item>`,
+                html: `<q2-dropdown-item aria-label="${myLabel}">Text</q2-dropdown-item>`,
             });
+            await testDeprecatedAriaLabel(await page.find('q2-dropdown-item'), myLabel);
             await page.waitForChanges();
-            await testDeprecatedAriaLabel(await page.find('q2-dropdown-item'), label);
             itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');
-            expect(itemBtn).toEqualAttribute('label', label);
-            expect(itemBtn).toHaveAttribute('hide-label');
+            expect(itemBtn.innerText).toEqual(myLabel);
         });
     });
     describe('Accessibility', () => {

package/dist/collection/components/q2-dropdown-item/test/q2-dropdown-item-test.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-dropdown-item-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-dropdown-item/test/q2-dropdown-item-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage } from '@stencil/core/testing';\nimport {\n    setTestStrings,\n    setup,\n    dispatchEvent,\n    testDeprecatedAriaLabel,\n    getListOfStyleCompilationIssues,\n    evaluateA11y,\n} from '@/utils/helpers';\n\ndescribe('q2-dropdown-item', () => {\n    let page: E2EPage;\n    let item: E2EElement;\n    let itemBtn: E2EElement;\n    let itemSeparator: E2EElement;\n    let removeBtn: E2EElement;\n\n    it('properly compiles CSS vars and functions', async () => {\n        page = await setup({ html: '<q2-dropdown-item></q2-dropdown-item>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-dropdown-item')).toHaveLength(0);\n    });\n\n    it('renders base state', async function (): Promise<void> {\n        page = await setup({\n            html: `\n                <q2-dropdown-item value=\"itemValue\">item text</q2-dropdown-item>\n            `,\n        });\n\n        itemBtn = await page.find('q2-dropdown-item >>> [test-id=\"dropdownItem\"]');\n        expect(itemBtn).not.toBeNull();\n        expect(itemBtn.tagName.toLowerCase()).toEqual('q2-btn');\n        expect(itemBtn).toHaveClass('dropdown-item');\n        expect(itemBtn).not.toHaveAttribute('disabled');\n        expect(await itemBtn.getProperty('_role')).toEqual('menuitem');\n\n        itemSeparator = await page.find('q2-dropdown-item >>> [test-id=\"dropdownItemSeparator\"]');\n        expect(itemSeparator).toBeNull();\n\n        const itemSlotText = await page.$eval(\n            'q2-dropdown-item',\n            (element: HTMLQ2DropdownItemElement) =>\n                element.shadowRoot.querySelector('slot').assignedNodes()[0].textContent\n        );\n        expect(itemSlotText).toEqual('item text');\n\n        item = await page.find('q2-dropdown-item');\n        item.setProperty('disabled', true);\n        await page.waitForChanges();\n\n        expect(itemBtn).toHaveAttribute('disabled');\n    });\n\n    it('correctly emits click event', async function (): Promise<void> {\n        page = await setup({\n            html: `\n                <q2-dropdown-item value=\"itemValue\" removable>item text</q2-dropdown-item>\n            `,\n        });\n\n        item = await page.find('q2-dropdown-item');\n        const clickSpy = await item.spyOnEvent('click');\n\n        await dispatchEvent(page, ['q2-dropdown-item', '[test-id=\"dropdownItem\"]'], 'click');\n        expect(clickSpy).toHaveReceivedEventTimes(1);\n        expect(clickSpy).toHaveReceivedEventDetail({ type: 'select', value: 'itemValue' });\n\n        await dispatchEvent(page, ['q2-dropdown-item', '[test-id=\"removeDropdownItem\"]'], 'click');\n        expect(clickSpy).toHaveReceivedEventTimes(2);\n        expect(clickSpy).toHaveReceivedEventDetail({ type: 'remove', value: 'itemValue' });\n    });\n\n    it('item content is the same width as the q2-btn', async function (): Promise<void> {\n        page = await setup({\n            html: `<q2-dropdown-item>Test</q2-dropdown-item>`,\n        });\n\n        const { btnWidth, contentWidth, btnPadding } = await page.$eval(\n            'q2-dropdown-item',\n            (el: HTMLQ2DropdownItemElement) => {\n                const itemBtn = el.shadowRoot.querySelector('.dropdown-item');\n                const itemContent = el.shadowRoot.querySelector('.dropdown-item-content');\n                const contentWidth = itemContent.clientWidth;\n                const btnWidth = itemBtn.clientWidth;\n                const btnPadding = parseInt(getComputedStyle(itemBtn).getPropertyValue('padding'));\n                return {\n                    btnWidth,\n                    contentWidth,\n                    btnPadding,\n                };\n            }\n        );\n\n        expect(btnWidth).toEqual(contentWidth + btnPadding * 2);\n    });\n\n    describe('Props', () => {\n        describe('label', () => {\n            describe('when provided', () => {\n                it('applies label to itemDOM() button', async () => {\n                    page = await setup({\n                        html: `\n                        <div role=\"menu\">\n                            <q2-dropdown-item value=\"itemValue\" label=\"item text\"></q2-dropdown-item>\n                        </div>\n                    `,\n                    });\n                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                    expect(itemBtn.getAttribute('label')).toEqual('item text');\n                });\n            });\n            describe('when not provided', () => {\n                it('tries to use textContent to apply label to itemDOM() button', async () => {\n                    page = await setup({\n                        html: `\n                        <div role=\"menu\">\n                            <q2-dropdown-item value=\"itemValue\">item text</q2-dropdown-item>\n                        </div>\n                    `,\n                    });\n                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                    expect(itemBtn.getAttribute('label')).toEqual('item text');\n                });\n                it('applies label to itemDOM() button when using q2-loc component (TCT-2678)', async () => {\n                    page = await setup({\n                        html: `\n                        <div role=\"menu\">\n                            <q2-dropdown-item value=\"itemValue\"><q2-loc value=\"item text\"/></q2-dropdown-item>\n                        </div>\n                    `,\n                    });\n                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                    expect(itemBtn.getAttribute('label')).toEqual('item text');\n                });\n            });\n        });\n\n        describe('separator', () => {\n            it('renders as a separator', async () => {\n                page = await setup({\n                    html: `\n                    <q2-dropdown-item value=\"itemValue\" separator>item text</q2-dropdown-item>\n                `,\n                });\n\n                itemSeparator = await page.find('q2-dropdown-item >>> .dropdown-separator');\n                expect(itemSeparator).not.toBeNull();\n                expect(itemSeparator).toEqualAttribute('role', 'separator');\n                expect(itemSeparator).toHaveClass('dropdown-separator');\n\n                itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                expect(itemBtn).toBeNull();\n            });\n        });\n\n        describe('removable', () => {\n            beforeEach(async () => {\n                page = await setup({\n                    html: ``,\n                });\n                await setTestStrings(page, {\n                    'tecton.element.dropdownItem.remove': 'Remove Option {0}',\n                });\n                await page.setContent('<q2-dropdown-item value=\"itemValue\" removable></q2-dropdown-item>');\n                await page.waitForChanges();\n            });\n            it('renders a remove button', async () => {\n                item = await page.find('q2-dropdown-item');\n                removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');\n\n                expect(removeBtn).not.toBeNull();\n                expect(removeBtn).not.toHaveAttribute('disabled');\n                expect(removeBtn).toEqualAttribute('label', 'Remove Option ');\n                expect(await removeBtn.getProperty('_role')).toEqual('menuitem');\n            });\n\n            it('uses item label in remove button label', async () => {\n                item = await page.find('q2-dropdown-item');\n                item.setProperty('label', 'Item Text');\n                await page.waitForChanges();\n                removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');\n\n                expect(removeBtn).not.toBeNull();\n                expect(removeBtn).toEqualAttribute('label', 'Remove Option Item Text');\n            });\n        });\n\n        describe('disabled', () => {\n            it('disables the dropdown item', async () => {\n                page = await setup({\n                    html: `\n                        <div role=\"menu\">\n                            <q2-dropdown-item value=\"itemValue\" disabled></q2-dropdown-item>\n                        </div>\n                    `,\n                });\n                itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n\n                expect(itemBtn).toHaveAttribute('disabled');\n            });\n\n            it('disables the remove button when removable', async () => {\n                page = await setup({\n                    html: `\n                        <div role=\"menu\">\n                            <q2-dropdown-item value=\"itemValue\" disabled removable></q2-dropdown-item>\n                        </div>\n                    `,\n                });\n                itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');\n                expect(itemBtn).toHaveAttribute('disabled');\n                expect(removeBtn).toHaveAttribute('disabled');\n            });\n        });\n    });\n\n    describe('Focus', () => {\n        it('does not trigger focus delegator when item or remove btn focused', async function (): Promise<void> {\n            page = await setup({\n                html: `\n                <q2-dropdown-item value=\"itemValue\" removable>item text</q2-dropdown-item>\n            `,\n            });\n\n            item = await page.find('q2-dropdown-item');\n            const itemFocusSpy = await item.spyOnEvent('focus');\n\n            itemBtn = await page.find('q2-dropdown-item >>> [test-id=\"dropdownItem\"]');\n            const itemBtnFocusSpy = await itemBtn.spyOnEvent('focus');\n\n            expect(itemFocusSpy).toHaveReceivedEventTimes(0);\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(0);\n\n            await dispatchEvent(page, ['q2-dropdown-item', '[test-id=\"removeDropdownItem\"]'], 'focus');\n            expect(itemFocusSpy).toHaveReceivedEventTimes(0);\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(0);\n\n            await dispatchEvent(page, ['q2-dropdown-item', '[test-id=\"dropdownItem\"]'], 'focus');\n            expect(itemFocusSpy).toHaveReceivedEventTimes(0);\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(2);\n        });\n\n        it('handles focus manipulation', async function (): Promise<void> {\n            page = await setup({\n                html: `\n                <q2-dropdown-item value=\"itemValue\" removable>item text</q2-dropdown-item>\n            `,\n            });\n\n            itemBtn = await page.find('q2-dropdown-item >>> [test-id=\"dropdownItem\"]');\n            const itemBtnFocusSpy = await itemBtn.spyOnEvent('focus');\n            removeBtn = await page.find('q2-dropdown-item >>> [test-id=\"removeDropdownItem\"]');\n            const removeBtnFocusSpy = await removeBtn.spyOnEvent('focus');\n\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(0);\n            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(0);\n\n            await dispatchEvent(page, 'q2-dropdown-item', 'focus');\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(2);\n\n            await page.keyboard.press('ArrowRight');\n            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(2);\n\n            await page.keyboard.press('ArrowLeft');\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(4);\n\n            await page.keyboard.press('ArrowRight');\n            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(4);\n\n            await page.keyboard.press('ArrowLeft');\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(6);\n        });\n    });\n\n    describe('Deprecations', () => {\n        it('handles deprecated `ariaLabel` prop', async () => {\n            const label = 'My Label';\n            page = await setup({\n                html: `<q2-dropdown-item aria-label=\"${label}\">Text</q2-dropdown-item>`,\n            });\n            await page.waitForChanges();\n            await testDeprecatedAriaLabel(await page.find('q2-dropdown-item'), label);\n            itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n            expect(itemBtn).toEqualAttribute('label', label);\n            expect(itemBtn).toHaveAttribute('hide-label');\n        });\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                page = await setup({\n                    html: `\n                        <div role=\"menu\">\n                            <q2-dropdown-item value=\"itemValue\">item text</q2-dropdown-item>\n                        </div>\n                    `,\n                });\n                const hasViolations = await evaluateA11y(page);\n                expect(hasViolations).toBe(false);\n            });\n        });\n        describe('Accessibility Tree', () => {});\n        describe('Keyboard Controls', () => {});\n        describe('Other', () => {});\n    });\n});\n"]}
+{"version":3,"file":"q2-dropdown-item-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-dropdown-item/test/q2-dropdown-item-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage } from '@stencil/core/testing';\nimport {\n    setTestStrings,\n    setup,\n    dispatchEvent,\n    testDeprecatedAriaLabel,\n    getListOfStyleCompilationIssues,\n    evaluateA11y,\n} from '@/utils/helpers';\n\ndescribe('q2-dropdown-item', () => {\n    let page: E2EPage;\n    let item: E2EElement;\n    let itemBtn: E2EElement;\n    let itemSeparator: E2EElement;\n    let removeBtn: E2EElement;\n\n    it('properly compiles CSS vars and functions', async () => {\n        page = await setup({ html: '<q2-dropdown-item></q2-dropdown-item>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-dropdown-item')).toHaveLength(0);\n    });\n\n    it('renders base state', async function (): Promise<void> {\n        page = await setup({\n            html: `\n                <q2-dropdown-item value=\"itemValue\">item text</q2-dropdown-item>\n            `,\n        });\n\n        itemBtn = await page.find('q2-dropdown-item >>> [test-id=\"dropdownItem\"]');\n        expect(itemBtn).not.toBeNull();\n        expect(itemBtn.tagName.toLowerCase()).toEqual('button');\n        expect(itemBtn).toHaveClass('dropdown-item');\n        expect(itemBtn).not.toHaveAttribute('disabled');\n        expect(itemBtn).toEqualAttribute('role', 'menuitem');\n\n        itemSeparator = await page.find('q2-dropdown-item >>> [test-id=\"dropdownItemSeparator\"]');\n        expect(itemSeparator).toBeNull();\n\n        const itemSlotText = await page.$eval(\n            'q2-dropdown-item',\n            (element: HTMLQ2DropdownItemElement) =>\n                element.shadowRoot.querySelector('slot').assignedNodes()[0].textContent\n        );\n        expect(itemSlotText).toEqual('item text');\n\n        item = await page.find('q2-dropdown-item');\n        item.setProperty('disabled', true);\n        await page.waitForChanges();\n\n        expect(itemBtn).toHaveAttribute('disabled');\n    });\n\n    it('correctly emits click event', async function (): Promise<void> {\n        page = await setup({\n            html: `\n                <q2-dropdown-item value=\"itemValue\" removable>item text</q2-dropdown-item>\n            `,\n        });\n\n        item = await page.find('q2-dropdown-item');\n        const clickSpy = await item.spyOnEvent('click');\n\n        await dispatchEvent(page, ['q2-dropdown-item', '[test-id=\"dropdownItem\"]'], 'click');\n        expect(clickSpy).toHaveReceivedEventTimes(1);\n        expect(clickSpy).toHaveReceivedEventDetail({ type: 'select', value: 'itemValue' });\n\n        await dispatchEvent(page, ['q2-dropdown-item', '[test-id=\"removeDropdownItem\"]'], 'click');\n        expect(clickSpy).toHaveReceivedEventTimes(2);\n        expect(clickSpy).toHaveReceivedEventDetail({ type: 'remove', value: 'itemValue' });\n    });\n\n    describe('Props', () => {\n        describe('label', () => {\n            describe('when provided', () => {\n                it('applies label to the <button>', async () => {\n                    page = await setup({\n                        html: `\n                        <div role=\"menu\">\n                            <q2-dropdown-item value=\"itemValue\" label=\"item text\"></q2-dropdown-item>\n                        </div>\n                    `,\n                    });\n                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                    expect(itemBtn.innerText).toEqual('item text');\n                });\n            });\n            describe('when not provided', () => {\n                it('tries to use textContent to apply label to the <button>', async () => {\n                    page = await setup({\n                        html: `\n                        <div role=\"menu\">\n                            <q2-dropdown-item value=\"itemValue\">item text</q2-dropdown-item>\n                        </div>\n                    `,\n                    });\n                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                    expect(itemBtn.innerText).toEqual('item text');\n                });\n                it('tries to use <q2-loc> component value prop (TCT-2678)', async () => {\n                    page = await setup({\n                        html: `\n                        <div role=\"menu\">\n                            <q2-dropdown-item value=\"itemValue\"><q2-loc value=\"item text\"/></q2-dropdown-item>\n                        </div>\n                    `,\n                    });\n                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                    expect(itemBtn.innerText).toEqual('item text');\n                });\n                it('tries to use <q2-loc> component innerText (TCT-2678)', async () => {\n                    page = await setup({\n                        html: `\n                        <div role=\"menu\">\n                            <q2-dropdown-item value=\"itemValue\"><q2-loc>item text</q2-loc></q2-dropdown-item>\n                        </div>\n                    `,\n                    });\n                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                    expect(itemBtn.innerText).toEqual('item text');\n                });\n            });\n        });\n\n        describe('separator', () => {\n            it('renders as a separator', async () => {\n                page = await setup({\n                    html: `\n                    <q2-dropdown-item value=\"itemValue\" separator>item text</q2-dropdown-item>\n                `,\n                });\n\n                itemSeparator = await page.find('q2-dropdown-item >>> .dropdown-separator');\n                expect(itemSeparator).not.toBeNull();\n                expect(itemSeparator).toEqualAttribute('role', 'separator');\n                expect(itemSeparator).toHaveClass('dropdown-separator');\n\n                itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                expect(itemBtn).toBeNull();\n            });\n        });\n\n        describe('removable', () => {\n            beforeEach(async () => {\n                page = await setup({\n                    html: ``,\n                });\n                await setTestStrings(page, {\n                    'tecton.element.dropdownItem.remove': 'Remove Option {0}',\n                });\n                await page.setContent('<q2-dropdown-item value=\"itemValue\" removable></q2-dropdown-item>');\n                await page.waitForChanges();\n            });\n            describe('when provided', () => {\n                it('renders a remove button', async () => {\n                    item = await page.find('q2-dropdown-item');\n                    removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');\n\n                    expect(removeBtn).not.toBeNull();\n                    expect(removeBtn).not.toHaveAttribute('disabled');\n                    expect(removeBtn).toEqualAttribute('aria-label', 'Remove Option ');\n                });\n\n                it('uses item label in remove button aria-label when provided', async () => {\n                    item = await page.find('q2-dropdown-item');\n                    item.setProperty('label', 'Item Text');\n                    await page.waitForChanges();\n                    removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');\n\n                    expect(removeBtn).not.toBeNull();\n                    expect(removeBtn).toEqualAttribute('aria-label', 'Remove Option Item Text');\n                });\n            });\n\n            describe('when not provided', () => {\n                it('does not render a remove button', async () => {\n                    item = await page.find('q2-dropdown-item');\n                    item.setProperty('removable', false);\n                    await page.waitForChanges();\n                    removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');\n\n                    expect(removeBtn).toBeNull();\n                });\n            });\n        });\n\n        describe('disabled', () => {\n            describe('when provided', () => {\n                it('disables the dropdown item', async () => {\n                    page = await setup({\n                        html: `\n                            <div role=\"menu\">\n                                <q2-dropdown-item value=\"itemValue\" disabled></q2-dropdown-item>\n                            </div>\n                        `,\n                    });\n                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                    expect(itemBtn).toHaveAttribute('disabled');\n                });\n\n                it('disables the remove button', async () => {\n                    page = await setup({\n                        html: `\n                            <div role=\"menu\">\n                                <q2-dropdown-item value=\"itemValue\" disabled removable></q2-dropdown-item>\n                            </div>\n                        `,\n                    });\n                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                    removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');\n                    expect(itemBtn).toHaveAttribute('disabled');\n                    expect(removeBtn).toHaveAttribute('disabled');\n                });\n            });\n            describe('when not provided', () => {\n                it('does not disable the dropdown item', async () => {\n                    page = await setup({\n                        html: `\n                            <div role=\"menu\">\n                                <q2-dropdown-item value=\"itemValue\"></q2-dropdown-item>\n                            </div>\n                        `,\n                    });\n                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                    expect(itemBtn).not.toHaveAttribute('disabled');\n                });\n\n                it('does not disable the remove button', async () => {\n                    page = await setup({\n                        html: `\n                            <div role=\"menu\">\n                                <q2-dropdown-item value=\"itemValue\" removable></q2-dropdown-item>\n                            </div>\n                        `,\n                    });\n                    itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n                    removeBtn = await page.find('q2-dropdown-item >>> .remove-dropdown-item');\n                    expect(itemBtn).not.toHaveAttribute('disabled');\n                    expect(removeBtn).not.toHaveAttribute('disabled');\n                });\n            });\n        });\n    });\n\n    describe('Focus', () => {\n        it('does not trigger component focus delegator when item or remove <button> is focused', async function (): Promise<void> {\n            page = await setup({\n                html: `\n                <q2-dropdown-item value=\"itemValue\" removable>item text</q2-dropdown-item>\n            `,\n            });\n\n            item = await page.find('q2-dropdown-item');\n            itemBtn = await page.find('q2-dropdown-item >>> [test-id=\"dropdownItem\"]');\n            removeBtn = await page.find('q2-dropdown-item >>> [test-id=\"removeDropdownItem\"]');\n\n            const itemFocusSpy = await item.spyOnEvent('focus');\n            const itemBtnFocusSpy = await itemBtn.spyOnEvent('focus');\n            const removeBtnFocusSpy = await removeBtn.spyOnEvent('focus');\n\n            expect(itemFocusSpy).toHaveReceivedEventTimes(0);\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(0);\n            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(0);\n\n            await dispatchEvent(page, ['q2-dropdown-item', '[test-id=\"removeDropdownItem\"]'], 'focus');\n            expect(itemFocusSpy).toHaveReceivedEventTimes(0);\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(0);\n            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(1);\n\n            await dispatchEvent(page, ['q2-dropdown-item', '[test-id=\"dropdownItem\"]'], 'focus');\n            expect(itemFocusSpy).toHaveReceivedEventTimes(0);\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(1);\n        });\n\n        it('handles focus manipulation', async function (): Promise<void> {\n            page = await setup({\n                html: `\n                <q2-dropdown-item value=\"itemValue\" removable>item text</q2-dropdown-item>\n            `,\n            });\n\n            itemBtn = await page.find('q2-dropdown-item >>> [test-id=\"dropdownItem\"]');\n            removeBtn = await page.find('q2-dropdown-item >>> [test-id=\"removeDropdownItem\"]');\n            const itemBtnFocusSpy = await itemBtn.spyOnEvent('focus');\n            const removeBtnFocusSpy = await removeBtn.spyOnEvent('focus');\n\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(0);\n            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(0);\n\n            await dispatchEvent(page, 'q2-dropdown-item', 'focus');\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(1);\n\n            await page.keyboard.press('ArrowRight');\n            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(1);\n\n            await page.keyboard.press('ArrowLeft');\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(2);\n\n            await page.keyboard.press('ArrowRight');\n            expect(removeBtnFocusSpy).toHaveReceivedEventTimes(2);\n\n            await page.keyboard.press('ArrowLeft');\n            expect(itemBtnFocusSpy).toHaveReceivedEventTimes(3);\n        });\n    });\n\n    describe('Deprecations', () => {\n        it('handles deprecated `ariaLabel` prop', async () => {\n            const myLabel = 'My Label';\n            page = await setup({\n                html: `<q2-dropdown-item aria-label=\"${myLabel}\">Text</q2-dropdown-item>`,\n            });\n            await testDeprecatedAriaLabel(await page.find('q2-dropdown-item'), myLabel);\n            await page.waitForChanges();\n            itemBtn = await page.find('q2-dropdown-item >>> .dropdown-item');\n            expect(itemBtn.innerText).toEqual(myLabel);\n        });\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                page = await setup({\n                    html: `\n                        <div role=\"menu\">\n                            <q2-dropdown-item value=\"itemValue\">item text</q2-dropdown-item>\n                        </div>\n                    `,\n                });\n                const hasViolations = await evaluateA11y(page);\n                expect(hasViolations).toBe(false);\n            });\n        });\n        describe('Accessibility Tree', () => {});\n        describe('Keyboard Controls', () => {});\n        describe('Other', () => {});\n    });\n});\n"]}

package/dist/collection/components/q2-editable-field/q2-editable-field.js

@@ -206,7 +206,7 @@ export class Q2EditableField {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '5d8bb7b03afcc5c8efe1d9dab03e09e34bcd3148' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
+        return (h("div", { key: '255dac3b6e39618e37fc129ef0a743aca1aefc88' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
     }
     static get is() { return "q2-editable-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-example/q2-example.css

@@ -0,0 +1,66 @@
+* {
+  box-sizing: border-box;
+}
+
+*:active {
+  outline: none;
+}
+
+*:focus {
+  outline: none;
+  box-shadow: var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc);
+}
+
+:host {
+  box-shadow: none !important;
+}
+
+::-moz-focus-inner {
+  border: none;
+}
+
+input,
+textarea,
+button {
+  font-family: inherit;
+  font-size: inherit;
+  font-stretch: inherit;
+}
+
+:host(.sr),
+:host(.sr) button {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  white-space: nowrap;
+}
+
+.sr,
+.sr button {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  white-space: nowrap;
+}
+
+.hidden {
+  display: none;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+.invisible {
+  visibility: hidden;
+}