q2-tecton-elements 1.50.1 → 1.51.1

package/dist/collection/components/q2-link/test/q2-link-test.e2e.js

@@ -0,0 +1,145 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { setup, evaluateA11y, getListOfStyleCompilationIssues } from "../../../utils/helpers";
+import { Q2Link } from "../q2-link";
+function createNewSpecPage(props) {
+    let htmlProps = '';
+    if (!!props.label) {
+        htmlProps += ` label="${props.label}"`;
+    }
+    if (!!props.href) {
+        htmlProps += ` href="${props.href}"`;
+    }
+    if (!!props.target) {
+        htmlProps += ` target="${props.target}"`;
+    }
+    if (!!props.variant) {
+        htmlProps += ` variant="${props.variant || 'inline'}"`;
+    }
+    if (!!props.referrerpolicy) {
+        htmlProps += ` referrerpolicy="${props.referrerpolicy}"`;
+    }
+    if (!!props.disabled) {
+        htmlProps += ` disabled=""`;
+    }
+    return newSpecPage({
+        components: [Q2Link],
+        html: `<q2-link ${htmlProps}></q2-link>`,
+    });
+}
+describe('q2-link', () => {
+    it('properly compiles CSS vars and functions', async () => {
+        const page = await setup({ html: '<q2-link></q2-link>' });
+        expect(await getListOfStyleCompilationIssues(page, 'q2-link')).toHaveLength(0);
+    });
+    describe('[A11y] guideline compliance', () => {
+        it('Does not have accessibility violations for inline variant(default)', async () => {
+            const page = await setup({ html: `<q2-link label="Click me" href="https://q2.com" />` });
+            const hasViolations = await evaluateA11y(page);
+            expect(hasViolations).toBe(false);
+        });
+        it('Does not have accessibility violations for standalone variant', async () => {
+            const page = await setup({
+                html: `<q2-link label="Click me" href="https://q2.com" variant="standalone" />`,
+            });
+            const hasViolations = await evaluateA11y(page);
+            expect(hasViolations).toBe(false);
+        });
+    });
+    let page;
+    it('renders', async () => {
+        page = await createNewSpecPage({
+            label: 'Click me',
+            href: 'https://q2.com',
+            variant: 'standalone',
+        });
+        expect(page.root).toEqualHtml(`
+            <q2-link label="Click me" href="https://q2.com" variant="standalone">
+                <mock:shadow-root>
+                <div aria-label="Click me" class="link standalone">
+                    <a href="https://q2.com" target="_self" test-id="linkAnchor">
+                        <span class="label">Click me</span>
+                        <q2-icon type="chevron-right"></q2-icon>
+                    </a>
+                </div>
+                </mock:shadow-root>
+            </q2-link>
+        `);
+    });
+    describe('Props', () => {
+        it('should render with properties', async () => {
+            page = await createNewSpecPage({
+                label: 'Click me',
+                href: 'https://q2.com',
+                target: '_blank',
+                referrerpolicy: 'no-referrer',
+                variant: 'standalone',
+            });
+            expect(page.root.label).toBe('Click me');
+            expect(page.root.href).toBe('https://q2.com');
+            expect(page.root.target).toBe('_blank');
+            expect(page.root.variant).toBe('standalone');
+            expect(page.root.referrerpolicy).toBe('no-referrer');
+        });
+        it('should render with standalone variant', async () => {
+            page = await createNewSpecPage({
+                label: 'Click me',
+                href: 'https://q2.com',
+                target: '_blank',
+                referrerpolicy: 'no-referrer',
+                variant: 'standalone',
+            });
+            expect(page.root.label).toBe('Click me');
+            expect(page.root).toEqualHtml(`
+                <q2-link label="Click me" href="https://q2.com" variant="standalone" target="_blank" referrerpolicy="no-referrer">
+                    <mock:shadow-root>
+                    <div aria-label="Click me" class="link standalone">
+                        <a href="https://q2.com" target="_blank" referrerpolicy="no-referrer" test-id="linkAnchor">
+                            <span class="label">Click me</span>
+                            <q2-icon type="chevron-right"></q2-icon>
+                        </a>
+                    </div>
+                    </mock:shadow-root>
+                </q2-link>
+            `);
+        });
+        it('should render with inline variant', async () => {
+            page = await createNewSpecPage({
+                label: 'Click me',
+                href: 'https://q2.com',
+                target: '_blank',
+                referrerpolicy: 'no-referrer',
+            });
+            expect(page.root.label).toBe('Click me');
+            expect(page.root).toEqualHtml(`
+                <q2-link label="Click me" href="https://q2.com" variant="inline" target="_blank" referrerpolicy="no-referrer">
+                    <mock:shadow-root>
+                        <a href="https://q2.com" target="_blank" class="link inline" referrerpolicy="no-referrer" test-id="linkAnchor">
+                            Click me
+                        </a>
+                    </mock:shadow-root>
+                </q2-link>
+            `);
+        });
+    });
+    describe('Test methods', () => {
+        it('clickLink()', async () => {
+            const page = await setup({
+                html: `
+                    <q2-link label="Click me"
+                        href="https://q2.com"
+                        variant="inline"
+                        target="_blank"
+                        referrerpolicy="no-referrer">
+                    </q2-data-table>
+                `,
+            });
+            await page.waitForChanges();
+            const sortSpy = await page.spyOnEvent('tctClick');
+            const link = await page.find('q2-link');
+            await link.callMethod('clickLink');
+            await page.waitForChanges();
+            expect(sortSpy).toHaveReceivedEventTimes(1);
+        });
+    });
+});
+//# sourceMappingURL=q2-link-test.e2e.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"q2-link-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-link/test/q2-link-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { SpecPage, newSpecPage } from '@stencil/core/testing';\nimport { setup, evaluateA11y, getListOfStyleCompilationIssues } from '@/utils/helpers';\nimport { Q2Link } from '../q2-link';\n\nfunction createNewSpecPage(props: {\n    label?: string;\n    href?: string;\n    target?: string;\n    variant?: string;\n    referrerpolicy?: string;\n    disabled?: boolean;\n}) {\n    let htmlProps: string = '';\n    if (!!props.label) {\n        htmlProps += ` label=\"${props.label}\"`;\n    }\n    if (!!props.href) {\n        htmlProps += ` href=\"${props.href}\"`;\n    }\n    if (!!props.target) {\n        htmlProps += ` target=\"${props.target}\"`;\n    }\n    if (!!props.variant) {\n        htmlProps += ` variant=\"${props.variant || 'inline'}\"`;\n    }\n    if (!!props.referrerpolicy) {\n        htmlProps += ` referrerpolicy=\"${props.referrerpolicy}\"`;\n    }\n    if (!!props.disabled) {\n        htmlProps += ` disabled=\"\"`;\n    }\n\n    return newSpecPage({\n        components: [Q2Link],\n        html: `<q2-link ${htmlProps}></q2-link>`,\n    });\n}\n\ndescribe('q2-link', () => {\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-link></q2-link>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-link')).toHaveLength(0);\n    });\n\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations for inline variant(default)', async () => {\n            const page = await setup({ html: `<q2-link label=\"Click me\" href=\"https://q2.com\" />` });\n            const hasViolations = await evaluateA11y(page);\n            expect(hasViolations).toBe(false);\n        });\n        it('Does not have accessibility violations for standalone variant', async () => {\n            const page = await setup({\n                html: `<q2-link label=\"Click me\" href=\"https://q2.com\" variant=\"standalone\" />`,\n            });\n            const hasViolations = await evaluateA11y(page);\n            expect(hasViolations).toBe(false);\n        });\n    });\n\n    let page: SpecPage;\n\n    it('renders', async () => {\n        page = await createNewSpecPage({\n            label: 'Click me',\n            href: 'https://q2.com',\n            variant: 'standalone',\n        });\n\n        expect(page.root).toEqualHtml(`\n            <q2-link label=\"Click me\" href=\"https://q2.com\" variant=\"standalone\">\n                <mock:shadow-root>\n                <div aria-label=\"Click me\" class=\"link standalone\">\n                    <a href=\"https://q2.com\" target=\"_self\" test-id=\"linkAnchor\">\n                        <span class=\"label\">Click me</span>\n                        <q2-icon type=\"chevron-right\"></q2-icon>\n                    </a>\n                </div>\n                </mock:shadow-root>\n            </q2-link>\n        `);\n    });\n\n    describe('Props', () => {\n        it('should render with properties', async () => {\n            page = await createNewSpecPage({\n                label: 'Click me',\n                href: 'https://q2.com',\n                target: '_blank',\n                referrerpolicy: 'no-referrer',\n                variant: 'standalone',\n            });\n            expect(page.root.label).toBe('Click me');\n            expect(page.root.href).toBe('https://q2.com');\n            expect(page.root.target).toBe('_blank');\n            expect(page.root.variant).toBe('standalone');\n            expect(page.root.referrerpolicy).toBe('no-referrer');\n        });\n        it('should render with standalone variant', async () => {\n            page = await createNewSpecPage({\n                label: 'Click me',\n                href: 'https://q2.com',\n                target: '_blank',\n                referrerpolicy: 'no-referrer',\n                variant: 'standalone',\n            });\n            expect(page.root.label).toBe('Click me');\n            expect(page.root).toEqualHtml(`\n                <q2-link label=\"Click me\" href=\"https://q2.com\" variant=\"standalone\" target=\"_blank\" referrerpolicy=\"no-referrer\">\n                    <mock:shadow-root>\n                    <div aria-label=\"Click me\" class=\"link standalone\">\n                        <a href=\"https://q2.com\" target=\"_blank\" referrerpolicy=\"no-referrer\" test-id=\"linkAnchor\">\n                            <span class=\"label\">Click me</span>\n                            <q2-icon type=\"chevron-right\"></q2-icon>\n                        </a>\n                    </div>\n                    </mock:shadow-root>\n                </q2-link>\n            `);\n        });\n        it('should render with inline variant', async () => {\n            page = await createNewSpecPage({\n                label: 'Click me',\n                href: 'https://q2.com',\n                target: '_blank',\n                referrerpolicy: 'no-referrer',\n            });\n            expect(page.root.label).toBe('Click me');\n            expect(page.root).toEqualHtml(`\n                <q2-link label=\"Click me\" href=\"https://q2.com\" variant=\"inline\" target=\"_blank\" referrerpolicy=\"no-referrer\">\n                    <mock:shadow-root>\n                        <a href=\"https://q2.com\" target=\"_blank\" class=\"link inline\" referrerpolicy=\"no-referrer\" test-id=\"linkAnchor\">\n                            Click me\n                        </a>\n                    </mock:shadow-root>\n                </q2-link>\n            `);\n        });\n    });\n\n    describe('Test methods', () => {\n        it('clickLink()', async () => {\n            const page = await setup({\n                html: `\n                    <q2-link label=\"Click me\"\n                        href=\"https://q2.com\"\n                        variant=\"inline\"\n                        target=\"_blank\"\n                        referrerpolicy=\"no-referrer\">\n                    </q2-data-table>\n                `,\n            });\n            await page.waitForChanges();\n            const sortSpy = await page.spyOnEvent('tctClick');\n            const link = await page.find('q2-link');\n            await link.callMethod('clickLink');\n            await page.waitForChanges();\n            expect(sortSpy).toHaveReceivedEventTimes(1);\n        });\n    });\n});\n"]}

package/dist/collection/components/q2-list/q2-list.js

@@ -64,7 +64,7 @@ export class Q2List {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '84641cf41b60e166bf90242102dc931b85ba039c', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: 'de36fee422a5b68e57eea21d7e4a79b8c25e4e40', class: this.headerClasses }, h("div", { key: '77ccdd3a53951b8553afd4b5743e13d863120505', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '1fc458fc36e6398cb69f00bd9423e04bd10a9407', name: "filter" }))), h("div", { key: '83b7fa5f2ed61ccb4a9f2e9f0b67592cc0ca1dd4', role: "list" }, h("slot", { key: '7217c6e48937d23cc5d37cfcbae4fbaf553a48ca' }))));
+        return (h("div", { key: 'f6b93c87dbc86ff0522ef0827e3f60f9b28993e3', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: '39973ea29515746cbf0ce22029084b0530ae5af6', class: this.headerClasses }, h("div", { key: 'bcd3fb06ee6879f3b0558301b7d9ff31699be9b6', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '9229cd8da2c0c362627e9ee7e8f04cddbc3f26a2', name: "filter" }))), h("div", { key: 'e1ee3f55a2b896770e1041239e70a91df434cc68', role: "list" }, h("slot", { key: '0c621e0bd3d9ee7382754f8be92231983bc91562' }))));
     }
     static get is() { return "q2-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-list/test/q2-list-test.e2e.js

@@ -1,12 +1,5 @@
 import { evaluateA11y, setup } from "../../../utils/helpers";
 describe('q2-list', () => {
-    describe('[A11y] guideline compliance', () => {
-        it('Does not have accessibility violations', async () => {
-            const page = await setup({ html: `<q2-list label="A11y Testing Enabled" />` });
-            const hasViolations = await evaluateA11y(page);
-            expect(hasViolations).toBe(false);
-        });
-    });
     describe('Props', () => { });
     describe('Slots', () => {
         it('when label and filter presents', async () => {
@@ -88,5 +81,17 @@ describe('q2-list', () => {
             expect(items.length).toEqual(2);
         });
     });
+    describe('Accessibility', () => {
+        describe('aXe DevTools', () => {
+            it('does not have accessibility violations', async () => {
+                const page = await setup({ html: `<q2-list label="A11y Testing Enabled" />` });
+                const hasViolations = await evaluateA11y(page);
+                expect(hasViolations).toBe(false);
+            });
+        });
+        describe('Accessibility Tree', () => { });
+        describe('Keyboard Controls', () => { });
+        describe('Other', () => { });
+    });
 });
 //# sourceMappingURL=q2-list-test.e2e.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"q2-list-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-list/test/q2-list-test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEtD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACrB,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACzC,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;YACpD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,EAAE,IAAI,EAAE,0CAA0C,EAAE,CAAC,CAAC;YAC/E,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,CAAC;YAC/C,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;QACnB,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;YAC5C,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;gBACrB,IAAI,EAAE;;;;;;;;;;;iBAWL;aACJ,CAAC,CAAC;YACH,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;YAChE,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC9C,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;YACpD,MAAM,CAAC,UAAU,CAAC,CAAC,UAAU,EAAE,CAAC;YAChC,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;YAC1B,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;YACjC,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;gBACrB,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAiDL;aACJ,CAAC,CAAC;YACH,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;YACpD,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { evaluateA11y, setup } from '@/utils/helpers';\n\ndescribe('q2-list', () => {\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations', async () => {\n            const page = await setup({ html: `<q2-list label=\"A11y Testing Enabled\" />` });\n            const hasViolations = await evaluateA11y(page);\n            expect(hasViolations).toBe(false);\n        });\n    });\n    describe('Props', () => {});\n    describe('Slots', () => {\n        it('when label and filter presents', async () => {\n            const page = await setup({\n                html: `\n                    <q2-list label=\"My list\">\n                        <div slot=\"filter\">\n                            <q2-pill label=\"My options\" popover-alignment=\"right\">\n                                <q2-option value=\"1\" aria-selected=\"false\">Option 1</q2-option>\n                                <q2-option value=\"2\" aria-selected=\"false\">Option 2</q2-option>\n                                <q2-option value=\"3\" aria-selected=\"false\">Option 3</q2-option>\n                                <q2-option value=\"4\" aria-selected=\"false\">Option 4</q2-option>\n                            </q2-pill>\n                        </div>\n                    </q2-list>\n                `,\n            });\n            const filterSlot = await page.find('q2-list > [slot=\"filter\"]');\n            const pill = await filterSlot.find('q2-pill');\n            const label = await page.find('q2-list >>> .label');\n            expect(filterSlot).toBeTruthy();\n            expect(pill).toBeTruthy();\n            expect(label).toEqualText('My list');\n        });\n\n        it('when items presents', async () => {\n            const page = await setup({\n                html: `\n                    <q2-list label=\"My list\">\n                        <div slot=\"filter\">\n                            <q2-pill label=\"My options\" popover-alignment=\"right\">\n                                <q2-option value=\"1\" aria-selected=\"false\">Option 1</q2-option>\n                                <q2-option value=\"2\" aria-selected=\"false\">Option 2</q2-option>\n                                <q2-option value=\"3\" aria-selected=\"false\">Option 3</q2-option>\n                                <q2-option value=\"4\" aria-selected=\"false\">Option 4</q2-option>\n                            </q2-pill>\n                        </div>\n                        <q2-item>\n                            <div slot=\"bullet\">\n                                <q2-avatar icon=\"home\">\n                                </q2-avatar>\n                            </div>\n                            <div slot=\"header\">Header Text</div>\n                            <div slot=\"body\">Body Text</div>\n                            <div slot=\"footer\">Footer Text</div>\n                            <div slot=\"action\">\n                                <q2-dropdown type=\"icon\" label=\"My dropdown\" icon=\"options\" popover-alignment=\"left\" hide-label=\"\">\n                                <q2-dropdown-item value=\"first\">First</q2-dropdown-item>\n                                <q2-dropdown-item value=\"second\">Second</q2-dropdown-item>\n                                <q2-dropdown-item separator=\"\">\n                                </q2-dropdown-item>\n                                <q2-dropdown-item value=\"third\">Third</q2-dropdown-item>\n                                <q2-dropdown-item value=\"fourth\">Fourth</q2-dropdown-item>\n                                </q2-dropdown>\n                            </div>\n                        </q2-item>\n                        <q2-item>\n                            <div slot=\"bullet\">\n                                <q2-avatar icon=\"home\">\n                                </q2-avatar>\n                            </div>\n                            <div slot=\"header\">Header Text</div>\n                            <div slot=\"body\">Body Text</div>\n                            <div slot=\"footer\">Footer Text</div>\n                            <div slot=\"action\">\n                                <q2-dropdown type=\"icon\" label=\"My dropdown\" icon=\"options\" popover-alignment=\"left\" hide-label=\"\">\n                                <q2-dropdown-item value=\"first\">First</q2-dropdown-item>\n                                <q2-dropdown-item value=\"second\">Second</q2-dropdown-item>\n                                <q2-dropdown-item separator=\"\">\n                                </q2-dropdown-item>\n                                <q2-dropdown-item value=\"third\">Third</q2-dropdown-item>\n                                <q2-dropdown-item value=\"fourth\">Fourth</q2-dropdown-item>\n                                </q2-dropdown>\n                            </div>\n                        </q2-item>\n                    </q2-list>\n                `,\n            });\n            const items = await page.findAll('q2-list q2-item');\n            expect(items.length).toEqual(2);\n        });\n    });\n});\n"]}
+{"version":3,"file":"q2-list-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-list/test/q2-list-test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEtD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACrB,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;QACnB,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;YAC5C,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;gBACrB,IAAI,EAAE;;;;;;;;;;;iBAWL;aACJ,CAAC,CAAC;YACH,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;YAChE,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC9C,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;YACpD,MAAM,CAAC,UAAU,CAAC,CAAC,UAAU,EAAE,CAAC;YAChC,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;YAC1B,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;YACjC,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;gBACrB,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAiDL;aACJ,CAAC,CAAC;YACH,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;YACpD,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC3B,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;YAC1B,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;gBACpD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,EAAE,IAAI,EAAE,0CAA0C,EAAE,CAAC,CAAC;gBAC/E,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,CAAC;gBAC/C,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACzC,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { evaluateA11y, setup } from '@/utils/helpers';\n\ndescribe('q2-list', () => {\n    describe('Props', () => {});\n    describe('Slots', () => {\n        it('when label and filter presents', async () => {\n            const page = await setup({\n                html: `\n                    <q2-list label=\"My list\">\n                        <div slot=\"filter\">\n                            <q2-pill label=\"My options\" popover-alignment=\"right\">\n                                <q2-option value=\"1\" aria-selected=\"false\">Option 1</q2-option>\n                                <q2-option value=\"2\" aria-selected=\"false\">Option 2</q2-option>\n                                <q2-option value=\"3\" aria-selected=\"false\">Option 3</q2-option>\n                                <q2-option value=\"4\" aria-selected=\"false\">Option 4</q2-option>\n                            </q2-pill>\n                        </div>\n                    </q2-list>\n                `,\n            });\n            const filterSlot = await page.find('q2-list > [slot=\"filter\"]');\n            const pill = await filterSlot.find('q2-pill');\n            const label = await page.find('q2-list >>> .label');\n            expect(filterSlot).toBeTruthy();\n            expect(pill).toBeTruthy();\n            expect(label).toEqualText('My list');\n        });\n\n        it('when items presents', async () => {\n            const page = await setup({\n                html: `\n                    <q2-list label=\"My list\">\n                        <div slot=\"filter\">\n                            <q2-pill label=\"My options\" popover-alignment=\"right\">\n                                <q2-option value=\"1\" aria-selected=\"false\">Option 1</q2-option>\n                                <q2-option value=\"2\" aria-selected=\"false\">Option 2</q2-option>\n                                <q2-option value=\"3\" aria-selected=\"false\">Option 3</q2-option>\n                                <q2-option value=\"4\" aria-selected=\"false\">Option 4</q2-option>\n                            </q2-pill>\n                        </div>\n                        <q2-item>\n                            <div slot=\"bullet\">\n                                <q2-avatar icon=\"home\">\n                                </q2-avatar>\n                            </div>\n                            <div slot=\"header\">Header Text</div>\n                            <div slot=\"body\">Body Text</div>\n                            <div slot=\"footer\">Footer Text</div>\n                            <div slot=\"action\">\n                                <q2-dropdown type=\"icon\" label=\"My dropdown\" icon=\"options\" popover-alignment=\"left\" hide-label=\"\">\n                                <q2-dropdown-item value=\"first\">First</q2-dropdown-item>\n                                <q2-dropdown-item value=\"second\">Second</q2-dropdown-item>\n                                <q2-dropdown-item separator=\"\">\n                                </q2-dropdown-item>\n                                <q2-dropdown-item value=\"third\">Third</q2-dropdown-item>\n                                <q2-dropdown-item value=\"fourth\">Fourth</q2-dropdown-item>\n                                </q2-dropdown>\n                            </div>\n                        </q2-item>\n                        <q2-item>\n                            <div slot=\"bullet\">\n                                <q2-avatar icon=\"home\">\n                                </q2-avatar>\n                            </div>\n                            <div slot=\"header\">Header Text</div>\n                            <div slot=\"body\">Body Text</div>\n                            <div slot=\"footer\">Footer Text</div>\n                            <div slot=\"action\">\n                                <q2-dropdown type=\"icon\" label=\"My dropdown\" icon=\"options\" popover-alignment=\"left\" hide-label=\"\">\n                                <q2-dropdown-item value=\"first\">First</q2-dropdown-item>\n                                <q2-dropdown-item value=\"second\">Second</q2-dropdown-item>\n                                <q2-dropdown-item separator=\"\">\n                                </q2-dropdown-item>\n                                <q2-dropdown-item value=\"third\">Third</q2-dropdown-item>\n                                <q2-dropdown-item value=\"fourth\">Fourth</q2-dropdown-item>\n                                </q2-dropdown>\n                            </div>\n                        </q2-item>\n                    </q2-list>\n                `,\n            });\n            const items = await page.findAll('q2-list q2-item');\n            expect(items.length).toEqual(2);\n        });\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                const page = await setup({ html: `<q2-list label=\"A11y Testing Enabled\" />` });\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-loading/test/q2-loading-element-test.e2e.js

@@ -1,14 +1,5 @@
 import { evaluateA11y, setup } from "../../../utils/helpers";
 describe('q2-loading-element', () => {
-    describe('[A11y] guideline compliance', () => {
-        it('Does not have accessibility violations with only label', async () => {
-            const page = await setup({
-                html: `<q2-loading-element shape="rectangle" width="50%" height="2rem" border-radius="5px"></q2-loading-element>`,
-            });
-            const hasViolations = await evaluateA11y(page);
-            expect(hasViolations).toBe(false);
-        });
-    });
     it('builds the rectangle with appropriate props', async function () {
         const page = await setup({
             html: `<q2-loading-element shape="rectangle" width="50%" height="2rem" border-radius="5px"></q2-loading-element>`,
@@ -43,5 +34,19 @@ describe('q2-loading-element', () => {
         expect(skeletonStyle.height).toEqual('50px');
         expect(skeletonStyle.width).toEqual('50px');
     });
+    describe('Accessibility', () => {
+        describe('aXe DevTools', () => {
+            it('does not have accessibility violations', async () => {
+                const page = await setup({
+                    html: `<q2-loading-element shape="rectangle" width="50%" height="2rem" border-radius="5px"></q2-loading-element>`,
+                });
+                const hasViolations = await evaluateA11y(page);
+                expect(hasViolations).toBe(false);
+            });
+        });
+        describe('Accessibility Tree', () => { });
+        describe('Keyboard Controls', () => { });
+        describe('Other', () => { });
+    });
 });
 //# sourceMappingURL=q2-loading-element-test.e2e.js.map

package/dist/collection/components/q2-loading/test/q2-loading-element-test.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-loading-element-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-loading/test/q2-loading-element-test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEtD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAChC,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACzC,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;YACpE,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;gBACrB,IAAI,EAAE,2GAA2G;aACpH,CAAC,CAAC;YACH,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,CAAC;YAC/C,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK;QACnD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;YACrB,IAAI,EAAE,2GAA2G;SACpH,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;QAE5E,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAE/C,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,OAAoB,EAAE,EAAE;YAClF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,aAAa,CAAiB,iBAAiB,CAAC,CAAC,KAAK,CAAC;YAEvG,OAAO;gBACH,YAAY;gBACZ,MAAM;gBACN,KAAK;aACR,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAClD,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC7C,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK;QAChD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;YACrB,IAAI,EAAE,uEAAuE;SAChF,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;QAE5E,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE5C,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,OAAoB,EAAE,EAAE;YAClF,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,aAAa,CAAiB,iBAAiB,CAAC,CAAC,KAAK,CAAC;YAEzF,OAAO;gBACH,MAAM;gBACN,KAAK;aACR,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC7C,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { evaluateA11y, setup } from '@/utils/helpers';\n\ndescribe('q2-loading-element', () => {\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations with only label', async () => {\n            const page = await setup({\n                html: `<q2-loading-element shape=\"rectangle\" width=\"50%\" height=\"2rem\" border-radius=\"5px\"></q2-loading-element>`,\n            });\n            const hasViolations = await evaluateA11y(page);\n            expect(hasViolations).toBe(false);\n        });\n    });\n\n    it('builds the rectangle with appropriate props', async function (): Promise<void> {\n        const page = await setup({\n            html: `<q2-loading-element shape=\"rectangle\" width=\"50%\" height=\"2rem\" border-radius=\"5px\"></q2-loading-element>`,\n        });\n\n        const skeletonShape = await page.find('q2-loading-element .skeleton-shape');\n\n        expect(skeletonShape).toHaveClass('rectangle');\n\n        const skeletonStyle = await page.$eval('q2-loading-element', (element: HTMLElement) => {\n            const { borderRadius, height, width } = element.querySelector<HTMLDivElement>('.skeleton-shape').style;\n\n            return {\n                borderRadius,\n                height,\n                width,\n            };\n        });\n\n        expect(skeletonStyle.borderRadius).toEqual('5px');\n        expect(skeletonStyle.height).toEqual('2rem');\n        expect(skeletonStyle.width).toEqual('50%');\n    });\n\n    it('builds the circle with appropriate props', async function (): Promise<void> {\n        const page = await setup({\n            html: `<q2-loading-element shape=\"circle\" width=\"50px\"></q2-loading-element>`,\n        });\n\n        const skeletonShape = await page.find('q2-loading-element .skeleton-shape');\n\n        expect(skeletonShape).toHaveClass('circle');\n\n        const skeletonStyle = await page.$eval('q2-loading-element', (element: HTMLElement) => {\n            const { height, width } = element.querySelector<HTMLDivElement>('.skeleton-shape').style;\n\n            return {\n                height,\n                width,\n            };\n        });\n\n        expect(skeletonStyle.height).toEqual('50px');\n        expect(skeletonStyle.width).toEqual('50px');\n    });\n});\n"]}
+{"version":3,"file":"q2-loading-element-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-loading/test/q2-loading-element-test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEtD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,6CAA6C,EAAE,KAAK;QACnD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;YACrB,IAAI,EAAE,2GAA2G;SACpH,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;QAE5E,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAE/C,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,OAAoB,EAAE,EAAE;YAClF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,aAAa,CAAiB,iBAAiB,CAAC,CAAC,KAAK,CAAC;YAEvG,OAAO;gBACH,YAAY;gBACZ,MAAM;gBACN,KAAK;aACR,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAClD,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC7C,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK;QAChD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;YACrB,IAAI,EAAE,uEAAuE;SAChF,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;QAE5E,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE5C,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,OAAoB,EAAE,EAAE;YAClF,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,aAAa,CAAiB,iBAAiB,CAAC,CAAC,KAAK,CAAC;YAEzF,OAAO;gBACH,MAAM;gBACN,KAAK;aACR,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC7C,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC3B,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;YAC1B,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;gBACpD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;oBACrB,IAAI,EAAE,2GAA2G;iBACpH,CAAC,CAAC;gBACH,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,CAAC;gBAC/C,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACzC,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { evaluateA11y, setup } from '@/utils/helpers';\n\ndescribe('q2-loading-element', () => {\n    it('builds the rectangle with appropriate props', async function (): Promise<void> {\n        const page = await setup({\n            html: `<q2-loading-element shape=\"rectangle\" width=\"50%\" height=\"2rem\" border-radius=\"5px\"></q2-loading-element>`,\n        });\n\n        const skeletonShape = await page.find('q2-loading-element .skeleton-shape');\n\n        expect(skeletonShape).toHaveClass('rectangle');\n\n        const skeletonStyle = await page.$eval('q2-loading-element', (element: HTMLElement) => {\n            const { borderRadius, height, width } = element.querySelector<HTMLDivElement>('.skeleton-shape').style;\n\n            return {\n                borderRadius,\n                height,\n                width,\n            };\n        });\n\n        expect(skeletonStyle.borderRadius).toEqual('5px');\n        expect(skeletonStyle.height).toEqual('2rem');\n        expect(skeletonStyle.width).toEqual('50%');\n    });\n\n    it('builds the circle with appropriate props', async function (): Promise<void> {\n        const page = await setup({\n            html: `<q2-loading-element shape=\"circle\" width=\"50px\"></q2-loading-element>`,\n        });\n\n        const skeletonShape = await page.find('q2-loading-element .skeleton-shape');\n\n        expect(skeletonShape).toHaveClass('circle');\n\n        const skeletonStyle = await page.$eval('q2-loading-element', (element: HTMLElement) => {\n            const { height, width } = element.querySelector<HTMLDivElement>('.skeleton-shape').style;\n\n            return {\n                height,\n                width,\n            };\n        });\n\n        expect(skeletonStyle.height).toEqual('50px');\n        expect(skeletonStyle.width).toEqual('50px');\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                const page = await setup({\n                    html: `<q2-loading-element shape=\"rectangle\" width=\"50%\" height=\"2rem\" border-radius=\"5px\"></q2-loading-element>`,\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-loading/test/q2-loading-test.e2e.js

@@ -1,14 +1,5 @@
 import { evaluateA11y, getListOfStyleCompilationIssues, setup, testDeprecatedAriaLabel } from "../../../utils/helpers";
 describe('q2-loading', () => {
-    describe('[A11y] guideline compliance', () => {
-        it('Does not have accessibility violations with only label', async () => {
-            const page = await setup({
-                html: `<q2-loading></q2-loading>`,
-            });
-            const hasViolations = await evaluateA11y(page);
-            expect(hasViolations).toBe(false);
-        });
-    });
     it('properly compiles CSS vars and functions', async () => {
         const page = await setup({ html: '<q2-loading></q2-loading>' });
         expect(await getListOfStyleCompilationIssues(page, 'q2-loading')).toHaveLength(0);
@@ -280,5 +271,19 @@ describe('q2-loading', () => {
             expect(await page.find('q2-loading >>> .q2-loading-animation')).toEqualAttribute('aria-label', label);
         });
     });
+    describe('Accessibility', () => {
+        describe('aXe DevTools', () => {
+            it('does not have accessibility violations', async () => {
+                const page = await setup({
+                    html: `<q2-loading></q2-loading>`,
+                });
+                const hasViolations = await evaluateA11y(page);
+                expect(hasViolations).toBe(false);
+            });
+        });
+        describe('Accessibility Tree', () => { });
+        describe('Keyboard Controls', () => { });
+        describe('Other', () => { });
+    });
 });
 //# sourceMappingURL=q2-loading-test.e2e.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"q2-loading-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-loading/test/q2-loading-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { evaluateA11y, getListOfStyleCompilationIssues, setup, testDeprecatedAriaLabel } from '@/utils/helpers';\n\ndescribe('q2-loading', () => {\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations with only label', async () => {\n            const page = await setup({\n                html: `<q2-loading></q2-loading>`,\n            });\n            const hasViolations = await evaluateA11y(page);\n            expect(hasViolations).toBe(false);\n        });\n    });\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-loading></q2-loading>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-loading')).toHaveLength(0);\n    });\n\n    it('renders the default loader', async function (): Promise<void> {\n        const page = await setup({ html: `<q2-loading></q2-loading>` });\n        const spinner = await page.find('q2-loading >>> .q2-loading-animation');\n\n        expect(spinner).toHaveClass('half-circle-spinner');\n    });\n\n    it('handles the aria-label', async function (): Promise<void> {\n        const page = await setup({ html: `<q2-loading></q2-loading>` });\n        const q2Loading = await page.find('q2-loading');\n        const spinner = await page.find('q2-loading >>> .q2-loading-animation');\n\n        expect(spinner).toEqualAttribute('aria-label', 'tecton.element.loading.ariaLabel');\n\n        q2Loading.setProperty('ariaLabel', 'foo');\n        await page.waitForChanges();\n\n        expect(spinner).toEqualAttribute('aria-label', 'foo');\n\n        q2Loading.setProperty('type', 'skeleton');\n        await page.waitForChanges();\n\n        const skeleton = await page.find('q2-loading >>> .q2-loading-skeleton');\n        expect(skeleton).toEqualAttribute('aria-label', 'foo');\n    });\n\n    it('pulls skeleton loaders from dictionary', async function (): Promise<void> {\n        const page = await setup({ html: `<q2-loading type=\"skeleton\"></q2-loading>` });\n        const q2Loading = await page.find('q2-loading');\n        const skeleton = await page.find('q2-loading >>> .q2-loading-skeleton');\n        let skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n\n        expect(skeleton).not.toBeNull();\n        expect(skeletonShape).toBeNull();\n\n        q2Loading.setProperty('shape', 'rectangle');\n        await page.waitForChanges();\n\n        skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n\n        expect(skeletonShape).not.toBeNull();\n    });\n\n    describe('skeletons', () => {\n        it('renders circle skeleton', async function (): Promise<void> {\n            const page = await setup({\n                html: `<q2-loading type=\"skeleton\" shape=\"circle\"></q2-loading>`,\n            });\n\n            const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n\n            expect(skeletonShape).toHaveClass('circle');\n\n            const skeletonStyle = await page.$eval('q2-loading', (element: HTMLElement) => {\n                const { width, height } = element.shadowRoot.querySelector<HTMLElement>('.skeleton-shape').style;\n                return { width, height };\n            });\n\n            expect(skeletonStyle.height).toEqual('100%');\n            expect(skeletonStyle.width).toEqual('100%');\n        });\n\n        it('renders rectangle skeleton', async function (): Promise<void> {\n            const page = await setup({\n                html: `<q2-loading type=\"skeleton\" shape=\"rectangle\"></q2-loading>`,\n            });\n\n            const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n\n            expect(skeletonShape).toHaveClass('rectangle');\n\n            const skeletonStyle = await page.$eval('q2-loading', (element: HTMLElement) => {\n                const { borderRadius, height } =\n                    element.shadowRoot.querySelector<HTMLDivElement>('.skeleton-shape').style;\n\n                return {\n                    borderRadius,\n                    height,\n                };\n            });\n\n            expect(skeletonStyle.borderRadius).toEqual('var(--tct-border-radius-1, 4px)');\n            expect(skeletonStyle.height).toEqual('100%');\n        });\n\n        describe('table', () => {\n            it('renders according to props', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"table\"></q2-loading>`,\n                });\n\n                const skeletonHeaderColumns = await page.findAll('q2-loading >>> .skeleton-table-header .rectangle');\n                const skeletonBodyRows = await page.findAll('q2-loading >>> .skeleton-table-body .skeleton-table-row');\n                const skeletonBodyFirstRow = skeletonBodyRows[0];\n                const skeletonBodyColumns = await skeletonBodyFirstRow.findAll('.rectangle');\n                const skeletonBorders = await page.findAll(\n                    'q2-loading >>> .skeleton-table-body .skeleton-table-row-border'\n                );\n\n                expect(skeletonHeaderColumns).toHaveLength(5);\n                expect(skeletonBodyRows).toHaveLength(5);\n                expect(skeletonBodyColumns).toHaveLength(5);\n                expect(skeletonBorders).toHaveLength(0);\n            });\n\n            it('renders with modifiers', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"table\" modifiers=\"headless\"></q2-loading>`,\n                });\n\n                const q2Loading = await page.find('q2-loading');\n                let skeletonHeader = await page.find('q2-loading >>> .skeleton-table-header');\n                let skeletonBorders = await page.findAll(\n                    'q2-loading >>> .skeleton-table-body .skeleton-table-row-border'\n                );\n\n                expect(skeletonHeader).toBeNull();\n                expect(skeletonBorders).toHaveLength(0);\n\n                q2Loading.setProperty('modifiers', 'bordered');\n                await page.waitForChanges();\n\n                skeletonHeader = await page.find('q2-loading >>> .skeleton-table-header');\n                skeletonBorders = await page.findAll('q2-loading >>> .skeleton-table-body .skeleton-table-row-border');\n\n                expect(skeletonHeader).not.toBeNull();\n                expect(skeletonBorders).toHaveLength(5);\n\n                q2Loading.setProperty('modifiers', 'bordered-headless');\n                await page.waitForChanges();\n\n                skeletonHeader = await page.find('q2-loading >>> .skeleton-table-header');\n                skeletonBorders = await page.findAll('q2-loading >>> .skeleton-table-body .skeleton-table-row-border');\n\n                expect(skeletonHeader).toBeNull();\n                expect(skeletonBorders).toHaveLength(5);\n            });\n\n            it('renders with counts', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"table\" counts=\"2\"></q2-loading>`,\n                });\n\n                const q2Loading = await page.find('q2-loading');\n                let skeletonHeaderColumns = await page.findAll('q2-loading >>> .skeleton-table-header .rectangle');\n                let skeletonBodyRows = await page.findAll('q2-loading >>> .skeleton-table-body .skeleton-table-row');\n                let skeletonBodyFirstRow = skeletonBodyRows[0];\n                let skeletonBodyColumns = await skeletonBodyFirstRow.findAll('.rectangle');\n\n                expect(skeletonHeaderColumns).toHaveLength(2);\n                expect(skeletonBodyRows).toHaveLength(5);\n                expect(skeletonBodyColumns).toHaveLength(2);\n\n                q2Loading.setProperty('counts', '4x10');\n                await page.waitForChanges();\n\n                skeletonHeaderColumns = await page.findAll('q2-loading >>> .skeleton-table-header .rectangle');\n                skeletonBodyRows = await page.findAll('q2-loading >>> .skeleton-table-body .skeleton-table-row');\n                skeletonBodyFirstRow = skeletonBodyRows[0];\n                skeletonBodyColumns = await skeletonBodyFirstRow.findAll('.rectangle');\n\n                expect(skeletonHeaderColumns).toHaveLength(4);\n                expect(skeletonBodyRows).toHaveLength(10);\n                expect(skeletonBodyColumns).toHaveLength(4);\n\n                q2Loading.setProperty('counts', 'x7'); // doesn't defaults cols in broken syntax\n                await page.waitForChanges();\n\n                skeletonHeaderColumns = await page.findAll('q2-loading >>> .skeleton-table-header .rectangle');\n                skeletonBodyRows = await page.findAll('q2-loading >>> .skeleton-table-body .skeleton-table-row');\n                expect(skeletonHeaderColumns).toHaveLength(0);\n                expect(skeletonBodyRows).toHaveLength(7);\n            });\n        });\n\n        it('renders field skeleton', async function (): Promise<void> {\n            const page = await setup({\n                html: `<q2-loading type=\"skeleton\" shape=\"field\"></q2-loading>`,\n            });\n\n            const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n\n            expect(skeletonShape).toHaveClass('field');\n\n            const atoms = await page.findAll('q2-loading >>> .rectangle');\n\n            expect(atoms).toHaveLength(2);\n        });\n\n        it('renders form skeleton', async function (): Promise<void> {\n            const page = await setup({\n                html: `<q2-loading type=\"skeleton\" shape=\"form\"></q2-loading>`,\n            });\n            const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n            let fields = await page.findAll('q2-loading >>> .field');\n\n            expect(skeletonShape).toHaveClasses(['form', 'columns-1']);\n            expect(fields).toHaveLength(1);\n\n            const q2Loading = await page.find('q2-loading');\n\n            q2Loading.setProperty('counts', '5');\n            await page.waitForChanges();\n            fields = await page.findAll('q2-loading >>> .field');\n\n            expect(skeletonShape).toHaveClass('columns-1');\n            expect(fields).toHaveLength(5);\n\n            q2Loading.setProperty('counts', '2x5');\n            await page.waitForChanges();\n            fields = await page.findAll('q2-loading >>> .field');\n\n            expect(skeletonShape).toHaveClass('columns-2');\n            expect(fields).toHaveLength(10);\n        });\n\n        describe('text skeleton', () => {\n            it('renders according to props', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"text\"></q2-loading>`,\n                });\n                const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n                const header = await page.find('q2-loading >>> .header');\n                let textElements = await page.findAll('q2-loading >>> .text .rectangle:not(.header)');\n\n                expect(skeletonShape).toHaveClass('text');\n                expect(header).toBeNull();\n                expect(textElements).toHaveLength(1);\n\n                const q2Loading = await page.find('q2-loading');\n\n                q2Loading.setProperty('counts', '5');\n                await page.waitForChanges();\n                textElements = await page.findAll('q2-loading >>> .text .rectangle:not(.header)');\n                expect(textElements).toHaveLength(5);\n            });\n\n            it('renders with modifiers', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"text\" modifiers=\"header\"></q2-loading>`,\n                });\n                const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n                const header = await page.find('q2-loading >>> .header');\n\n                expect(skeletonShape).toHaveClass('text');\n                expect(header).not.toBeNull();\n                expect(header).toHaveClass('left');\n\n                const q2Loading = await page.find('q2-loading');\n                q2Loading.setProperty('modifiers', 'header-center-smallheader');\n                await page.waitForChanges();\n\n                expect(header).toHaveClasses(['center', 'smaller']);\n\n                q2Loading.setProperty('modifiers', 'header-center-right-left');\n                await page.waitForChanges();\n\n                expect(header).toHaveClass('center');\n                expect(header).not.toHaveClasses(['left', 'right']); // center takes priority\n\n                q2Loading.setProperty('modifiers', 'header-right-left');\n                await page.waitForChanges();\n\n                expect(header).toHaveClass('right');\n                expect(header).not.toHaveClass('left'); // right takes priority\n            });\n        });\n\n        /* Detailed item */\n        describe('detailed-item skeleton', () => {\n            it('renders with top-level modifiers', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"detailed-item\"></q2-loading>`,\n                });\n                const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n                let detailedItemImage = await page.find('q2-loading >>> .detailed-item-image .skeleton-shape');\n\n                expect(skeletonShape).toHaveClasses(['detailed-item', 'left']);\n                expect(detailedItemImage).toHaveClass('circle');\n\n                const q2Loading = await page.find('q2-loading');\n                q2Loading.setProperty('modifiers', 'center');\n                await page.waitForChanges();\n\n                expect(skeletonShape).toHaveClass('center');\n\n                q2Loading.setProperty('modifiers', 'center-right-left');\n                await page.waitForChanges();\n\n                expect(skeletonShape).toHaveClass('center');\n                expect(skeletonShape).not.toHaveClasses(['left', 'right']); // center takes priority\n\n                q2Loading.setProperty('modifiers', 'right-left');\n                await page.waitForChanges();\n\n                expect(skeletonShape).toHaveClass('right');\n                expect(skeletonShape).not.toHaveClass('left'); // right takes priority\n\n                q2Loading.setProperty('modifiers', 'square');\n                await page.waitForChanges();\n                detailedItemImage = await page.find('q2-loading >>> .detailed-item-image .skeleton-shape');\n\n                expect(detailedItemImage).toHaveClass('rectangle');\n                expect(skeletonShape).not.toHaveClass('circle');\n            });\n\n            it('passes counts and modifiers to text element', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"detailed-item\" modifiers=\"header-center\" counts=\"6\"></q2-loading>`,\n                });\n                const textShape = await page.find('q2-loading >>> .skeleton-shape.text');\n                let textHeader = await textShape.find('.header');\n                let textElements = await textShape.findAll('.rectangle:not(.header)');\n\n                expect(textHeader).not.toBeNull();\n                expect(textHeader).toHaveClass('center');\n                expect(textElements).toHaveLength(6);\n\n                const q2Loading = await page.find('q2-loading');\n                q2Loading.setProperty('modifiers', 'right');\n                q2Loading.setProperty('counts', '2');\n                await page.waitForChanges();\n\n                textHeader = await textShape.find('.header');\n                textElements = await textShape.findAll('.rectangle:not(.header)');\n\n                expect(textHeader).toBeNull();\n                expect(textElements).toHaveLength(2);\n            });\n        });\n\n        it('renders label skeleton', async function (): Promise<void> {\n            const page = await setup({\n                html: `<q2-loading type=\"skeleton\" shape=\"label-value\"></q2-loading>`,\n            });\n            const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n            let rectangles = await page.findAll('q2-loading >>> .rectangle');\n\n            expect(skeletonShape).toHaveClass('label-value');\n            expect(rectangles).toHaveLength(2); // defaults to one row if no counts provided\n\n            const q2Loading = await page.find('q2-loading');\n            q2Loading.setProperty('counts', '6');\n            await page.waitForChanges();\n\n            rectangles = await page.findAll('q2-loading >>> .rectangle');\n            expect(rectangles).toHaveLength(12);\n        });\n    });\n\n    describe('Deprecations', () => {\n        it('handles deprecated `ariaLabel` prop', async () => {\n            const label = 'My Label';\n            const page = await setup({ html: `<q2-loading aria-label=\"${label}\" />` });\n            await page.waitForChanges();\n            await testDeprecatedAriaLabel(await page.find('q2-loading'), label);\n            expect(await page.find('q2-loading >>> .q2-loading-animation')).toEqualAttribute('aria-label', label);\n        });\n    });\n});\n"]}
+{"version":3,"file":"q2-loading-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-loading/test/q2-loading-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { evaluateA11y, getListOfStyleCompilationIssues, setup, testDeprecatedAriaLabel } from '@/utils/helpers';\n\ndescribe('q2-loading', () => {\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-loading></q2-loading>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-loading')).toHaveLength(0);\n    });\n\n    it('renders the default loader', async function (): Promise<void> {\n        const page = await setup({ html: `<q2-loading></q2-loading>` });\n        const spinner = await page.find('q2-loading >>> .q2-loading-animation');\n\n        expect(spinner).toHaveClass('half-circle-spinner');\n    });\n\n    it('handles the aria-label', async function (): Promise<void> {\n        const page = await setup({ html: `<q2-loading></q2-loading>` });\n        const q2Loading = await page.find('q2-loading');\n        const spinner = await page.find('q2-loading >>> .q2-loading-animation');\n\n        expect(spinner).toEqualAttribute('aria-label', 'tecton.element.loading.ariaLabel');\n\n        q2Loading.setProperty('ariaLabel', 'foo');\n        await page.waitForChanges();\n\n        expect(spinner).toEqualAttribute('aria-label', 'foo');\n\n        q2Loading.setProperty('type', 'skeleton');\n        await page.waitForChanges();\n\n        const skeleton = await page.find('q2-loading >>> .q2-loading-skeleton');\n        expect(skeleton).toEqualAttribute('aria-label', 'foo');\n    });\n\n    it('pulls skeleton loaders from dictionary', async function (): Promise<void> {\n        const page = await setup({ html: `<q2-loading type=\"skeleton\"></q2-loading>` });\n        const q2Loading = await page.find('q2-loading');\n        const skeleton = await page.find('q2-loading >>> .q2-loading-skeleton');\n        let skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n\n        expect(skeleton).not.toBeNull();\n        expect(skeletonShape).toBeNull();\n\n        q2Loading.setProperty('shape', 'rectangle');\n        await page.waitForChanges();\n\n        skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n\n        expect(skeletonShape).not.toBeNull();\n    });\n\n    describe('skeletons', () => {\n        it('renders circle skeleton', async function (): Promise<void> {\n            const page = await setup({\n                html: `<q2-loading type=\"skeleton\" shape=\"circle\"></q2-loading>`,\n            });\n\n            const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n\n            expect(skeletonShape).toHaveClass('circle');\n\n            const skeletonStyle = await page.$eval('q2-loading', (element: HTMLElement) => {\n                const { width, height } = element.shadowRoot.querySelector<HTMLElement>('.skeleton-shape').style;\n                return { width, height };\n            });\n\n            expect(skeletonStyle.height).toEqual('100%');\n            expect(skeletonStyle.width).toEqual('100%');\n        });\n\n        it('renders rectangle skeleton', async function (): Promise<void> {\n            const page = await setup({\n                html: `<q2-loading type=\"skeleton\" shape=\"rectangle\"></q2-loading>`,\n            });\n\n            const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n\n            expect(skeletonShape).toHaveClass('rectangle');\n\n            const skeletonStyle = await page.$eval('q2-loading', (element: HTMLElement) => {\n                const { borderRadius, height } =\n                    element.shadowRoot.querySelector<HTMLDivElement>('.skeleton-shape').style;\n\n                return {\n                    borderRadius,\n                    height,\n                };\n            });\n\n            expect(skeletonStyle.borderRadius).toEqual('var(--tct-border-radius-1, 4px)');\n            expect(skeletonStyle.height).toEqual('100%');\n        });\n\n        describe('table', () => {\n            it('renders according to props', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"table\"></q2-loading>`,\n                });\n\n                const skeletonHeaderColumns = await page.findAll('q2-loading >>> .skeleton-table-header .rectangle');\n                const skeletonBodyRows = await page.findAll('q2-loading >>> .skeleton-table-body .skeleton-table-row');\n                const skeletonBodyFirstRow = skeletonBodyRows[0];\n                const skeletonBodyColumns = await skeletonBodyFirstRow.findAll('.rectangle');\n                const skeletonBorders = await page.findAll(\n                    'q2-loading >>> .skeleton-table-body .skeleton-table-row-border'\n                );\n\n                expect(skeletonHeaderColumns).toHaveLength(5);\n                expect(skeletonBodyRows).toHaveLength(5);\n                expect(skeletonBodyColumns).toHaveLength(5);\n                expect(skeletonBorders).toHaveLength(0);\n            });\n\n            it('renders with modifiers', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"table\" modifiers=\"headless\"></q2-loading>`,\n                });\n\n                const q2Loading = await page.find('q2-loading');\n                let skeletonHeader = await page.find('q2-loading >>> .skeleton-table-header');\n                let skeletonBorders = await page.findAll(\n                    'q2-loading >>> .skeleton-table-body .skeleton-table-row-border'\n                );\n\n                expect(skeletonHeader).toBeNull();\n                expect(skeletonBorders).toHaveLength(0);\n\n                q2Loading.setProperty('modifiers', 'bordered');\n                await page.waitForChanges();\n\n                skeletonHeader = await page.find('q2-loading >>> .skeleton-table-header');\n                skeletonBorders = await page.findAll('q2-loading >>> .skeleton-table-body .skeleton-table-row-border');\n\n                expect(skeletonHeader).not.toBeNull();\n                expect(skeletonBorders).toHaveLength(5);\n\n                q2Loading.setProperty('modifiers', 'bordered-headless');\n                await page.waitForChanges();\n\n                skeletonHeader = await page.find('q2-loading >>> .skeleton-table-header');\n                skeletonBorders = await page.findAll('q2-loading >>> .skeleton-table-body .skeleton-table-row-border');\n\n                expect(skeletonHeader).toBeNull();\n                expect(skeletonBorders).toHaveLength(5);\n            });\n\n            it('renders with counts', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"table\" counts=\"2\"></q2-loading>`,\n                });\n\n                const q2Loading = await page.find('q2-loading');\n                let skeletonHeaderColumns = await page.findAll('q2-loading >>> .skeleton-table-header .rectangle');\n                let skeletonBodyRows = await page.findAll('q2-loading >>> .skeleton-table-body .skeleton-table-row');\n                let skeletonBodyFirstRow = skeletonBodyRows[0];\n                let skeletonBodyColumns = await skeletonBodyFirstRow.findAll('.rectangle');\n\n                expect(skeletonHeaderColumns).toHaveLength(2);\n                expect(skeletonBodyRows).toHaveLength(5);\n                expect(skeletonBodyColumns).toHaveLength(2);\n\n                q2Loading.setProperty('counts', '4x10');\n                await page.waitForChanges();\n\n                skeletonHeaderColumns = await page.findAll('q2-loading >>> .skeleton-table-header .rectangle');\n                skeletonBodyRows = await page.findAll('q2-loading >>> .skeleton-table-body .skeleton-table-row');\n                skeletonBodyFirstRow = skeletonBodyRows[0];\n                skeletonBodyColumns = await skeletonBodyFirstRow.findAll('.rectangle');\n\n                expect(skeletonHeaderColumns).toHaveLength(4);\n                expect(skeletonBodyRows).toHaveLength(10);\n                expect(skeletonBodyColumns).toHaveLength(4);\n\n                q2Loading.setProperty('counts', 'x7'); // doesn't defaults cols in broken syntax\n                await page.waitForChanges();\n\n                skeletonHeaderColumns = await page.findAll('q2-loading >>> .skeleton-table-header .rectangle');\n                skeletonBodyRows = await page.findAll('q2-loading >>> .skeleton-table-body .skeleton-table-row');\n                expect(skeletonHeaderColumns).toHaveLength(0);\n                expect(skeletonBodyRows).toHaveLength(7);\n            });\n        });\n\n        it('renders field skeleton', async function (): Promise<void> {\n            const page = await setup({\n                html: `<q2-loading type=\"skeleton\" shape=\"field\"></q2-loading>`,\n            });\n\n            const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n\n            expect(skeletonShape).toHaveClass('field');\n\n            const atoms = await page.findAll('q2-loading >>> .rectangle');\n\n            expect(atoms).toHaveLength(2);\n        });\n\n        it('renders form skeleton', async function (): Promise<void> {\n            const page = await setup({\n                html: `<q2-loading type=\"skeleton\" shape=\"form\"></q2-loading>`,\n            });\n            const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n            let fields = await page.findAll('q2-loading >>> .field');\n\n            expect(skeletonShape).toHaveClasses(['form', 'columns-1']);\n            expect(fields).toHaveLength(1);\n\n            const q2Loading = await page.find('q2-loading');\n\n            q2Loading.setProperty('counts', '5');\n            await page.waitForChanges();\n            fields = await page.findAll('q2-loading >>> .field');\n\n            expect(skeletonShape).toHaveClass('columns-1');\n            expect(fields).toHaveLength(5);\n\n            q2Loading.setProperty('counts', '2x5');\n            await page.waitForChanges();\n            fields = await page.findAll('q2-loading >>> .field');\n\n            expect(skeletonShape).toHaveClass('columns-2');\n            expect(fields).toHaveLength(10);\n        });\n\n        describe('text skeleton', () => {\n            it('renders according to props', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"text\"></q2-loading>`,\n                });\n                const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n                const header = await page.find('q2-loading >>> .header');\n                let textElements = await page.findAll('q2-loading >>> .text .rectangle:not(.header)');\n\n                expect(skeletonShape).toHaveClass('text');\n                expect(header).toBeNull();\n                expect(textElements).toHaveLength(1);\n\n                const q2Loading = await page.find('q2-loading');\n\n                q2Loading.setProperty('counts', '5');\n                await page.waitForChanges();\n                textElements = await page.findAll('q2-loading >>> .text .rectangle:not(.header)');\n                expect(textElements).toHaveLength(5);\n            });\n\n            it('renders with modifiers', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"text\" modifiers=\"header\"></q2-loading>`,\n                });\n                const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n                const header = await page.find('q2-loading >>> .header');\n\n                expect(skeletonShape).toHaveClass('text');\n                expect(header).not.toBeNull();\n                expect(header).toHaveClass('left');\n\n                const q2Loading = await page.find('q2-loading');\n                q2Loading.setProperty('modifiers', 'header-center-smallheader');\n                await page.waitForChanges();\n\n                expect(header).toHaveClasses(['center', 'smaller']);\n\n                q2Loading.setProperty('modifiers', 'header-center-right-left');\n                await page.waitForChanges();\n\n                expect(header).toHaveClass('center');\n                expect(header).not.toHaveClasses(['left', 'right']); // center takes priority\n\n                q2Loading.setProperty('modifiers', 'header-right-left');\n                await page.waitForChanges();\n\n                expect(header).toHaveClass('right');\n                expect(header).not.toHaveClass('left'); // right takes priority\n            });\n        });\n\n        /* Detailed item */\n        describe('detailed-item skeleton', () => {\n            it('renders with top-level modifiers', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"detailed-item\"></q2-loading>`,\n                });\n                const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n                let detailedItemImage = await page.find('q2-loading >>> .detailed-item-image .skeleton-shape');\n\n                expect(skeletonShape).toHaveClasses(['detailed-item', 'left']);\n                expect(detailedItemImage).toHaveClass('circle');\n\n                const q2Loading = await page.find('q2-loading');\n                q2Loading.setProperty('modifiers', 'center');\n                await page.waitForChanges();\n\n                expect(skeletonShape).toHaveClass('center');\n\n                q2Loading.setProperty('modifiers', 'center-right-left');\n                await page.waitForChanges();\n\n                expect(skeletonShape).toHaveClass('center');\n                expect(skeletonShape).not.toHaveClasses(['left', 'right']); // center takes priority\n\n                q2Loading.setProperty('modifiers', 'right-left');\n                await page.waitForChanges();\n\n                expect(skeletonShape).toHaveClass('right');\n                expect(skeletonShape).not.toHaveClass('left'); // right takes priority\n\n                q2Loading.setProperty('modifiers', 'square');\n                await page.waitForChanges();\n                detailedItemImage = await page.find('q2-loading >>> .detailed-item-image .skeleton-shape');\n\n                expect(detailedItemImage).toHaveClass('rectangle');\n                expect(skeletonShape).not.toHaveClass('circle');\n            });\n\n            it('passes counts and modifiers to text element', async function (): Promise<void> {\n                const page = await setup({\n                    html: `<q2-loading type=\"skeleton\" shape=\"detailed-item\" modifiers=\"header-center\" counts=\"6\"></q2-loading>`,\n                });\n                const textShape = await page.find('q2-loading >>> .skeleton-shape.text');\n                let textHeader = await textShape.find('.header');\n                let textElements = await textShape.findAll('.rectangle:not(.header)');\n\n                expect(textHeader).not.toBeNull();\n                expect(textHeader).toHaveClass('center');\n                expect(textElements).toHaveLength(6);\n\n                const q2Loading = await page.find('q2-loading');\n                q2Loading.setProperty('modifiers', 'right');\n                q2Loading.setProperty('counts', '2');\n                await page.waitForChanges();\n\n                textHeader = await textShape.find('.header');\n                textElements = await textShape.findAll('.rectangle:not(.header)');\n\n                expect(textHeader).toBeNull();\n                expect(textElements).toHaveLength(2);\n            });\n        });\n\n        it('renders label skeleton', async function (): Promise<void> {\n            const page = await setup({\n                html: `<q2-loading type=\"skeleton\" shape=\"label-value\"></q2-loading>`,\n            });\n            const skeletonShape = await page.find('q2-loading >>> .skeleton-shape');\n            let rectangles = await page.findAll('q2-loading >>> .rectangle');\n\n            expect(skeletonShape).toHaveClass('label-value');\n            expect(rectangles).toHaveLength(2); // defaults to one row if no counts provided\n\n            const q2Loading = await page.find('q2-loading');\n            q2Loading.setProperty('counts', '6');\n            await page.waitForChanges();\n\n            rectangles = await page.findAll('q2-loading >>> .rectangle');\n            expect(rectangles).toHaveLength(12);\n        });\n    });\n\n    describe('Deprecations', () => {\n        it('handles deprecated `ariaLabel` prop', async () => {\n            const label = 'My Label';\n            const page = await setup({ html: `<q2-loading aria-label=\"${label}\" />` });\n            await page.waitForChanges();\n            await testDeprecatedAriaLabel(await page.find('q2-loading'), label);\n            expect(await page.find('q2-loading >>> .q2-loading-animation')).toEqualAttribute('aria-label', label);\n        });\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                const page = await setup({\n                    html: `<q2-loading></q2-loading>`,\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-loc/q2-loc.js

@@ -8,7 +8,7 @@ export class Q2Loc {
     // #endregion
     // #region Render Methods
     render() {
-        return h("span", { key: 'b27e49dd804dd357eeea627ae4cb0fdb4596495b' }, loc(this.value, this.substitutions));
+        return h("span", { key: 'e003f2f988be6050e7f80f0d0b2a9fbd587a66eb' }, loc(this.value, this.substitutions));
     }
     static get is() { return "q2-loc"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-loc/test/q2-loc-test.e2e.js

@@ -1,16 +1,5 @@
 import { evaluateA11y, getListOfStyleCompilationIssues, setTestStrings, setup } from "../../../utils/helpers";
 describe('q2-loc', () => {
-    describe('[A11y] guideline compliance', () => {
-        it('Does not have accessibility violations with only label', async () => {
-            const page = await setup({ html: `<q2-loc></q2-loc>` });
-            await setTestStrings(page, { 'tecton.element.loc.test': 'Test String' });
-            const q2Loc = await page.find('q2-loc');
-            q2Loc.setProperty('value', 'tecton.element.loc.test');
-            await page.waitForChanges();
-            const hasViolations = await evaluateA11y(page);
-            expect(hasViolations).toBe(false);
-        });
-    });
     it('properly compiles CSS vars and functions', async () => {
         const page = await setup({ html: '<q2-loc></q2-loc>' });
         expect(await getListOfStyleCompilationIssues(page, 'q2-loc')).toHaveLength(0);
@@ -44,5 +33,21 @@ describe('q2-loc', () => {
         // nested span renders with localized text
         expect(innerContent.innerText).toEqual('Test String with Jane and Doe');
     });
+    describe('Accessibility', () => {
+        describe('aXe DevTools', () => {
+            it('does not have accessibility violations', async () => {
+                const page = await setup({ html: `<q2-loc></q2-loc>` });
+                await setTestStrings(page, { 'tecton.element.loc.test': 'Test String' });
+                const q2Loc = await page.find('q2-loc');
+                q2Loc.setProperty('value', 'tecton.element.loc.test');
+                await page.waitForChanges();
+                const hasViolations = await evaluateA11y(page);
+                expect(hasViolations).toBe(false);
+            });
+        });
+        describe('Accessibility Tree', () => { });
+        describe('Keyboard Controls', () => { });
+        describe('Other', () => { });
+    });
 });
 //# sourceMappingURL=q2-loc-test.e2e.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"q2-loc-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-loc/test/q2-loc-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { evaluateA11y, getListOfStyleCompilationIssues, setTestStrings, setup } from '@/utils/helpers';\n\ndescribe('q2-loc', () => {\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations with only label', async () => {\n            const page = await setup({ html: `<q2-loc></q2-loc>` });\n            await setTestStrings(page, { 'tecton.element.loc.test': 'Test String' });\n            const q2Loc = await page.find('q2-loc');\n            q2Loc.setProperty('value', 'tecton.element.loc.test');\n            await page.waitForChanges();\n            const hasViolations = await evaluateA11y(page);\n            expect(hasViolations).toBe(false);\n        });\n    });\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-loc></q2-loc>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-loc')).toHaveLength(0);\n    });\n\n    it('localizes provided string and renders the text in its shadowDOM', async function (): Promise<void> {\n        const page = await setup({ html: `<q2-loc></q2-loc>` });\n        await setTestStrings(page, { 'tecton.element.loc.test': 'Test String' });\n\n        const q2Loc = await page.find('q2-loc');\n\n        q2Loc.setProperty('value', 'tecton.element.loc.test');\n\n        await page.waitForChanges();\n\n        // the component renders\n        expect(q2Loc.tagName).toEqual('Q2-LOC');\n\n        const innerContent = await page.find('q2-loc >>> span');\n\n        // nested span renders with localized text\n        expect(innerContent.innerText).toEqual('Test String');\n    });\n\n    it('localizes provided string with substitutions and renders the text in its shadowDOM', async function (): Promise<void> {\n        const page = await setup({ html: `<q2-loc id=\"unique-id\"></q2-loc>` });\n        await setTestStrings(page, {\n            'tecton.element.loc.test.substitutions': 'Test String with {0} and {1}',\n        });\n\n        const q2Loc = await page.find('q2-loc');\n        q2Loc.setProperty('value', 'tecton.element.loc.test.substitutions');\n\n        await page.$eval('q2-loc', (element: HTMLQ2LocElement) => {\n            element.substitutions = ['Jane', 'Doe'];\n        });\n\n        await page.waitForChanges();\n\n        // the component renders\n        expect(q2Loc.tagName).toEqual('Q2-LOC');\n\n        const innerContent = await page.find('q2-loc >>> span');\n\n        // nested span renders with localized text\n        expect(innerContent.innerText).toEqual('Test String with Jane and Doe');\n    });\n});\n"]}
+{"version":3,"file":"q2-loc-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-loc/test/q2-loc-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { evaluateA11y, getListOfStyleCompilationIssues, setTestStrings, setup } from '@/utils/helpers';\n\ndescribe('q2-loc', () => {\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-loc></q2-loc>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-loc')).toHaveLength(0);\n    });\n\n    it('localizes provided string and renders the text in its shadowDOM', async function (): Promise<void> {\n        const page = await setup({ html: `<q2-loc></q2-loc>` });\n        await setTestStrings(page, { 'tecton.element.loc.test': 'Test String' });\n\n        const q2Loc = await page.find('q2-loc');\n\n        q2Loc.setProperty('value', 'tecton.element.loc.test');\n\n        await page.waitForChanges();\n\n        // the component renders\n        expect(q2Loc.tagName).toEqual('Q2-LOC');\n\n        const innerContent = await page.find('q2-loc >>> span');\n\n        // nested span renders with localized text\n        expect(innerContent.innerText).toEqual('Test String');\n    });\n\n    it('localizes provided string with substitutions and renders the text in its shadowDOM', async function (): Promise<void> {\n        const page = await setup({ html: `<q2-loc id=\"unique-id\"></q2-loc>` });\n        await setTestStrings(page, {\n            'tecton.element.loc.test.substitutions': 'Test String with {0} and {1}',\n        });\n\n        const q2Loc = await page.find('q2-loc');\n        q2Loc.setProperty('value', 'tecton.element.loc.test.substitutions');\n\n        await page.$eval('q2-loc', (element: HTMLQ2LocElement) => {\n            element.substitutions = ['Jane', 'Doe'];\n        });\n\n        await page.waitForChanges();\n\n        // the component renders\n        expect(q2Loc.tagName).toEqual('Q2-LOC');\n\n        const innerContent = await page.find('q2-loc >>> span');\n\n        // nested span renders with localized text\n        expect(innerContent.innerText).toEqual('Test String with Jane and Doe');\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                const page = await setup({ html: `<q2-loc></q2-loc>` });\n                await setTestStrings(page, { 'tecton.element.loc.test': 'Test String' });\n                const q2Loc = await page.find('q2-loc');\n                q2Loc.setProperty('value', 'tecton.element.loc.test');\n                await page.waitForChanges();\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-message/q2-message.js

@@ -57,7 +57,7 @@ export class Q2Message {
         const addDivForAriaLive = !isFirefox && this.presentToggle;
         const { description } = this;
         const messageLabel = loc(`tecton.element.message.type.${this.type ? this.type : 'info'}`);
-        return (h("div", { key: 'a1f3db0aeec9502c1db92acc0fcd8138c09d5581', tabindex: "-1", class: "message", role: description ? undefined : 'alert', "aria-live": description ? undefined : 'assertive', "aria-atomic": description ? undefined : 'true', "aria-relevant": description && addAriaHiddenForAriaLive ? undefined : 'all', "test-id": "messageContainer" }, this.appearance === 'standard' ? this.messageIcon(this.type) : '', addDivForAriaLive && h("div", { key: 'd12074a170737cc538030798fe98e09051ff9438', class: "sr" }), h("div", { key: 'd05b18b097c7e799c3a858ba2bba1712b8ffe7e4', class: "sr message-label" }, messageLabel), h("div", { key: 'eeaed400418f0bbc2598aefd8773912387d4ca5c', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: '2392ce36a05043bc88e87003ecbc54a7d9239b61' }))));
+        return (h("div", { key: '32df9337d60e4cde91b479f7ac2145b490c6e86f', tabindex: "-1", class: "message", role: description ? undefined : 'alert', "aria-live": description ? undefined : 'assertive', "aria-atomic": description ? undefined : 'true', "aria-relevant": description && addAriaHiddenForAriaLive ? undefined : 'all', "test-id": "messageContainer" }, this.appearance === 'standard' ? this.messageIcon(this.type) : '', addDivForAriaLive && h("div", { key: '8c85280a31471b39972eaf836eba26e46f8fa384', class: "sr" }), h("div", { key: '38197f54a04591a1b059fb84adeaa753e7d75b5a', class: "sr message-label" }, messageLabel), h("div", { key: '9cc59dd782ad77089f1e9bd9e19f03f6e2333752', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: '10589fb202d11974e4a9eddd89646f88f1a38230' }))));
     }
     static get is() { return "q2-message"; }
     static get encapsulation() { return "shadow"; }