npm - q2-tecton-elements - Versions diffs - 1.52.2 → 1.54.0 - Mend

q2-tecton-elements 1.52.2 → 1.54.0

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

Files changed (361) hide show

package/dist/collection/components/q2-action-group/test/q2-action-group.e2e.js CHANGED Viewed

@@ -2,6 +2,27 @@ import { setup } from "../../../utils/helpers";
 describe('q2-action-group', () => {
     let page;
     let resizeEventSpy;
+    const pseudoElementExists = async () => {
+        return page.evaluate(() => {
+            const element = document.querySelector('q2-link:not(:last-child)');
+            if (!element)
+                return false;
+            const beforeStyle = window.getComputedStyle(element, ':before');
+            return beforeStyle.getPropertyValue('display') !== 'none' && beforeStyle.getPropertyValue('content') === '';
+        });
+    };
+    const pseudoElementStyles = async () => {
+        return page.evaluate(() => {
+            const element = document.querySelector('q2-link:not(:last-child)');
+            if (!element)
+                return null;
+            const styles = window.getComputedStyle(element, ':before');
+            return Array.from(styles).reduce((acc, key) => {
+                acc[key] = styles.getPropertyValue(key);
+                return acc;
+            }, {});
+        });
+    };
     describe('Resizing', () => {
         it('updates the autoOrientation when resized', async () => {
             page = await setup({
@@ -12,18 +33,133 @@ describe('q2-action-group', () => {
                     </q2-action-group>
                 `,
             });
-            const q2BtnGroup = await page.find('q2-action-group');
-            const btnGroupContainer = await page.find('q2-action-group >>> .container');
-            resizeEventSpy = await q2BtnGroup.spyOnEvent('tctResize');
-            expect(btnGroupContainer).toHaveClass('horizontal');
+            const q2ActionGroup = await page.find('q2-action-group');
+            const container = await page.find('q2-action-group >>> .container');
+            resizeEventSpy = await q2ActionGroup.spyOnEvent('tctResize');
+            expect(container).toHaveClass('horizontal');
             await page.setViewport({ width: 400, height: 800 });
             await page.waitForChanges();
             expect(resizeEventSpy).toHaveReceivedEvent();
-            expect(btnGroupContainer).toHaveClass('vertical');
+            expect(container).toHaveClass('vertical');
             await page.setViewport({ width: 600, height: 800 });
             await page.waitForChanges();
             expect(resizeEventSpy).toHaveReceivedEvent();
-            expect(btnGroupContainer).toHaveClass('horizontal');
+            expect(container).toHaveClass('horizontal');
+        });
+    });
+    describe('q2-link interactions', () => {
+        let hasPseudoElement;
+        describe(':before pseudo-element', () => {
+            it('does not exist if only 1 q2-link is provided', async () => {
+                page = await setup({
+                    html: `
+                        <q2-action-group>
+                            <q2-link label="My Link"></q2-link>
+                        </q2-action-group>
+                    `,
+                });
+                hasPseudoElement = await pseudoElementExists();
+                expect(hasPseudoElement).toBe(false);
+            });
+            it('does not exist if orientation is "vertical"', async () => {
+                page = await setup({
+                    html: `
+                        <q2-action-group orientation="vertical">
+                            <q2-link label="My Link"></q2-link>
+                            <q2-link label="My Link"></q2-link>
+                        </q2-action-group>
+                    `,
+                });
+                hasPseudoElement = await pseudoElementExists();
+                expect(hasPseudoElement).toBe(false);
+            });
+            it('does not exist if orientation is "horizontal"', async () => {
+                page = await setup({
+                    html: `
+                        <q2-action-group orientation="horizontal">
+                            <q2-link label="My Link"></q2-link>
+                            <q2-link label="My Link"></q2-link>
+                        </q2-action-group>
+                    `,
+                });
+                hasPseudoElement = await pseudoElementExists();
+                expect(hasPseudoElement).toBe(false);
+            });
+            it('adds the "has-q2-link" class to the container', async () => {
+                page = await setup({
+                    html: `
+                        <q2-action-group>
+                            <q2-link label="My Link"></q2-link>
+                        </q2-action-group>
+                    `,
+                });
+                const container = await page.find('q2-action-group >>> .container');
+                expect(container).toHaveClass('has-q2-link');
+            });
+            it('updates the container gap value to 20px', async () => {
+                page = await setup({
+                    html: `
+                        <q2-action-group>
+                            <q2-link label="My Link"></q2-link>
+                            <q2-link label="My Link"></q2-link>
+                        </q2-action-group>
+                    `,
+                });
+                const container = await page.find('q2-action-group >>> .container');
+                const computedStyle = await container.getComputedStyle();
+                expect(computedStyle.gap).toBe('20px');
+            });
+            it('sets the pseudo-element styles correctly', async () => {
+                page = await setup({
+                    html: `
+                        <q2-action-group>
+                            <q2-link label="My Link"></q2-link>
+                            <q2-link label="My Link"></q2-link>
+                        </q2-action-group>
+                    `,
+                });
+                const expectedPseudoStyles = {
+                    content: '""',
+                    width: '0px',
+                    height: '28px',
+                    'border-left-width': '1px',
+                    'border-left-style': 'solid',
+                    'border-left-color': 'rgb(217, 217, 217)',
+                    position: 'absolute',
+                    left: '-10px',
+                };
+                const pseudoStyles = await pseudoElementStyles();
+                Object.entries(expectedPseudoStyles).forEach(([cssProp, value]) => {
+                    expect(pseudoStyles[cssProp]).toBe(value);
+                });
+            });
+        });
+        describe('when q2-link elements are not present', () => {
+            it('does not add :before pseudo-elements', async () => {
+                page = await setup({
+                    html: `
+                    <q2-action-group>
+                        <q2-btn label="My Button"></q2-btn>
+                        <q2-btn label="My Button"></q2-btn>
+                    </q2-action-group>
+                `,
+                });
+                hasPseudoElement = await pseudoElementExists();
+                expect(hasPseudoElement).toBe(false);
+            });
+            it('keeps the container gap value at 10px', async () => {
+                page = await setup({
+                    html: `
+                        <q2-action-group>
+                            <q2-btn label="My Button"></q2-btn>
+                            <q2-btn label="My Button"></q2-btn>
+                        </q2-action-group>
+                    `,
+                });
+                const container = await page.find('q2-action-group >>> .container');
+                const computedStyle = await container.getComputedStyle();
+                expect(computedStyle.gap).toBe('10px');
+            });
         });
     });
 });

package/dist/collection/components/q2-action-group/test/q2-action-group.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"q2-action-group.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-action-group/test/q2-action-group.e2e.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC7B,IAAI,IAAa,CAAC;IAClB,IAAI,cAAwB,CAAC;IAE7B,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACtB,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;YACtD,IAAI,GAAG,MAAM,KAAK,CAAC;gBACf,IAAI,EAAE;;;;;iBAKL;aACJ,CAAC,CAAC;YAEH,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;YACtD,MAAM,iBAAiB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;YAC5E,cAAc,GAAG,MAAM,UAAU,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;YAE1D,MAAM,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAEpD,MAAM,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YACpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,CAAC,cAAc,CAAC,CAAC,mBAAmB,EAAE,CAAC;YAC7C,MAAM,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAElD,MAAM,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YACpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,CAAC,cAAc,CAAC,CAAC,mBAAmB,EAAE,CAAC;YAC7C,MAAM,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { E2EPage, EventSpy } from '@stencil/core/testing';\nimport { setup } from '@/utils/helpers';\n\ndescribe('q2-action-group', () => {\n let page: E2EPage;\n let resizeEventSpy: EventSpy;\n\n describe('Resizing', () => {\n it('updates the autoOrientation when resized', async () => {\n page = await setup({\n html: `\n <q2-action-group>\n <q2-btn intent=\"workflow-primary\">Primary</q2-btn>\n <q2-btn intent=\"workflow-secondary\">Secondary</q2-btn>\n </q2-action-group>\n `,\n });\n\n const q2BtnGroup = await page.find('q2-action-group');\n const btnGroupContainer = await page.find('q2-action-group >>> .container');\n resizeEventSpy = await q2BtnGroup.spyOnEvent('tctResize');\n\n expect(btnGroupContainer).toHaveClass('horizontal');\n\n await page.setViewport({ width: 400, height: 800 });\n await page.waitForChanges();\n\n expect(resizeEventSpy).toHaveReceivedEvent();\n expect(btnGroupContainer).toHaveClass('vertical');\n\n await page.setViewport({ width: 600, height: 800 });\n await page.waitForChanges();\n\n expect(resizeEventSpy).toHaveReceivedEvent();\n expect(btnGroupContainer).toHaveClass('horizontal');\n });\n });\n});\n"]}
1	+ {"version":3,"file":"q2-action-group.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-action-group/test/q2-action-group.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EPage, EventSpy } from '@stencil/core/testing';\nimport { setup } from '@/utils/helpers';\n\ndescribe('q2-action-group', () => {\n let page: E2EPage;\n let resizeEventSpy: EventSpy;\n\n const pseudoElementExists = async (): Promise<boolean> => {\n return page.evaluate(() => {\n const element = document.querySelector('q2-link:not(:last-child)');\n if (!element) return false;\n const beforeStyle = window.getComputedStyle(element, ':before');\n return beforeStyle.getPropertyValue('display') !== 'none' && beforeStyle.getPropertyValue('content') === '';\n });\n };\n\n const pseudoElementStyles = async (): Promise<Record<string, string> \| null> => {\n return page.evaluate(() => {\n const element = document.querySelector('q2-link:not(:last-child)');\n if (!element) return null;\n const styles = window.getComputedStyle(element, ':before');\n return Array.from(styles).reduce(\n (acc, key) => {\n acc[key] = styles.getPropertyValue(key);\n return acc;\n },\n {} as Record<string, string>\n );\n });\n };\n\n describe('Resizing', () => {\n it('updates the autoOrientation when resized', async () => {\n page = await setup({\n html: `\n <q2-action-group>\n <q2-btn intent=\"workflow-primary\">Primary</q2-btn>\n <q2-btn intent=\"workflow-secondary\">Secondary</q2-btn>\n </q2-action-group>\n `,\n });\n\n const q2ActionGroup = await page.find('q2-action-group');\n const container = await page.find('q2-action-group >>> .container');\n resizeEventSpy = await q2ActionGroup.spyOnEvent('tctResize');\n\n expect(container).toHaveClass('horizontal');\n\n await page.setViewport({ width: 400, height: 800 });\n await page.waitForChanges();\n\n expect(resizeEventSpy).toHaveReceivedEvent();\n expect(container).toHaveClass('vertical');\n\n await page.setViewport({ width: 600, height: 800 });\n await page.waitForChanges();\n\n expect(resizeEventSpy).toHaveReceivedEvent();\n expect(container).toHaveClass('horizontal');\n });\n });\n\n describe('q2-link interactions', () => {\n let hasPseudoElement: boolean;\n describe(':before pseudo-element', () => {\n it('does not exist if only 1 q2-link is provided', async () => {\n page = await setup({\n html: `\n <q2-action-group>\n <q2-link label=\"My Link\"></q2-link>\n </q2-action-group>\n `,\n });\n hasPseudoElement = await pseudoElementExists();\n expect(hasPseudoElement).toBe(false);\n });\n\n it('does not exist if orientation is \"vertical\"', async () => {\n page = await setup({\n html: `\n <q2-action-group orientation=\"vertical\">\n <q2-link label=\"My Link\"></q2-link>\n <q2-link label=\"My Link\"></q2-link>\n </q2-action-group>\n `,\n });\n hasPseudoElement = await pseudoElementExists();\n expect(hasPseudoElement).toBe(false);\n });\n\n it('does not exist if orientation is \"horizontal\"', async () => {\n page = await setup({\n html: `\n <q2-action-group orientation=\"horizontal\">\n <q2-link label=\"My Link\"></q2-link>\n <q2-link label=\"My Link\"></q2-link>\n </q2-action-group>\n `,\n });\n hasPseudoElement = await pseudoElementExists();\n expect(hasPseudoElement).toBe(false);\n });\n\n it('adds the \"has-q2-link\" class to the container', async () => {\n page = await setup({\n html: `\n <q2-action-group>\n <q2-link label=\"My Link\"></q2-link>\n </q2-action-group>\n `,\n });\n const container = await page.find('q2-action-group >>> .container');\n expect(container).toHaveClass('has-q2-link');\n });\n\n it('updates the container gap value to 20px', async () => {\n page = await setup({\n html: `\n <q2-action-group>\n <q2-link label=\"My Link\"></q2-link>\n <q2-link label=\"My Link\"></q2-link>\n </q2-action-group>\n `,\n });\n const container = await page.find('q2-action-group >>> .container');\n const computedStyle = await container.getComputedStyle();\n expect(computedStyle.gap).toBe('20px');\n });\n\n it('sets the pseudo-element styles correctly', async () => {\n page = await setup({\n html: `\n <q2-action-group>\n <q2-link label=\"My Link\"></q2-link>\n <q2-link label=\"My Link\"></q2-link>\n </q2-action-group>\n `,\n });\n const expectedPseudoStyles = {\n content: '\"\"',\n width: '0px',\n height: '28px',\n 'border-left-width': '1px',\n 'border-left-style': 'solid',\n 'border-left-color': 'rgb(217, 217, 217)',\n position: 'absolute',\n left: '-10px',\n };\n const pseudoStyles = await pseudoElementStyles();\n Object.entries(expectedPseudoStyles).forEach(([cssProp, value]) => {\n expect(pseudoStyles[cssProp]).toBe(value);\n });\n });\n });\n\n describe('when q2-link elements are not present', () => {\n it('does not add :before pseudo-elements', async () => {\n page = await setup({\n html: `\n <q2-action-group>\n <q2-btn label=\"My Button\"></q2-btn>\n <q2-btn label=\"My Button\"></q2-btn>\n </q2-action-group>\n `,\n });\n hasPseudoElement = await pseudoElementExists();\n expect(hasPseudoElement).toBe(false);\n });\n it('keeps the container gap value at 10px', async () => {\n page = await setup({\n html: `\n <q2-action-group>\n <q2-btn label=\"My Button\"></q2-btn>\n <q2-btn label=\"My Button\"></q2-btn>\n </q2-action-group>\n `,\n });\n const container = await page.find('q2-action-group >>> .container');\n const computedStyle = await container.getComputedStyle();\n expect(computedStyle.gap).toBe('10px');\n });\n });\n });\n});\n"]}

package/dist/collection/components/q2-action-group/test/q2-action-group.spec.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { newSpecPage } from "@stencil/core/testing";
-import { Q2BtnGroup } from "../q2-action-group";
+import { Q2ActionGroup } from "../q2-action-group";
 describe('q2-action-group', () => {
     let specPage;
+    let groupClass;
     const generateResizeEvent = (width) => {
         return new CustomEvent('tctResize', {
             detail: {
@@ -13,7 +14,7 @@ describe('q2-action-group', () => {
         describe('orientationThreshold', () => {
             beforeEach(async () => {
                 specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
+                    components: [Q2ActionGroup],
                     html: `<q2-action-group></q2-action-group>`,
                 });
                 await specPage.waitForChanges();
@@ -54,65 +55,56 @@ describe('q2-action-group', () => {
         describe('orientation', () => {
             it('is set to "vertical" when the prop is passed in', async () => {
                 specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
+                    components: [Q2ActionGroup],
                     html: `<q2-action-group orientation="vertical"></q2-action-group>`,
                 });
-                await specPage.waitForChanges();
                 expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');
             });
             it('is set to "horizontal" when the prop is passed in', async () => {
                 specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
+                    components: [Q2ActionGroup],
                     html: `<q2-action-group orientation="horizontal"></q2-action-group>`,
                 });
-                await specPage.waitForChanges();
                 expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('horizontal');
             });
             it('takes priority over the autoOrientation', async () => {
                 specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
+                    components: [Q2ActionGroup],
                     html: `<q2-action-group orientation="horizontal"></q2-action-group>`,
                 });
-                await specPage.waitForChanges();
                 expect(specPage.rootInstance.autoOrientation).toEqual('vertical');
                 expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('horizontal');
             });
             it("uses 'auto' when null", async () => {
                 specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
+                    components: [Q2ActionGroup],
                     html: `<q2-action-group></q2-action-group>`,
                 });
-                await specPage.waitForChanges();
                 specPage.rootInstance.orientation = null;
-                await specPage.waitForChanges();
                 expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');
             });
             it("uses 'auto' when undefined", async () => {
                 specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
+                    components: [Q2ActionGroup],
                     html: `<q2-action-group></q2-action-group>`,
                 });
-                await specPage.waitForChanges();
                 specPage.rootInstance.orientation = undefined;
-                await specPage.waitForChanges();
                 expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');
             });
         });
         describe('fullWidth', () => {
             it('does not add the full-width class to the container when false (Default)', async () => {
                 specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
+                    components: [Q2ActionGroup],
                     html: `<q2-action-group></q2-action-group>`,
                 });
-                await specPage.waitForChanges();
                 expect(specPage.root.shadowRoot.querySelector('.container')).not.toHaveClass('full-width');
             });
             it('renders with full width styles when true', async () => {
                 specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
+                    components: [Q2ActionGroup],
                     html: `<q2-action-group full-width orientation="horizontal"></q2-action-group>`,
                 });
-                await specPage.waitForChanges();
                 expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClasses([
                     'full-width',
                     'horizontal',
@@ -120,67 +112,139 @@ describe('q2-action-group', () => {
             });
         });
     });
-    describe('Local Methods', () => {
-        describe('computedOrientation', () => {
-            it("returns 'vertical' when orientation is 'auto' and autoOrientation is 'vertical'", async () => {
+    describe('State', () => {
+        describe('autoOrientation', () => {
+            it('defaults to "vertical"', async () => {
                 specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
+                    components: [Q2ActionGroup],
                     html: `<q2-action-group></q2-action-group>`,
                 });
-                await specPage.waitForChanges();
-                specPage.rootInstance.autoOrientation = 'vertical';
-                expect(specPage.rootInstance.orientation).toEqual('auto');
-                expect(specPage.rootInstance.computedOrientation).toEqual('vertical');
+                expect(specPage.rootInstance.autoOrientation).toEqual('vertical');
             });
-            it("returns 'vertical' when orientation is 'null' and autoOrientation is 'vertical'", async () => {
+        });
+    });
+    describe('Watchers', () => {
+        describe('toggleHiddenForOneFrame', () => {
+            it('is triggered by changes to "orientation"', async () => {
                 specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
+                    components: [Q2ActionGroup],
                     html: `<q2-action-group></q2-action-group>`,
                 });
-                await specPage.waitForChanges();
-                specPage.rootInstance.orientation = null;
-                await specPage.waitForChanges();
-                specPage.rootInstance.autoOrientation = 'vertical';
-                expect(specPage.rootInstance.orientation).toEqual(null);
-                expect(specPage.rootInstance.computedOrientation).toEqual('vertical');
+                groupClass = specPage.rootInstance;
+                const toggleHiddenSpy = jest.spyOn(groupClass, 'toggleHiddenForOneFrame');
+                groupClass.orientation = 'horizontal';
+                expect(toggleHiddenSpy).toHaveBeenCalled();
             });
-            it("returns 'horizontal' when orientation is 'horizontal'", async () => {
+            it('sets the container display to none', async () => {
                 specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
-                    html: `<q2-action-group orientation="horizontal"></q2-action-group>`,
+                    components: [Q2ActionGroup],
+                    html: `<q2-action-group></q2-action-group>`,
                 });
-                await specPage.waitForChanges();
-                expect(specPage.rootInstance.computedOrientation).toEqual('horizontal');
+                groupClass = specPage.rootInstance;
+                groupClass.toggleHiddenForOneFrame();
+                expect(groupClass.container.style.display).toBe('none');
             });
         });
-        describe('shouldDisableResizeObserver', () => {
-            it('returns false when orientation is "auto"', async () => {
-                specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
-                    html: `<q2-action-group></q2-action-group>`,
+    });
+    describe('Local Methods', () => {
+        describe('Getters', () => {
+            describe('computedOrientation', () => {
+                it("returns 'vertical' when orientation is 'auto' and autoOrientation is 'vertical'", async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2ActionGroup],
+                        html: `<q2-action-group></q2-action-group>`,
+                    });
+                    await specPage.waitForChanges();
+                    specPage.rootInstance.autoOrientation = 'vertical';
+                    expect(specPage.rootInstance.orientation).toEqual('auto');
+                    expect(specPage.rootInstance.computedOrientation).toEqual('vertical');
+                });
+                it("returns 'vertical' when orientation is 'null' and autoOrientation is 'vertical'", async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2ActionGroup],
+                        html: `<q2-action-group></q2-action-group>`,
+                    });
+                    await specPage.waitForChanges();
+                    specPage.rootInstance.orientation = null;
+                    await specPage.waitForChanges();
+                    specPage.rootInstance.autoOrientation = 'vertical';
+                    expect(specPage.rootInstance.orientation).toEqual(null);
+                    expect(specPage.rootInstance.computedOrientation).toEqual('vertical');
+                });
+                it("returns 'horizontal' when orientation is 'horizontal'", async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2ActionGroup],
+                        html: `<q2-action-group orientation="horizontal"></q2-action-group>`,
+                    });
+                    await specPage.waitForChanges();
+                    expect(specPage.rootInstance.computedOrientation).toEqual('horizontal');
                 });
-                await specPage.waitForChanges();
-                expect(specPage.rootInstance.orientation).toEqual('auto');
-                expect(specPage.rootInstance.shouldDisableResizeObserver).toEqual(false);
             });
-            it('returns false when orientation is "null"', async () => {
-                specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
-                    html: `<q2-action-group></q2-action-group>`,
+            describe('shouldDisableResizeObserver', () => {
+                it('returns false when orientation is "auto"', async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2ActionGroup],
+                        html: `<q2-action-group></q2-action-group>`,
+                    });
+                    await specPage.waitForChanges();
+                    expect(specPage.rootInstance.orientation).toEqual('auto');
+                    expect(specPage.rootInstance.shouldDisableResizeObserver).toEqual(false);
+                });
+                it('returns false when orientation is "null"', async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2ActionGroup],
+                        html: `<q2-action-group></q2-action-group>`,
+                    });
+                    await specPage.waitForChanges();
+                    specPage.rootInstance.orientation = null;
+                    await specPage.waitForChanges();
+                    expect(specPage.rootInstance.shouldDisableResizeObserver).toEqual(false);
+                });
+                it('returns false when orientation is "vertical"', async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2ActionGroup],
+                        html: `<q2-action-group orientation="vertical"></q2-action-group>`,
+                    });
+                    await specPage.waitForChanges();
+                    expect(specPage.rootInstance.orientation).toEqual('vertical');
+                    expect(specPage.rootInstance.shouldDisableResizeObserver).toEqual(true);
                 });
-                await specPage.waitForChanges();
-                specPage.rootInstance.orientation = null;
-                await specPage.waitForChanges();
-                expect(specPage.rootInstance.shouldDisableResizeObserver).toEqual(false);
             });
-            it('returns false when orientation is "vertical"', async () => {
-                specPage = await newSpecPage({
-                    components: [Q2BtnGroup],
-                    html: `<q2-action-group orientation="vertical"></q2-action-group>`,
+        });
+        describe('Methods', () => {
+            describe('checkForQ2Link()', () => {
+                it('sets hasLinkElement to true when q2-link elements are present', async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2ActionGroup],
+                        html: `<q2-action-group><q2-link></q2-link></q2-action-group>`,
+                    });
+                    expect(specPage.rootInstance.hasQ2Link).toBe(true);
+                });
+                it('sets hasQ2Link to false when no q2-link elements are present', async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2ActionGroup],
+                        html: `<q2-action-group></q2-action-group>`,
+                    });
+                    expect(specPage.rootInstance.hasQ2Link).toBe(false);
+                });
+                it('is called in componentDidLoad()', async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2ActionGroup],
+                        html: `<q2-action-group></q2-action-group>`,
+                    });
+                    const checkForQ2LinkSpy = jest.spyOn(specPage.rootInstance, 'checkForQ2Link');
+                    specPage.rootInstance.componentDidLoad();
+                    expect(checkForQ2LinkSpy).toHaveBeenCalled();
+                });
+                it('is called in onMutationObserved()', async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2ActionGroup],
+                        html: `<q2-action-group></q2-action-group>`,
+                    });
+                    const checkForQ2LinkSpy = jest.spyOn(specPage.rootInstance, 'checkForQ2Link');
+                    specPage.rootInstance.onMutationObserved();
+                    expect(checkForQ2LinkSpy).toHaveBeenCalled();
                 });
-                await specPage.waitForChanges();
-                expect(specPage.rootInstance.orientation).toEqual('vertical');
-                expect(specPage.rootInstance.shouldDisableResizeObserver).toEqual(true);
             });
         });
     });

package/dist/collection/components/q2-action-group/test/q2-action-group.spec.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"q2-action-group.spec.js","sourceRoot":"","sources":["../../../../src/components/q2-action-group/test/q2-action-group.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { SpecPage, newSpecPage } from '@stencil/core/testing';\nimport { Q2BtnGroup } from '../q2-action-group';\n\ndescribe('q2-action-group', () => {\n let specPage: SpecPage;\n\n const generateResizeEvent = (width: number) => {\n return new CustomEvent('tctResize', {\n detail: {\n entries: [{ contentRect: { width } }],\n },\n });\n };\n\n describe('Props', () => {\n describe('orientationThreshold', () => {\n beforeEach(async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n });\n\n describe('when using the default value (440)', () => {\n it('sets autoOrientation to \"horizontal\" when a resize event reports a width of 441', async () => {\n specPage.rootInstance.handleResize(generateResizeEvent(441));\n await specPage.waitForChanges();\n expect(specPage.rootInstance.autoOrientation).toEqual('horizontal');\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('horizontal');\n });\n\n it('sets autoOrientation to \"vertical\" when a resize event reports a width of 439', async () => {\n specPage.rootInstance.handleResize(generateResizeEvent(439));\n await specPage.waitForChanges();\n expect(specPage.rootInstance.autoOrientation).toEqual('vertical');\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');\n });\n });\n\n describe('when using a custom value (400)', () => {\n beforeEach(async () => {\n specPage.rootInstance.orientationThreshold = 400;\n await specPage.waitForChanges();\n });\n\n it('sets autoOrientation to \"horizontal\" when a resize event reports a width of 401', async () => {\n specPage.rootInstance.handleResize(generateResizeEvent(401));\n await specPage.waitForChanges();\n expect(specPage.rootInstance.autoOrientation).toEqual('horizontal');\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('horizontal');\n });\n\n it('sets autoOrientation to \"vertical\" when a resize event reports a width of 399', async () => {\n specPage.rootInstance.handleResize(generateResizeEvent(399));\n await specPage.waitForChanges();\n expect(specPage.rootInstance.autoOrientation).toEqual('vertical');\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');\n });\n });\n });\n\n describe('orientation', () => {\n it('is set to \"vertical\" when the prop is passed in', async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group orientation=\"vertical\"></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');\n });\n\n it('is set to \"horizontal\" when the prop is passed in', async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group orientation=\"horizontal\"></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('horizontal');\n });\n\n it('takes priority over the autoOrientation', async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group orientation=\"horizontal\"></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n expect(specPage.rootInstance.autoOrientation).toEqual('vertical');\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('horizontal');\n });\n\n it(\"uses 'auto' when null\", async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n specPage.rootInstance.orientation = null;\n await specPage.waitForChanges();\n\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');\n });\n\n it(\"uses 'auto' when undefined\", async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n specPage.rootInstance.orientation = undefined;\n await specPage.waitForChanges();\n\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');\n });\n });\n\n describe('fullWidth', () => {\n it('does not add the full-width class to the container when false (Default)', async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n expect(specPage.root.shadowRoot.querySelector('.container')).not.toHaveClass('full-width');\n });\n\n it('renders with full width styles when true', async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group full-width orientation=\"horizontal\"></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClasses([\n 'full-width',\n 'horizontal',\n ]);\n });\n });\n });\n\n describe('Local Methods', () => {\n describe('computedOrientation', () => {\n it(\"returns 'vertical' when orientation is 'auto' and autoOrientation is 'vertical'\", async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n specPage.rootInstance.autoOrientation = 'vertical';\n expect(specPage.rootInstance.orientation).toEqual('auto');\n expect(specPage.rootInstance.computedOrientation).toEqual('vertical');\n });\n\n it(\"returns 'vertical' when orientation is 'null' and autoOrientation is 'vertical'\", async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n specPage.rootInstance.orientation = null;\n await specPage.waitForChanges();\n\n specPage.rootInstance.autoOrientation = 'vertical';\n expect(specPage.rootInstance.orientation).toEqual(null);\n expect(specPage.rootInstance.computedOrientation).toEqual('vertical');\n });\n\n it(\"returns 'horizontal' when orientation is 'horizontal'\", async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group orientation=\"horizontal\"></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n expect(specPage.rootInstance.computedOrientation).toEqual('horizontal');\n });\n });\n\n describe('shouldDisableResizeObserver', () => {\n it('returns false when orientation is \"auto\"', async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n expect(specPage.rootInstance.orientation).toEqual('auto');\n expect(specPage.rootInstance.shouldDisableResizeObserver).toEqual(false);\n });\n\n it('returns false when orientation is \"null\"', async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n specPage.rootInstance.orientation = null;\n await specPage.waitForChanges();\n\n expect(specPage.rootInstance.shouldDisableResizeObserver).toEqual(false);\n });\n\n it('returns false when orientation is \"vertical\"', async () => {\n specPage = await newSpecPage({\n components: [Q2BtnGroup],\n html: `<q2-action-group orientation=\"vertical\"></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n expect(specPage.rootInstance.orientation).toEqual('vertical');\n expect(specPage.rootInstance.shouldDisableResizeObserver).toEqual(true);\n });\n });\n });\n});\n"]}
1	+ {"version":3,"file":"q2-action-group.spec.js","sourceRoot":"","sources":["../../../../src/components/q2-action-group/test/q2-action-group.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC7B,IAAI,QAAkB,CAAC;IACvB,IAAI,UAAU,CAAC;IAEf,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,OAAO,IAAI,WAAW,CAAC,WAAW,EAAE;YAChC,MAAM,EAAE;gBACJ,OAAO,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC;aACxC;SACJ,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;QACnB,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;YAClC,UAAU,CAAC,KAAK,IAAI,EAAE;gBAClB,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;oBAC3B,IAAI,EAAE,qCAAqC;iBAC9C,CAAC,CAAC;gBACH,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;YACpC,CAAC,CAAC,CAAC;YAEH,QAAQ,CAAC,oCAAoC,EAAE,GAAG,EAAE;gBAChD,EAAE,CAAC,iFAAiF,EAAE,KAAK,IAAI,EAAE;oBAC7F,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;oBAC7D,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAChC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;oBACpE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;gBAC3F,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;oBAC3F,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;oBAC7D,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAChC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;oBAClE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;gBACzF,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,QAAQ,CAAC,iCAAiC,EAAE,GAAG,EAAE;gBAC7C,UAAU,CAAC,KAAK,IAAI,EAAE;oBAClB,QAAQ,CAAC,YAAY,CAAC,oBAAoB,GAAG,GAAG,CAAC;oBACjD,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;gBACpC,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,iFAAiF,EAAE,KAAK,IAAI,EAAE;oBAC7F,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;oBAC7D,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAChC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;oBACpE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;gBAC3F,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;oBAC3F,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;oBAC7D,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAChC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;oBAClE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;gBACzF,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;YACzB,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;gBAC7D,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;oBAC3B,IAAI,EAAE,4DAA4D;iBACrE,CAAC,CAAC;gBAEH,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACzF,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;gBAC/D,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;oBAC3B,IAAI,EAAE,8DAA8D;iBACvE,CAAC,CAAC;gBAEH,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAC3F,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;gBACrD,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;oBAC3B,IAAI,EAAE,8DAA8D;iBACvE,CAAC,CAAC;gBAEH,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;gBAClE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAC3F,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;gBACnC,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;oBAC3B,IAAI,EAAE,qCAAqC;iBAC9C,CAAC,CAAC;gBAEH,QAAQ,CAAC,YAAY,CAAC,WAAW,GAAG,IAAI,CAAC;gBAEzC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACzF,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;gBACxC,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;oBAC3B,IAAI,EAAE,qCAAqC;iBAC9C,CAAC,CAAC;gBAEH,QAAQ,CAAC,YAAY,CAAC,WAAW,GAAG,SAAS,CAAC;gBAE9C,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACzF,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;YACvB,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;gBACrF,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;oBAC3B,IAAI,EAAE,qCAAqC;iBAC9C,CAAC,CAAC;gBAEH,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAC/F,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;gBACtD,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;oBAC3B,IAAI,EAAE,yEAAyE;iBAClF,CAAC,CAAC;gBAEH,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;oBACvE,YAAY;oBACZ,YAAY;iBACf,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;QACnB,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;YAC7B,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;gBACpC,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;oBAC3B,IAAI,EAAE,qCAAqC;iBAC9C,CAAC,CAAC;gBAEH,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACtE,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACtB,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;YACrC,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;gBACtD,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;oBAC3B,IAAI,EAAE,qCAAqC;iBAC9C,CAAC,CAAC;gBACH,UAAU,GAAG,QAAQ,CAAC,YAAY,CAAC;gBACnC,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,yBAAyB,CAAC,CAAC;gBAC1E,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;gBACtC,MAAM,CAAC,eAAe,CAAC,CAAC,gBAAgB,EAAE,CAAC;YAC/C,CAAC,CAAC,CAAC;YACH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;gBAChD,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;oBAC3B,IAAI,EAAE,qCAAqC;iBAC9C,CAAC,CAAC;gBACH,UAAU,GAAG,QAAQ,CAAC,YAAY,CAAC;gBACnC,UAAU,CAAC,uBAAuB,EAAE,CAAC;gBACrC,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5D,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC3B,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;YACrB,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;gBACjC,EAAE,CAAC,iFAAiF,EAAE,KAAK,IAAI,EAAE;oBAC7F,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;wBAC3B,IAAI,EAAE,qCAAqC;qBAC9C,CAAC,CAAC;oBACH,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAEhC,QAAQ,CAAC,YAAY,CAAC,eAAe,GAAG,UAAU,CAAC;oBACnD,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;oBAC1D,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;gBAC1E,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,iFAAiF,EAAE,KAAK,IAAI,EAAE;oBAC7F,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;wBAC3B,IAAI,EAAE,qCAAqC;qBAC9C,CAAC,CAAC;oBACH,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAEhC,QAAQ,CAAC,YAAY,CAAC,WAAW,GAAG,IAAI,CAAC;oBACzC,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAEhC,QAAQ,CAAC,YAAY,CAAC,eAAe,GAAG,UAAU,CAAC;oBACnD,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;oBACxD,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;gBAC1E,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;oBACnE,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;wBAC3B,IAAI,EAAE,8DAA8D;qBACvE,CAAC,CAAC;oBACH,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAEhC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;gBAC5E,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;gBACzC,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;oBACtD,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;wBAC3B,IAAI,EAAE,qCAAqC;qBAC9C,CAAC,CAAC;oBACH,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAEhC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;oBAC1D,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC7E,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;oBACtD,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;wBAC3B,IAAI,EAAE,qCAAqC;qBAC9C,CAAC,CAAC;oBACH,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAEhC,QAAQ,CAAC,YAAY,CAAC,WAAW,GAAG,IAAI,CAAC;oBACzC,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAEhC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC7E,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;oBAC1D,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;wBAC3B,IAAI,EAAE,4DAA4D;qBACrE,CAAC,CAAC;oBACH,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAEhC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;oBAC9D,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAC5E,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;YACrB,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;gBAC9B,EAAE,CAAC,+DAA+D,EAAE,KAAK,IAAI,EAAE;oBAC3E,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;wBAC3B,IAAI,EAAE,wDAAwD;qBACjE,CAAC,CAAC;oBAEH,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACvD,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;oBAC1E,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;wBAC3B,IAAI,EAAE,qCAAqC;qBAC9C,CAAC,CAAC;oBAEH,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACxD,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;oBAC7C,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;wBAC3B,IAAI,EAAE,qCAAqC;qBAC9C,CAAC,CAAC;oBAEH,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;oBAC9E,QAAQ,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC;oBACzC,MAAM,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,EAAE,CAAC;gBACjD,CAAC,CAAC,CAAC;gBACH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;oBAC/C,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,aAAa,CAAC;wBAC3B,IAAI,EAAE,qCAAqC;qBAC9C,CAAC,CAAC;oBAEH,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;oBAC9E,QAAQ,CAAC,YAAY,CAAC,kBAAkB,EAAE,CAAC;oBAC3C,MAAM,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,EAAE,CAAC;gBACjD,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { SpecPage, newSpecPage } from '@stencil/core/testing';\nimport { Q2ActionGroup } from '../q2-action-group';\n\ndescribe('q2-action-group', () => {\n let specPage: SpecPage;\n let groupClass;\n\n const generateResizeEvent = (width: number) => {\n return new CustomEvent('tctResize', {\n detail: {\n entries: [{ contentRect: { width } }],\n },\n });\n };\n\n describe('Props', () => {\n describe('orientationThreshold', () => {\n beforeEach(async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n });\n\n describe('when using the default value (440)', () => {\n it('sets autoOrientation to \"horizontal\" when a resize event reports a width of 441', async () => {\n specPage.rootInstance.handleResize(generateResizeEvent(441));\n await specPage.waitForChanges();\n expect(specPage.rootInstance.autoOrientation).toEqual('horizontal');\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('horizontal');\n });\n\n it('sets autoOrientation to \"vertical\" when a resize event reports a width of 439', async () => {\n specPage.rootInstance.handleResize(generateResizeEvent(439));\n await specPage.waitForChanges();\n expect(specPage.rootInstance.autoOrientation).toEqual('vertical');\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');\n });\n });\n\n describe('when using a custom value (400)', () => {\n beforeEach(async () => {\n specPage.rootInstance.orientationThreshold = 400;\n await specPage.waitForChanges();\n });\n\n it('sets autoOrientation to \"horizontal\" when a resize event reports a width of 401', async () => {\n specPage.rootInstance.handleResize(generateResizeEvent(401));\n await specPage.waitForChanges();\n expect(specPage.rootInstance.autoOrientation).toEqual('horizontal');\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('horizontal');\n });\n\n it('sets autoOrientation to \"vertical\" when a resize event reports a width of 399', async () => {\n specPage.rootInstance.handleResize(generateResizeEvent(399));\n await specPage.waitForChanges();\n expect(specPage.rootInstance.autoOrientation).toEqual('vertical');\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');\n });\n });\n });\n\n describe('orientation', () => {\n it('is set to \"vertical\" when the prop is passed in', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group orientation=\"vertical\"></q2-action-group>`,\n });\n\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');\n });\n\n it('is set to \"horizontal\" when the prop is passed in', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group orientation=\"horizontal\"></q2-action-group>`,\n });\n\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('horizontal');\n });\n\n it('takes priority over the autoOrientation', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group orientation=\"horizontal\"></q2-action-group>`,\n });\n\n expect(specPage.rootInstance.autoOrientation).toEqual('vertical');\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('horizontal');\n });\n\n it(\"uses 'auto' when null\", async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n\n specPage.rootInstance.orientation = null;\n\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');\n });\n\n it(\"uses 'auto' when undefined\", async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n\n specPage.rootInstance.orientation = undefined;\n\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClass('vertical');\n });\n });\n\n describe('fullWidth', () => {\n it('does not add the full-width class to the container when false (Default)', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n\n expect(specPage.root.shadowRoot.querySelector('.container')).not.toHaveClass('full-width');\n });\n\n it('renders with full width styles when true', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group full-width orientation=\"horizontal\"></q2-action-group>`,\n });\n\n expect(specPage.root.shadowRoot.querySelector('.container')).toHaveClasses([\n 'full-width',\n 'horizontal',\n ]);\n });\n });\n });\n\n describe('State', () => {\n describe('autoOrientation', () => {\n it('defaults to \"vertical\"', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n\n expect(specPage.rootInstance.autoOrientation).toEqual('vertical');\n });\n });\n });\n\n describe('Watchers', () => {\n describe('toggleHiddenForOneFrame', () => {\n it('is triggered by changes to \"orientation\"', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n groupClass = specPage.rootInstance;\n const toggleHiddenSpy = jest.spyOn(groupClass, 'toggleHiddenForOneFrame');\n groupClass.orientation = 'horizontal';\n expect(toggleHiddenSpy).toHaveBeenCalled();\n });\n it('sets the container display to none', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n groupClass = specPage.rootInstance;\n groupClass.toggleHiddenForOneFrame();\n expect(groupClass.container.style.display).toBe('none');\n });\n });\n });\n\n describe('Local Methods', () => {\n describe('Getters', () => {\n describe('computedOrientation', () => {\n it(\"returns 'vertical' when orientation is 'auto' and autoOrientation is 'vertical'\", async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n specPage.rootInstance.autoOrientation = 'vertical';\n expect(specPage.rootInstance.orientation).toEqual('auto');\n expect(specPage.rootInstance.computedOrientation).toEqual('vertical');\n });\n\n it(\"returns 'vertical' when orientation is 'null' and autoOrientation is 'vertical'\", async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n specPage.rootInstance.orientation = null;\n await specPage.waitForChanges();\n\n specPage.rootInstance.autoOrientation = 'vertical';\n expect(specPage.rootInstance.orientation).toEqual(null);\n expect(specPage.rootInstance.computedOrientation).toEqual('vertical');\n });\n\n it(\"returns 'horizontal' when orientation is 'horizontal'\", async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group orientation=\"horizontal\"></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n expect(specPage.rootInstance.computedOrientation).toEqual('horizontal');\n });\n });\n\n describe('shouldDisableResizeObserver', () => {\n it('returns false when orientation is \"auto\"', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n expect(specPage.rootInstance.orientation).toEqual('auto');\n expect(specPage.rootInstance.shouldDisableResizeObserver).toEqual(false);\n });\n\n it('returns false when orientation is \"null\"', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n specPage.rootInstance.orientation = null;\n await specPage.waitForChanges();\n\n expect(specPage.rootInstance.shouldDisableResizeObserver).toEqual(false);\n });\n\n it('returns false when orientation is \"vertical\"', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group orientation=\"vertical\"></q2-action-group>`,\n });\n await specPage.waitForChanges();\n\n expect(specPage.rootInstance.orientation).toEqual('vertical');\n expect(specPage.rootInstance.shouldDisableResizeObserver).toEqual(true);\n });\n });\n });\n\n describe('Methods', () => {\n describe('checkForQ2Link()', () => {\n it('sets hasLinkElement to true when q2-link elements are present', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group><q2-link></q2-link></q2-action-group>`,\n });\n\n expect(specPage.rootInstance.hasQ2Link).toBe(true);\n });\n\n it('sets hasQ2Link to false when no q2-link elements are present', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n\n expect(specPage.rootInstance.hasQ2Link).toBe(false);\n });\n\n it('is called in componentDidLoad()', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n\n const checkForQ2LinkSpy = jest.spyOn(specPage.rootInstance, 'checkForQ2Link');\n specPage.rootInstance.componentDidLoad();\n expect(checkForQ2LinkSpy).toHaveBeenCalled();\n });\n it('is called in onMutationObserved()', async () => {\n specPage = await newSpecPage({\n components: [Q2ActionGroup],\n html: `<q2-action-group></q2-action-group>`,\n });\n\n const checkForQ2LinkSpy = jest.spyOn(specPage.rootInstance, 'checkForQ2Link');\n specPage.rootInstance.onMutationObserved();\n expect(checkForQ2LinkSpy).toHaveBeenCalled();\n });\n });\n });\n });\n});\n"]}

package/dist/collection/components/q2-action-sheet/test/q2-action-sheet-test.e2e.js CHANGED Viewed

@@ -10,7 +10,7 @@ describe('q2-action-sheet', () => {
     let message;
     let title;
     let btnClose;
-    const createOption = (option) => (Object.assign({ disabled: false, display: 'Red', hidden: false, multiline: false, value: 'red', innerHTML: 'Red' }, option));
+    const createOption = (option) => (Object.assign({ disabled: false, display: 'Red', hidden: false, multiline: false, separator: false, value: 'red', innerHTML: 'Red' }, option));
     const demoOptions = ['Red', 'Orange', 'Yellow', 'Green', 'Blue', 'Purple'].map(color => createOption({ value: color.toLowerCase(), display: color, innerHTML: color }));
     const showDialog = async (page) => {
         const dialog = await page.find('q2-action-sheet >>> dialog');