genesys-spark-components 4.82.0 → 4.83.0

package/dist/collection/components/beta/gux-flag-icon/tests/gux-flag-icon.spec.js

@@ -1,267 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxFlagIconBeta } from "../gux-flag-icon";
-const components = [GuxFlagIconBeta];
-const language = 'en';
-describe('gux-flag-icon-beta', () => {
-    describe('#render different flags', () => {
-        [
-            'ad',
-            'ae',
-            'af',
-            'ag',
-            'ai',
-            'al',
-            'am',
-            'ao',
-            'ar',
-            'as',
-            'at',
-            'au',
-            'aw',
-            'ax',
-            'az',
-            'ba',
-            'bb',
-            'bd',
-            'be',
-            'bf',
-            'bg',
-            'bh',
-            'bi',
-            'bj',
-            'bl',
-            'bm',
-            'bn',
-            'bo',
-            'bq',
-            'br',
-            'bs',
-            'bt',
-            'bv',
-            'bw',
-            'by',
-            'bz',
-            'ca',
-            'cc',
-            'cd',
-            'cf',
-            'cg',
-            'ch',
-            'ci',
-            'ck',
-            'cl',
-            'cm',
-            'cn',
-            'co',
-            'cr',
-            'cu',
-            'cv',
-            'cw',
-            'cx',
-            'cy',
-            'cz',
-            'de',
-            'dj',
-            'dk',
-            'dm',
-            'do',
-            'dz',
-            'ec',
-            'ee',
-            'eg',
-            'eh',
-            'er',
-            'es',
-            'et',
-            'fi',
-            'fj',
-            'fk',
-            'fm',
-            'fo',
-            'fr',
-            'ga',
-            'gb',
-            'gd',
-            'ge',
-            'gf',
-            'gg',
-            'gh',
-            'gi',
-            'gl',
-            'gm',
-            'gn',
-            'gp',
-            'gq',
-            'gr',
-            'gs',
-            'gt',
-            'gu',
-            'gw',
-            'gy',
-            'hk',
-            'hn',
-            'hr',
-            'ht',
-            'hu',
-            'id',
-            'ie',
-            'il',
-            'im',
-            'in',
-            'io',
-            'iq',
-            'ir',
-            'is',
-            'it',
-            'je',
-            'jm',
-            'jo',
-            'jp',
-            'ke',
-            'kg',
-            'kh',
-            'ki',
-            'km',
-            'kn',
-            'kp',
-            'kr',
-            'kw',
-            'ky',
-            'kz',
-            'la',
-            'lb',
-            'lc',
-            'li',
-            'lk',
-            'lr',
-            'ls',
-            'lt',
-            'lu',
-            'lv',
-            'ly',
-            'ma',
-            'mc',
-            'md',
-            'me',
-            'mf',
-            'mg',
-            'mh',
-            'mk',
-            'ml',
-            'mm',
-            'mn',
-            'mo',
-            'mp',
-            'mq',
-            'mr',
-            'ms',
-            'mt',
-            'mu',
-            'mv',
-            'mw',
-            'mx',
-            'my',
-            'mz',
-            'na',
-            'nc',
-            'ne',
-            'nf',
-            'ng',
-            'ni',
-            'nl',
-            'no',
-            'np',
-            'nr',
-            'nu',
-            'nz',
-            'om',
-            'pa',
-            'pe',
-            'pf',
-            'pg',
-            'ph',
-            'pk',
-            'pl',
-            'pm',
-            'pn',
-            'pr',
-            'ps',
-            'pt',
-            'pw',
-            'py',
-            'qa',
-            're',
-            'ro',
-            'rs',
-            'ru',
-            'rw',
-            'sa',
-            'sb',
-            'sc',
-            'sd',
-            'se',
-            'sg',
-            'sh',
-            'si',
-            'sj',
-            'sk',
-            'sl',
-            'sm',
-            'sn',
-            'so',
-            'sr',
-            'ss',
-            'st',
-            'sv',
-            'sx',
-            'sy',
-            'sz',
-            'tc',
-            'td',
-            'tg',
-            'th',
-            'tj',
-            'tk',
-            'tl',
-            'tm',
-            'tn',
-            'to',
-            'tr',
-            'tt',
-            'tv',
-            'tw',
-            'tz',
-            'ua',
-            'ug',
-            'us',
-            'uy',
-            'uz',
-            'va',
-            'vc',
-            've',
-            'vg',
-            'vi',
-            'vn',
-            'vu',
-            'wf',
-            'ws',
-            'xk',
-            'ye',
-            'yt',
-            'za',
-            'zm',
-            'zw'
-        ].forEach((flag, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const html = `<gux-flag-icon-beta flag="${flag}"></gux-flag-icon-beta>`;
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
-            });
-            it(`should render component with screenreader text as expected (${index + 1})`, async () => {
-                const html = `<gux-flag-icon-beta flag="${flag}" screenreader-text="${flag}"></gux-flag-icon-beta>`;
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/beta/gux-form/gux-form-description/tests/gux-form-description.e2e.js

@@ -1,16 +0,0 @@
-import { a11yCheck, newSparkE2EPage } from "../../../../../test/e2eTestUtils";
-describe('gux-form-description', () => {
-    describe('#render', () => {
-        [
-            `<gux-form-description><p slot="description">This is a simple paragraph to accompany the form header.</p></gux-form-description>`,
-            `<gux-form-description><span slot="description">This is a simple paragraph to accompany the form header.</span></gux-form-description>`
-        ].forEach((html, index) => {
-            it(`should render the gux-form-description component as expected (${index + 1})`, async () => {
-                const page = await newSparkE2EPage({ html });
-                const element = await page.find('gux-form-description');
-                await a11yCheck(page);
-                expect(element.outerHTML).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/beta/gux-form/gux-form-description/tests/gux-form-description.spec.js

@@ -1,12 +0,0 @@
-import { newSpecPage } from "../../../../../test/specTestUtils";
-import { GuxFormDescription } from "../gux-form-description";
-const components = [GuxFormDescription];
-const language = 'en';
-describe('gux-form-description', () => {
-    it('should build', async () => {
-        const html = `
-    <gux-form-description><p slot="description">This is a simple paragraph to accompany the form header.</p></gux-form-description>`;
-        const page = await newSpecPage({ components, html, language });
-        expect(page.rootInstance).toBeInstanceOf(GuxFormDescription);
-    });
-});

package/dist/collection/components/beta/gux-form/gux-form-fieldset-heading/tests/gux-form-fieldset-heading.e2e.js

@@ -1,16 +0,0 @@
-import { a11yCheck, newSparkE2EPage } from "../../../../../test/e2eTestUtils";
-describe('gux-form-fieldset-heading', () => {
-    describe('#render', () => {
-        [
-            `<gux-form-fieldset-heading><h2 slot="heading">Form Fieldset Header</h2></gux-form-fieldset-heading>`,
-            `<gux-form-fieldset-heading><h3 slot="heading">Form Fieldset Header</h3></gux-form-fieldset-heading>`
-        ].forEach((html, index) => {
-            it(`should render the gux-form-fieldset component as expected (${index + 1})`, async () => {
-                const page = await newSparkE2EPage({ html });
-                const element = await page.find('gux-form-fieldset-heading');
-                await a11yCheck(page);
-                expect(element.outerHTML).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/beta/gux-form/gux-form-fieldset-heading/tests/gux-form-fieldset-heading.spec.js

@@ -1,11 +0,0 @@
-import { newSpecPage } from "../../../../../test/specTestUtils";
-import { GuxFormFieldsetHeading } from "../gux-form-fieldset-heading";
-const components = [GuxFormFieldsetHeading];
-const language = 'en';
-describe('gux-form-fieldset-heading', () => {
-    it('should build', async () => {
-        const html = `<gux-form-fieldset-heading><h2 slot="heading">Form Fieldset Header</h2></gux-form-fieldset-heading>`;
-        const page = await newSpecPage({ components, html, language });
-        expect(page.rootInstance).toBeInstanceOf(GuxFormFieldsetHeading);
-    });
-});

package/dist/collection/components/beta/gux-form/gux-form-footer/tests/gux-form-footer.e2e.js

@@ -1,25 +0,0 @@
-import { a11yCheck, newSparkE2EPage } from "../../../../../test/e2eTestUtils";
-describe('gux-form-footer', () => {
-    describe('#render', () => {
-        [
-            `<gux-form-footer placement="page-desktop">
-      <footer>
-        <gux-button accent="primary">Primary</gux-button>
-        <gux-button accent="secondary">Secondary</gux-button>
-      </footer>
-        </gux-form-footer>`,
-            `<gux-form-footer placement="page-desktop">
-      <footer>
-        <gux-button accent="primary">Primary</gux-button>
-      </footer>
-    </gux-form-footer>`
-        ].forEach((html, index) => {
-            it(`should render the gux-form-footer component as expected (${index + 1})`, async () => {
-                const page = await newSparkE2EPage({ html });
-                const element = await page.find('gux-form-footer');
-                await a11yCheck(page);
-                expect(element.outerHTML).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/beta/gux-form/gux-form-footer/tests/gux-form-footer.spec.js

@@ -1,17 +0,0 @@
-import { newSpecPage } from "../../../../../test/specTestUtils";
-import { GuxFormFooter } from "../gux-form-footer";
-const components = [GuxFormFooter];
-const language = 'en';
-describe('gux-form-footer', () => {
-    it('should build', async () => {
-        const html = `
-    <gux-form-footer placement="page-desktop">
-    <footer>
-      <gux-button accent="primary">Primary</gux-button>
-      <gux-button accent="secondary">Secondary</gux-button>
-    </footer>
-    </gux-form-footer>`;
-        const page = await newSpecPage({ components, html, language });
-        expect(page.rootInstance).toBeInstanceOf(GuxFormFooter);
-    });
-});

package/dist/collection/components/beta/gux-form/gux-form-heading/tests/gux-form-heading.e2e.js

@@ -1,16 +0,0 @@
-import { a11yCheck, newSparkE2EPage } from "../../../../../test/e2eTestUtils";
-describe('gux-form-heading', () => {
-    describe('#render', () => {
-        [
-            `<gux-form-heading><h1 slot="heading">Form Heading</h1></gux-form-heading>`,
-            `<gux-form-heading><h2 slot="heading">Form Heading</h2></gux-form-heading>`
-        ].forEach((html, index) => {
-            it(`should render the gux-form-heading component as expected (${index + 1})`, async () => {
-                const page = await newSparkE2EPage({ html });
-                const element = await page.find('gux-form-heading');
-                await a11yCheck(page);
-                expect(element.outerHTML).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/beta/gux-form/gux-form-heading/tests/gux-form-heading.spec.js

@@ -1,11 +0,0 @@
-import { newSpecPage } from "../../../../../test/specTestUtils";
-import { GuxFormHeading } from "../gux-form-heading";
-const components = [GuxFormHeading];
-const language = 'en';
-describe('gux-form-heading', () => {
-    it('should build', async () => {
-        const html = `<gux-form-heading><h1 slot="heading">Form Heading</h1></gux-form-heading>`;
-        const page = await newSpecPage({ components, html, language });
-        expect(page.rootInstance).toBeInstanceOf(GuxFormHeading);
-    });
-});

package/dist/collection/components/beta/gux-form/tests/gux-form.e2e.js

@@ -1,78 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-const axeExclusions = [];
-async function newNonrandomE2EPage({ html }) {
-    const page = await newE2EPage();
-    await page.evaluateOnNewDocument(() => {
-        Math.random = () => 0.5;
-    });
-    await page.setContent(html);
-    await page.waitForChanges();
-    return page;
-}
-describe('gux-form', () => {
-    describe('#render', () => {
-        [
-            `<gux-form-beta>
-        <form>
-          <header>
-            <gux-form-heading><h1 slot="heading">Form Heading</h1></gux-form-heading>
-            <gux-form-description
-              ><p slot="description">
-                This is a simple paragraph to accompany the form header.
-              </p></gux-form-description
-            >
-          </header>
-          <fieldset>
-            <legend>
-              <gux-form-fieldset-heading
-                ><h2 slot="heading">Form Fieldset Header</h2>
-              </gux-form-fieldset-heading>
-              <gux-form-description
-                ><p slot="description">
-                  This is a simple paragraph to accompany the fieldset header.
-                </p></gux-form-description
-              >
-            </legend>
-            <gux-form-field-text-like label-position="above">
-              <input slot="input" type="text" name="lp-3" />
-              <label slot="label">Fieldset Form field label</label>
-            </gux-form-field-text-like>
-
-            <gux-form-field-phone label-position="above">
-              <gux-phone-input-beta></gux-phone-input-beta>
-              <label slot="label">Fieldset Form field label</label>
-            </gux-form-field-phone>
-
-            <gux-form-field-textarea label-position="above">
-              <textarea slot="input" name="textarea"></textarea>
-              <label slot="label">Fieldset Form field label</label>
-            </gux-form-field-textarea>
-          </fieldset>
-
-          <gux-form-field-text-like label-position="above">
-            <input slot="input" type="text" name="lp-3" />
-            <label slot="label">Fieldset Form field label</label>
-          </gux-form-field-text-like>
-
-          <gux-form-footer placement="page-desktop">
-            <footer>
-              <gux-button accent="primary">Primary</gux-button>
-              <gux-button accent="secondary">Secondary</gux-button>
-            </footer>
-          </gux-form-footer>
-        </form>
-      </gux-form-beta>`
-        ].forEach((html, index) => {
-            it(`should render as expected (${index + 1})`, async () => {
-                const page = await newNonrandomE2EPage({ html });
-                const element = await page.find('gux-form-beta');
-                expect(element.outerHTML).toMatchSnapshot();
-            });
-            it('should be accessible', async () => {
-                const page = await newSparkE2EPage({ html });
-                await a11yCheck(page, axeExclusions);
-            });
-        });
-    });
-});

package/dist/collection/components/beta/gux-form/tests/gux-form.spec.js

@@ -1,148 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxForm } from "../gux-form";
-const components = [GuxForm];
-const language = 'en';
-describe('gux-form', () => {
-    it('should build', async () => {
-        const html = `
-    <gux-form-beta>
-    <form>
-      <header>
-        <gux-form-heading><h1 slot="heading">Form Heading</h1></gux-form-heading>
-        <gux-form-description
-          ><p slot="description">
-            This is a simple paragraph to accompany the form header.
-          </p></gux-form-description
-        >
-      </header>
-      <fieldset>
-        <legend>
-          <gux-form-fieldset-heading
-            ><h2 slot="heading">Form Fieldset Header</h2>
-          </gux-form-fieldset-heading>
-          <gux-form-description
-            ><p slot="description">
-              This is a simple paragraph to accompany the fieldset header.
-            </p></gux-form-description
-          >
-        </legend>
-        <gux-form-field-text-like label-position="above">
-          <input slot="input" type="text" name="lp-3" />
-          <label slot="label">Fieldset Form field label</label>
-        </gux-form-field-text-like>
-  
-        <gux-form-field-phone label-position="above">
-          <gux-phone-input-beta></gux-phone-input-beta>
-          <label slot="label">Fieldset Form field label</label>
-        </gux-form-field-phone>
-  
-        <gux-form-field-textarea label-position="above">
-          <textarea slot="input" name="textarea"></textarea>
-          <label slot="label">Fieldset Form field label</label>
-        </gux-form-field-textarea>
-      </fieldset>
-  
-      <gux-form-field-text-like label-position="above">
-        <input slot="input" type="text" name="lp-3" />
-        <label slot="label">Fieldset Form field label</label>
-      </gux-form-field-text-like>
-  
-      <gux-form-footer placement="page-desktop">
-        <footer>
-          <gux-button accent="primary">Primary</gux-button>
-          <gux-button accent="secondary">Secondary</gux-button>
-        </footer>
-      </gux-form-footer>
-    </form>
-  </gux-form-beta>  
-    `;
-        const page = await newSpecPage({ components, html, language });
-        expect(page.rootInstance).toBeInstanceOf(GuxForm);
-    });
-    describe('#render', () => {
-        [
-            `
-      <gux-form-beta>
-      <form>
-        <header>
-          <gux-form-heading><h1 slot="heading">Form Heading</h1></gux-form-heading>
-          <gux-form-description
-            ><p slot="description">
-              This is a simple paragraph to accompany the form header.
-            </p></gux-form-description
-          >
-        </header>
-        <fieldset>
-          <legend>
-            <gux-form-fieldset-heading
-              ><h2 slot="heading">Form Fieldset Header</h2>
-            </gux-form-fieldset-heading>
-            <gux-form-description
-              ><p slot="description">
-                This is a simple paragraph to accompany the fieldset header.
-              </p></gux-form-description
-            >
-          </legend>
-          <gux-form-field-text-like label-position="above">
-            <input slot="input" type="text" name="lp-3" />
-            <label slot="label">Fieldset Form field label</label>
-          </gux-form-field-text-like>
-        </fieldset>
-    
-        <gux-form-field-text-like label-position="above">
-          <input slot="input" type="text" name="lp-3" />
-          <label slot="label">Fieldset Form field label</label>
-        </gux-form-field-text-like>
-    
-        <gux-form-footer placement="page-desktop">
-          <footer>
-            <gux-button accent="primary">Primary</gux-button>
-            <gux-button accent="secondary">Secondary</gux-button>
-          </footer>
-        </gux-form-footer>
-      </form>
-    </gux-form-beta>
-      `,
-            `
-      <gux-form-beta>
-      <form>
-        <header>
-          <gux-form-heading><h1 slot="heading">Form Heading</h1></gux-form-heading>
-          <gux-form-description
-            ><p slot="description">
-              This is a simple paragraph to accompany the form header.
-            </p></gux-form-description
-          >
-        </header>
-        <fieldset>
-          <legend>
-            <gux-form-fieldset-heading
-              ><h2 slot="heading">Form Fieldset Header</h2>
-            </gux-form-fieldset-heading>
-            <gux-form-description
-              ><p slot="description">
-                This is a simple paragraph to accompany the fieldset header.
-              </p></gux-form-description
-            >
-          </legend>
-          <gux-form-field-text-like label-position="above">
-            <input slot="input" type="text" name="lp-3" />
-            <label slot="label">Fieldset Form field label</label>
-          </gux-form-field-text-like>
-        </fieldset>
-    
-        <gux-form-field-text-like label-position="above">
-          <input slot="input" type="text" name="lp-3" />
-          <label slot="label">Fieldset Form field label</label>
-        </gux-form-field-text-like>
-      </form>
-    </gux-form-beta>    
-    `
-        ].forEach((html, index) => {
-            it(`should render gux-form component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/beta/gux-icon-tooltip/tests/gux-icon-tooltip.e2e.js

@@ -1,17 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-describe('gux-icon-tooltip-beta', () => {
-    describe('#render', () => {
-        it(`should render component as expected`, async () => {
-            const html = `
-          <gux-icon-tooltip-beta icon-name="fa/bell-regular">
-            <span slot="content">This is some tooltip text</span>
-          </gux-icon-tooltip-beta>
-        `;
-            const page = await newSparkE2EPage({ html });
-            const element = await page.find('gux-icon-tooltip-beta');
-            await element.hover();
-            await a11yCheck(page);
-            expect(element.outerHTML).toMatchSnapshot();
-        });
-    });
-});

package/dist/collection/components/beta/gux-icon-tooltip/tests/gux-icon-tooltip.spec.js

@@ -1,19 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxIconTooltip } from "../gux-icon-tooltip";
-const components = [GuxIconTooltip];
-const language = 'en';
-describe('gux-icon-tooltip-beta', () => {
-    describe('#render', () => {
-        [
-            '<gux-icon-tooltip-beta></gux-icon-tooltip-beta>',
-            '<gux-icon-tooltip-beta><span slot="content">This is some tooltip text</span></gux-icon-tooltip-beta>',
-            '<gux-icon-tooltip-beta icon-name="fa/bell-regular"></gux-icon-tooltip-beta>',
-            '<gux-icon-tooltip-beta icon-name="fa/bell-regular"><span slot="content">This is some tooltip text</span></gux-icon-tooltip-beta>'
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});