genesys-spark-components 4.82.0 → 4.83.0

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/tests/gux-form-field-radio.spec.js

@@ -1,75 +0,0 @@
-import { newSpecPage } from "../../../../../../test/specTestUtils";
-import { GuxFormFieldRadio } from "../gux-form-field-radio";
-const components = [GuxFormFieldRadio];
-const language = 'en';
-describe('gux-form-field-radio', () => {
-    it('should build', async () => {
-        const html = `
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="pizza"/>
-        <label slot="label">Pizza</label>
-      </gux-form-field-radio>
-    `;
-        const page = await newSpecPage({ components, html, language });
-        expect(page.rootInstance).toBeInstanceOf(GuxFormFieldRadio);
-    });
-    describe('#render', () => {
-        [
-            `
-        <gux-form-field-radio>
-          <input slot="input" type="radio" name="food-1" value="pizza"/>
-          <label slot="label">Pizza</label>
-        </gux-form-field-radio>
-      `,
-            `
-        <gux-form-field-radio>
-          <input slot="input" type="radio" name="food-1" value="pizza" disabled/>
-          <label slot="label">Pizza</label>
-        </gux-form-field-radio>
-      `,
-            `
-        <gux-form-field-radio>
-          <input slot="input" type="radio" name="food-1" value="pizza"/>
-          <label slot="label">Pizza</label>
-          <span slot="error">This is an error message</span>
-        </gux-form-field-radio>
-      `,
-            `
-        <gux-form-field-radio>
-          <input slot="input" type="radio" name="food-1" value="pizza" checked/>
-          <label slot="label">Pizza</label>
-        </gux-form-field-radio>
-      `,
-            `
-        <gux-form-field-radio>
-          <input slot="input" type="radio" name="food-1" value="pizza"/>
-          <label slot="label">Pizza</label>
-          <span slot="error">Error message</span>
-        </gux-form-field-radio>
-      `,
-            `
-        <gux-form-field-radio>
-          <input slot="input" type="radio" name="food-1" value="pizza" disabled/>
-          <label slot="label">Pizza</label>
-          <span slot="error">Error message</span>
-        </gux-form-field-radio>
-      `,
-            `<gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="spaghetti"/>
-        <label slot="label">Spaghetti</label>
-        <span slot="help">This is a help message</span>
-      </gux-form-field-radio>
-      `,
-            `<gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="spaghetti" disabled/>
-        <label slot="label">Spaghetti</label>
-        <span slot="help">This is a help message</span>
-      </gux-form-field-radio>`
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio-group/tests/gux-form-field-radio-group.e2e.js

@@ -1,206 +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-field-radio-group-beta', () => {
-    describe('#render', () => {
-        [
-            `
-        <gux-form-field-radio-group-beta>
-          <label slot="group-label">Food</label>
-          <gux-form-field-radio>
-            <input slot="input" type="radio" name="food-1" value="pizza"/>
-            <label slot="label">Pizza</label>
-          </gux-form-field-radio>
-        </gux-form-field-radio-group-beta>
-      `,
-            `
-        <gux-form-field-radio-group-beta>
-          <label slot="group-label">Food</label>
-
-          <gux-form-field-radio>
-            <input slot="input" type="radio" name="food-1" value="pizza" />
-            <label slot="label">Pizza</label>
-          </gux-form-field-radio>
-
-          <gux-form-field-radio>
-            <input
-              slot="input"
-              type="radio"
-              name="food-1"
-              value="sandwich"
-              disabled
-            />
-            <label slot="label">Sandwich</label>
-          </gux-form-field-radio>
-
-          <gux-form-field-radio>
-            <input slot="input" type="radio" name="food-1" value="spaghetti" />
-            <label slot="label">Spaghetti</label>
-            <span slot="help">This is a help message</span>
-          </gux-form-field-radio>
-          <span slot="group-error">Subject to availibility</span>
-        </gux-form-field-radio-group-beta>
-      `,
-            `
-        <gux-form-field-radio-group-beta>
-          <label slot="group-label">Food</label>
-
-          <gux-form-field-radio>
-            <input slot="input" type="radio" name="food-1" value="pizza" />
-            <label slot="label">Pizza</label>
-          </gux-form-field-radio>
-
-          <gux-form-field-radio>
-            <input
-              slot="input"
-              type="radio"
-              name="food-1"
-              value="sandwich"
-              disabled
-            />
-            <label slot="label">Sandwich</label>
-          </gux-form-field-radio>
-
-          <gux-form-field-radio>
-            <input slot="input" type="radio" name="food-1" value="sushi" />
-            <label slot="label">Sushi</label>
-            <span slot="error">Subject to availibility</span>
-          </gux-form-field-radio>
-
-          <gux-form-field-radio>
-            <input slot="input" type="radio" name="food-1" value="spaghetti" />
-            <label slot="label">Spaghetti</label>
-            <span slot="help">This is a help message</span>
-          </gux-form-field-radio>
-          <span slot="group-help">This is a group help message</span>
-        </gux-form-field-radio-group-beta>
-      `,
-            `
-        <gux-form-field-radio-group-beta disabled>
-          <label slot="group-label">Food</label>
-
-          <gux-form-field-radio>
-            <input slot="input" type="radio" name="food-1" value="pizza" />
-            <label slot="label">Pizza</label>
-          </gux-form-field-radio>
-
-          <gux-form-field-radio>
-            <input
-              slot="input"
-              type="radio"
-              name="food-1"
-              value="sandwich"
-              disabled
-            />
-            <label slot="label">Sandwich</label>
-          </gux-form-field-radio>
-
-          <gux-form-field-radio>
-            <input slot="input" type="radio" name="food-1" value="sushi" />
-            <label slot="label">Sushi</label>
-            <span slot="error">Subject to availibility</span>
-          </gux-form-field-radio>
-
-          <gux-form-field-radio>
-            <input slot="input" type="radio" name="food-1" value="spaghetti" />
-            <label slot="label">Spaghetti</label>
-            <span slot="help">This is a help message</span>
-          </gux-form-field-radio>
-        </gux-form-field-radio-group-beta>
-      `
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newNonrandomE2EPage({ html });
-                const element = await page.find('gux-form-field-radio');
-                const elementShadowDom = await element.find('pierce/.gux-form-field-container');
-                expect(element.outerHTML).toMatchSnapshot();
-                expect(elementShadowDom).toMatchSnapshot();
-            });
-            it(`should be accessible (${index + 1})`, async () => {
-                const page = await newSparkE2EPage({ html });
-                await a11yCheck(page, axeExclusions);
-            });
-        });
-    });
-    it('switches between states when clicked', async () => {
-        const page = await newSparkE2EPage({
-            html: `
-      <gux-form-field-radio-group-beta>
-        <label slot="label">Food</label>
-        <gux-form-field-radio id="pizza">
-          <input slot="input" type="radio" name="food-1" value="pizza"/>
-          <label slot="label">Pizza</label>
-        </gux-form-field-radio>
-        <gux-form-field-radio id="pasta">
-          <input slot="input" type="radio" name="food-1" value="pasta"/>
-          <label slot="label">Pasta</label>
-        </gux-form-field-radio>
-      </gux-form-field-radio-group-beta>
-
-      `
-        });
-        const pizzaElement = await page.find('#pizza');
-        const pizzaLabel = await pizzaElement.find('label');
-        const pizzaInput = await pizzaElement.find('input');
-        const pastaElement = await page.find('#pasta');
-        const pastaLabel = await pastaElement.find('label');
-        const pastaInput = await pastaElement.find('input');
-        await a11yCheck(page, axeExclusions, 'Before checking radio');
-        await pizzaLabel.click();
-        await page.waitForChanges();
-        expect(await pizzaInput.getProperty('checked')).toBe(true);
-        expect(await pastaInput.getProperty('checked')).toBe(false);
-        await a11yCheck(page, axeExclusions, 'After checking radio');
-        await pastaLabel.click();
-        await page.waitForChanges();
-        expect(await pizzaInput.getProperty('checked')).toBe(false);
-        expect(await pastaInput.getProperty('checked')).toBe(true);
-        await pizzaLabel.click();
-        await page.waitForChanges();
-        expect(await pizzaInput.getProperty('checked')).toBe(true);
-        expect(await pastaInput.getProperty('checked')).toBe(false);
-    });
-    it('disables the slotted form field radio inputs', async () => {
-        const page = await newSparkE2EPage({
-            html: `
-      <gux-form-field-radio-group-beta disabled>
-        <label slot="label">Food</label>
-        <gux-form-field-radio id="pizza">
-          <input slot="input" type="radio" name="food-1" value="pizza"/>
-          <label slot="label">Pizza</label>
-        </gux-form-field-radio>
-        <gux-form-field-radio id="pasta">
-          <input slot="input" type="radio" name="food-1" value="pasta"/>
-          <label slot="label">Pasta</label>
-        </gux-form-field-radio>
-      </gux-form-field-radio-group-beta>
-
-      `
-        });
-        const pizzaElement = await page.find('#pizza');
-        const pizzaLabel = await pizzaElement.find('label');
-        const pizzaInput = await pizzaElement.find('input');
-        const pastaElement = await page.find('#pasta');
-        const pastaLabel = await pastaElement.find('label');
-        const pastaInput = await pastaElement.find('input');
-        await a11yCheck(page, axeExclusions, 'Before checking radio');
-        await pizzaLabel.click();
-        await page.waitForChanges();
-        expect(await pizzaInput.getProperty('checked')).toBe(false);
-        expect(await pastaInput.getProperty('checked')).toBe(false);
-        await a11yCheck(page, axeExclusions, 'After checking radio');
-        await pastaLabel.click();
-        await page.waitForChanges();
-        expect(await pizzaInput.getProperty('checked')).toBe(false);
-        expect(await pastaInput.getProperty('checked')).toBe(false);
-    });
-});

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio-group/tests/gux-form-field-radio-group.spec.js

@@ -1,172 +0,0 @@
-import { newSpecPage } from "../../../../../../test/specTestUtils";
-import { GuxFormFieldRadioGroupBeta } from "../gux-form-field-radio-group";
-const components = [GuxFormFieldRadioGroupBeta];
-const language = 'en';
-describe('gux-form-field-radio-beta', () => {
-    it('should build', async () => {
-        const html = `
-      <gux-form-field-radio-group-beta>
-        <label slot="group-label">Food</label>
-        <gux-form-field-radio>
-          <input slot="input" type="radio" name="food-1" value="pizza"/>
-          <label slot="label">Pizza</label>
-        </gux-form-field-radio>
-      </gux-form-field-radio-group-beta>
-    `;
-        const page = await newSpecPage({ components, html, language });
-        expect(page.rootInstance).toBeInstanceOf(GuxFormFieldRadioGroupBeta);
-    });
-    describe('#render', () => {
-        [
-            `
-      <gux-form-field-radio-group-beta>
-        <label slot="group-label">Food</label>
-        <gux-form-field-radio>
-          <input slot="input" type="radio" name="food-1" value="pizza"/>
-          <label slot="label">Pizza</label>
-        </gux-form-field-radio>
-      </gux-form-field-radio-group-beta>
-     `,
-            `
-     <gux-form-field-radio-group-beta>
-      <label slot="group-label">Food</label>
-
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="pizza" />
-        <label slot="label">Pizza</label>
-      </gux-form-field-radio>
-
-      <gux-form-field-radio>
-        <input
-          slot="input"
-          type="radio"
-          name="food-1"
-          value="sandwich"
-          disabled
-        />
-        <label slot="label">Sandwich</label>
-      </gux-form-field-radio>
-
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="spaghetti" />
-        <label slot="label">Spaghetti</label>
-        <span slot="help">This is a help message</span>
-      </gux-form-field-radio>
-      <span slot="group-error">Subject to availibility</span>
-    </gux-form-field-radio-group-beta>
-     `,
-            `<gux-form-field-radio-group-beta>
-      <label slot="group-label">Food</label>
-
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="pizza" />
-        <label slot="label">Pizza</label>
-      </gux-form-field-radio>
-
-      <gux-form-field-radio>
-        <input
-          slot="input"
-          type="radio"
-          name="food-1"
-          value="sandwich"
-          disabled
-        />
-        <label slot="label">Sandwich</label>
-      </gux-form-field-radio>
-
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="sushi" />
-        <label slot="label">Sushi</label>
-        <span slot="error">Subject to availibility</span>
-      </gux-form-field-radio>
-
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="spaghetti" />
-        <label slot="label">Spaghetti</label>
-        <span slot="help">This is a help message</span>
-      </gux-form-field-radio>
-      <span slot="group-help">This is a group help message</span>
-    </gux-form-field-radio-group-beta>`,
-            ` <gux-form-field-radio-group-beta disabled>
-        <label slot="group-label">Food</label>
-
-        <gux-form-field-radio>
-          <input slot="input" type="radio" name="food-1" value="pizza" />
-          <label slot="label">Pizza</label>
-        </gux-form-field-radio>
-
-        <gux-form-field-radio>
-          <input
-            slot="input"
-            type="radio"
-            name="food-1"
-            value="sandwich"
-            disabled
-          />
-          <label slot="label">Sandwich</label>
-        </gux-form-field-radio>
-
-        <gux-form-field-radio>
-          <input slot="input" type="radio" name="food-1" value="sushi" />
-          <label slot="label">Sushi</label>
-          <span slot="error">Subject to availibility</span>
-        </gux-form-field-radio>
-
-        <gux-form-field-radio>
-          <input slot="input" type="radio" name="food-1" value="spaghetti" />
-          <label slot="label">Spaghetti</label>
-          <span slot="help">This is a help message</span>
-        </gux-form-field-radio>
-      </gux-form-field-radio-group-beta>`,
-            `<gux-form-field-radio-group-beta indicator-mark="otpional">
-      <label slot="group-label">Food</label>
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="pizza" />
-        <label slot="label">Pizza</label>
-      </gux-form-field-radio>
-
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="sandwich" />
-        <label slot="label">Sandwich</label>
-      </gux-form-field-radio>
-
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="sushi" />
-        <label slot="label">Sushi</label>
-      </gux-form-field-radio>
-
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="spaghetti" />
-        <label slot="label">Spaghetti</label>
-      </gux-form-field-radio>
-    </gux-form-field-radio-group-beta>`,
-            `<gux-form-field-radio-group-beta required>
-      <label slot="group-label">Food</label>
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="pizza" />
-        <label slot="label">Pizza</label>
-      </gux-form-field-radio>
-
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="sandwich" />
-        <label slot="label">Sandwich</label>
-      </gux-form-field-radio>
-
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="sushi" />
-        <label slot="label">Sushi</label>
-      </gux-form-field-radio>
-
-      <gux-form-field-radio>
-        <input slot="input" type="radio" name="food-1" value="spaghetti" />
-        <label slot="label">Spaghetti</label>
-      </gux-form-field-radio>
-    </gux-form-field-radio-group-beta>`
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/tests/gux-form-field-search.e2e.js

@@ -1,83 +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-field-search', () => {
-    describe('#render', () => {
-        describe('label-position', () => {
-            [
-                '',
-                'label-position="above"',
-                'label-position="beside"',
-                'label-position="screenreader"'
-            ].forEach((componentAttribute, index) => {
-                const html = `
-          <gux-form-field-search lang="en" ${componentAttribute}>
-            <input slot="input" type="search" value="Sample search"/>
-            <label slot="label">Label</label>
-          </gux-form-field-search>
-        `;
-                it(`should render component as expected (${index + 1})`, async () => {
-                    const page = await newNonrandomE2EPage({ html });
-                    const element = await page.find('gux-form-field-search');
-                    const elementShadowDom = await element.find('pierce/.gux-form-field-container');
-                    expect(element.outerHTML).toMatchSnapshot();
-                    expect(elementShadowDom).toMatchSnapshot();
-                });
-                it(`should be accessible (${index + 1})`, async () => {
-                    const page = await newSparkE2EPage({ html });
-                    await a11yCheck(page, axeExclusions);
-                });
-            });
-        });
-        describe('input attributes', () => {
-            ['', 'disabled', 'required'].forEach((inputAttribute, index) => {
-                const html = `
-          <gux-form-field-search lang="en">
-            <input slot="input" type="search" value="Sample search" ${inputAttribute}/>
-            <label slot="label">Label</label>
-          </gux-form-field-search>
-        `;
-                it(`should render component as expected (${index + 1})`, async () => {
-                    const page = await newNonrandomE2EPage({ html });
-                    const element = await page.find('gux-form-field-search');
-                    const elementShadowDom = await element.find('pierce/.gux-form-field-container');
-                    expect(element.outerHTML).toMatchSnapshot();
-                    expect(elementShadowDom).toMatchSnapshot();
-                });
-                it(`should be accessible (${index + 1})`, async () => {
-                    const page = await newSparkE2EPage({ html });
-                    await a11yCheck(page, axeExclusions);
-                });
-            });
-        });
-        describe('help', () => {
-            const html = `
-      <gux-form-field-search>
-      <input slot="input" type="search" name="e-1" />
-      <label slot="label">Default</label>
-      <span slot="help">This is a help message</span>
-    </gux-form-field-search>
-      `;
-            it('should render component as expected', async () => {
-                const page = await newNonrandomE2EPage({ html });
-                const element = await page.find('gux-form-field-search');
-                const elementShadowDom = await element.find('pierce/.gux-form-field-container');
-                expect(element.outerHTML).toMatchSnapshot();
-                expect(elementShadowDom).toMatchSnapshot();
-            });
-            it('should be accessible', async () => {
-                const page = await newSparkE2EPage({ html });
-                await a11yCheck(page, axeExclusions);
-            });
-        });
-    });
-});

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/tests/gux-form-field-search.spec.js

@@ -1,94 +0,0 @@
-import { newSpecPage } from "../../../../../../test/specTestUtils";
-import { GuxFormFieldSearch } from "../gux-form-field-search";
-const components = [GuxFormFieldSearch];
-const language = 'en';
-describe('gux-form-field-search', () => {
-    it('should build', async () => {
-        const html = `
-      <gux-form-field-search>
-        <input slot="input" type="search" value="Sample search"/>
-        <label slot="label">Label</label>
-        <span slot="error">Error message</span>
-      </gux-form-field-search>
-    `;
-        const page = await newSpecPage({ components, html, language });
-        expect(page.rootInstance).toBeInstanceOf(GuxFormFieldSearch);
-    });
-    describe('#render', () => {
-        describe('label-position', () => {
-            [
-                '',
-                'label-position="above"',
-                'label-position="beside"',
-                'label-position="screenreader"'
-            ].forEach((componentAttribute, index) => {
-                it(`should render component as expected (${index + 1})`, async () => {
-                    const html = `
-            <gux-form-field-search ${componentAttribute}>
-              <input slot="input" type="search" value="Sample search"/>
-              <label slot="label">Label</label>
-            </gux-form-field-search>
-          `;
-                    const page = await newSpecPage({ components, html, language });
-                    expect(page.root).toMatchSnapshot();
-                });
-            });
-        });
-        describe('input attributes', () => {
-            ['', 'disabled', 'required'].forEach((inputAttribute, index) => {
-                it(`should render component as expected (${index + 1})`, async () => {
-                    const html = `
-            <gux-form-field-search>
-              <input slot="input" type="search" value="Sample search" ${inputAttribute}/>
-              <label slot="label">Label</label>
-            </gux-form-field-search>
-          `;
-                    const page = await newSpecPage({ components, html, language });
-                    expect(page.root).toMatchSnapshot();
-                });
-            });
-        });
-        describe('indicator marks', () => {
-            ['', 'indicator-mark="optional"', 'indicator-mark="required"'].forEach((indicatorMark, index) => {
-                it(`should render component as expected (${index + 1})`, async () => {
-                    const html = `
-              <gux-form-field-search ${indicatorMark}>
-                <input slot="input" type="search" value="Sample search"/>
-                <label slot="label">Label</label>
-              </gux-form-field-search>
-            `;
-                    const page = await newSpecPage({ components, html, language });
-                    expect(page.root).toMatchSnapshot();
-                });
-            });
-        });
-        describe('help', () => {
-            it('should render component as expected', async () => {
-                const html = `
-        <gux-form-field-search>
-        <input slot="input" type="search" name="e-1" />
-        <label slot="label">Default</label>
-        <span slot="help">This is a help message</span>
-      </gux-form-field-search>
-        `;
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-        describe('label-info', () => {
-            it('should render component as expected', async () => {
-                const html = `
-        <gux-form-field-search>
-          <input slot="input" type="search" name="e-1" />
-          <label slot="label">Default</label>
-          <gux-label-info-beta slot="label-info">
-            <span slot="content">This is some tooltip text</span>
-          </gux-label-info-beta>
-        </gux-form-field-search>
-        `;
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});