genesys-spark-components 4.82.0 → 4.83.0

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

@@ -1,24 +0,0 @@
-import { getLocalizedOffset, shortenZone } from "../gux-time-zone.service";
-describe('gux-time-zone.service', () => {
-    describe('#getLocalizedOffset', () => {
-        const cases = [
-            { timeZoneId: 'Etc/GMT', expectedOutput: 'UTC+00:00' },
-            { timeZoneId: 'Etc/GMT-1', expectedOutput: 'UTC+01:00' }
-        ];
-        cases.forEach(({ timeZoneId, expectedOutput }) => {
-            it(`should work as expected for "${timeZoneId}"`, async () => {
-                expect(getLocalizedOffset('UTC', timeZoneId)).toBe(expectedOutput);
-            });
-        });
-    });
-    describe('#shortenZone', () => {
-        [
-            { timeZone: 'Etc/GMT', expectedOutput: 'GMT' },
-            { timeZone: 'Europe/London', expectedOutput: 'London' }
-        ].forEach(({ timeZone, expectedOutput }) => {
-            it(`should work as expected for "${timeZone}"`, async () => {
-                expect(shortenZone(timeZone)).toBe(expectedOutput);
-            });
-        });
-    });
-});

package/dist/collection/components/beta/gux-time-zone-picker/tests/gux-time-zone-picker.e2e.js

@@ -1,60 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-const axeExclusions = [
-    {
-        issueId: 'target-size',
-        target: 'gux-time-zone-picker-beta,gux-dropdown,button',
-        exclusionReason: 'COMUI-2944 Fix any of the following: Target has insufficient size (20px by 18px, should be at least 24px by 24px); Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px.'
-    }
-];
-async function openWithClick(page) {
-    const dropdownButtonElement = await page.find('pierce/.gux-field');
-    await dropdownButtonElement.click();
-    await page.waitForChanges();
-}
-async function unfilteredOptions(page) {
-    const element = await page.find('gux-time-zone-picker-beta');
-    return element.shadowRoot.querySelectorAll(`gux-dropdown gux-listbox gux-option:not(.gux-filtered)`);
-}
-describe('gux-time-zone-picker-beta', () => {
-    describe('#render', () => {
-        it('renders', async () => {
-            const html = `<gux-time-zone-picker-beta></gux-time-zone-picker-beta>`;
-            const page = await newSparkE2EPage({ html });
-            const element = await page.find('gux-time-zone-picker-beta');
-            expect(element).toHaveAttribute('hydrated');
-        });
-    });
-    it('filters the list', async () => {
-        const html = `<gux-time-zone-picker-beta></gux-time-zone-picker-beta>`;
-        const page = await newSparkE2EPage({ html });
-        await a11yCheck(page, axeExclusions);
-        await openWithClick(page);
-        await a11yCheck(page, axeExclusions);
-        let visibleItems = await unfilteredOptions(page);
-        expect(visibleItems.length).toBe(478);
-        await page.keyboard.press('a');
-        await page.keyboard.press('d');
-        await page.keyboard.press('a');
-        await page.keyboard.press('k');
-        await page.waitForChanges();
-        visibleItems = await unfilteredOptions(page);
-        expect(visibleItems.length).toBe(1);
-    });
-    it('includes generic zones', async () => {
-        const html = `<gux-time-zone-picker-beta></gux-time-zone-picker-beta>`;
-        const page = await newSparkE2EPage({ html });
-        await a11yCheck(page, axeExclusions);
-        await openWithClick(page);
-        await a11yCheck(page, axeExclusions);
-        let visibleItems = await unfilteredOptions(page);
-        expect(visibleItems.length).toBe(478);
-        await page.keyboard.press('e');
-        await page.keyboard.press('t');
-        await page.keyboard.press('c');
-        await page.keyboard.press('/');
-        await page.waitForChanges();
-        visibleItems = await unfilteredOptions(page);
-        expect(visibleItems.length).toBe(27);
-        expect(visibleItems[0].textContent).toBe('Etc/GMT (UTC+00:00)');
-    });
-});

package/dist/collection/components/beta/gux-time-zone-picker/tests/gux-time-zone-picker.spec.js

@@ -1,16 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxTimeZonePickerBeta } from "../gux-time-zone-picker";
-const components = [GuxTimeZonePickerBeta];
-describe('#render ', () => {
-    [
-        `<gux-time-zone-picker-beta><gux-time-zone-picker-beta>`,
-        `<gux-time-zone-picker-beta value="Etc/GMT+1"><gux-time-zone-picker-beta>`,
-        `<gux-time-zone-picker-beta value="Etc/GMT+1" custom-default="America/Detroit" custom-default-label="Business Timezone"><gux-time-zone-picker-beta>`
-    ].forEach((html, index) => {
-        // COMUI-2173update node version for latest time zones
-        it.skip(`should render component as expected (${index + 1})`, async () => {
-            const page = await newSpecPage({ components, html });
-            expect(page.root).toMatchSnapshot();
-        });
-    });
-});

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

@@ -1,40 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-describe('gux-tooltip-beta', () => {
-    describe('#render', () => {
-        [
-            `
-        <div id="element" lang="en">
-          <div>Element</div>
-          <gux-tooltip-beta>
-            <span slot="content">Tooltip</span>
-          </gux-tooltip-beta>
-        </div>
-      `,
-            `
-        <div lang="en">
-          <div id="element">Element</div>
-          <gux-tooltip-beta for="element">
-            <div slot="content">Tooltip</div>
-          </gux-tooltip-beta>
-        </div>
-      `
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSparkE2EPage({ html });
-                const element = await page.find('#element');
-                const tooltip = await page.find('gux-tooltip-beta');
-                const baseTooltip = await page.find('gux-tooltip-beta >>> gux-tooltip-base-beta');
-                expect(baseTooltip.className.split(' ')).not.toContain('gux-show');
-                // verify accessibility issues are not present before tooltip is active
-                await a11yCheck(page);
-                await element.hover();
-                await page.waitForChanges();
-                await a11yCheck(page);
-                expect(element.getAttribute('aria-describedby')).toBe(tooltip.id);
-                expect(baseTooltip.className.split(' ')).toContain('gux-show');
-                expect(await baseTooltip.getProperty('placement')).toBe('bottom-start');
-                expect(tooltip).toHaveAttribute('hydrated');
-            });
-        });
-    });
-});

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

@@ -1,64 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxTooltip } from "../gux-tooltip";
-import { GuxTooltipBase } from "../../gux-tooltip-base/gux-tooltip-base";
-const components = [GuxTooltip, GuxTooltipBase];
-const language = 'en';
-describe('gux-tooltip-beta', () => {
-    it('should build', async () => {
-        const html = '<gux-tooltip-beta></gux-tooltip-beta>';
-        const page = await newSpecPage({ components, html, language });
-        expect(page.rootInstance).toBeInstanceOf(GuxTooltip);
-    });
-    describe('#render', () => {
-        [
-            `
-        <div>
-          <div>Element</div>
-          <gux-tooltip-beta>
-            <span slot="content">Tooltip</span>
-          </gux-tooltip-beta>
-        </div>
-      `,
-            `
-        <div>
-          <div id="element">Element</div>
-          <gux-tooltip-beta for="element">
-            <div slot="content">Tooltip</div>
-          </gux-tooltip-beta>
-        </div>
-      `
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.body).toMatchSnapshot();
-            });
-        });
-    });
-    describe('#remove', () => {
-        [
-            `
-        <div>
-          <div>Element</div>
-          <gux-tooltip-beta>
-            <span slot="content">Tooltip</span>
-          </gux-tooltip-beta>
-        </div>
-      `,
-            `
-        <div>
-          <div id="element">Element</div>
-          <gux-tooltip-beta for="element">
-            <div slot="content">Tooltip</div>
-          </gux-tooltip-beta>
-        </div>
-      `
-        ].forEach((html, index) => {
-            it(`should remove component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({ components, html, language });
-                page.root.remove();
-                await page.waitForChanges();
-                expect(page.body).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/legacy/gux-action-toast-legacy/tests/gux-action-toast.e2e.js

@@ -1,26 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-describe('gux-action-toast', () => {
-    describe('#render', () => {
-        [
-            {
-                description: 'should render action toast',
-                html: `
-          <gux-action-toast-legacy lang="en" accent="neutral">
-            <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
-            <div slot="title">Title</div>
-            <div slot="message">This is the message</div>
-            <gux-button slot="negative-button">Reject</gux-button>
-            <gux-button slot="positive-button" accent="primary">Accept</gux-button>
-          </gux-action-toast-legacy>
-        `
-            }
-        ].forEach(({ description, html }) => {
-            it(description, async () => {
-                const page = await newSparkE2EPage({ html });
-                const element = await page.find('gux-action-toast-legacy');
-                await a11yCheck(page);
-                expect(element.outerHTML).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/legacy/gux-action-toast-legacy/tests/gux-action-toast.spec.js

@@ -1,28 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxActionToast } from "../gux-action-toast";
-const components = [GuxActionToast];
-const language = 'en';
-describe('gux-action-toast', () => {
-    describe('#render', () => {
-        [
-            {
-                description: 'should render action toast',
-                html: `
-          <gux-action-toast-legacy accent="neutral">
-            <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
-            <div slot="title">Title</div>
-            <div slot="message">This is the message</div>
-            <gux-button slot="negative-button">Reject</gux-button>
-            <gux-button slot="positive-button" accent="primary">Accept</gux-button>
-          </gux-action-toast-legacy>
-        `
-            }
-        ].forEach(({ description, html }) => {
-            it(description, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.rootInstance).toBeInstanceOf(GuxActionToast);
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/dropdown-option/tests/gux-dropdown-option.spec.js

@@ -1,47 +0,0 @@
-import { newSpecPage } from "../../../../../test/specTestUtils";
-import { GuxDropdownOption } from "../gux-dropdown-option";
-const components = [GuxDropdownOption];
-const html = `<gux-dropdown-option text="TestsAreAwesome"></gux-dropdown-option>`;
-const language = 'en';
-describe('gux-dropdown-option', () => {
-    it('should build', async () => {
-        const page = await newSpecPage({ components, html, language });
-        expect(page.root).toMatchSnapshot();
-    });
-    describe('Class Logic', () => {
-        describe('shouldFilter', () => {
-            it('should not filter if no search string is provided', async () => {
-                const page = await newSpecPage({ components, html, language });
-                const component = page.root;
-                const result = await component.shouldFilter('');
-                await page.waitForChanges();
-                expect(result).toBeFalsy();
-                expect(page.root).toMatchSnapshot();
-            });
-            it('should not filter if string is in the text', async () => {
-                const page = await newSpecPage({ components, html, language });
-                const component = page.root;
-                const result = await component.shouldFilter('Are');
-                await page.waitForChanges();
-                expect(result).toBeFalsy();
-                expect(page.root).toMatchSnapshot();
-            });
-            it('should not filter if case-insensitive string is in the text', async () => {
-                const page = await newSpecPage({ components, html, language });
-                const component = page.root;
-                const result = await component.shouldFilter('are');
-                await page.waitForChanges();
-                expect(result).toBeFalsy();
-                expect(page.root).toMatchSnapshot();
-            });
-            it('should filter if string is not in the text', async () => {
-                const page = await newSpecPage({ components, html, language });
-                const component = page.root;
-                const result = await component.shouldFilter('Not');
-                await page.waitForChanges();
-                expect(result).toBeTruthy();
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/tests/gux-advanced-dropdown.e2e.js

@@ -1,149 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-import { asyncFilter } from "../../../../utils/array/async-filter";
-const html = `
-  <div lang="en">
-    <gux-advanced-dropdown-legacy lang="en" filter-debounce-timeout=0>
-      <gux-dropdown-option value="en" text="English"></gux-dropdown-option>
-      <gux-dropdown-option value="nl" text="Dutch"></gux-dropdown-option>
-    </gux-advanced-dropdown-legacy>
-  </div>
-`;
-describe('gux-advanced-dropdown-legacy', () => {
-    it('should render', async () => {
-        const page = await newSparkE2EPage({ html });
-        const element = await page.find('gux-advanced-dropdown-legacy');
-        await a11yCheck(page);
-        expect(element).toHaveAttribute('hydrated');
-    });
-    it('should open the dropdown on click', async () => {
-        const page = await newSparkE2EPage({ html });
-        const element = await page.find('gux-advanced-dropdown-legacy');
-        const dropdownElement = await element.find('pierce/.gux-popup-container');
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(false);
-        await element.click();
-        await page.waitForChanges();
-        await a11yCheck(page);
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(true);
-    });
-    it('should select an option and closes the dropdown menu when an option is clicked', async () => {
-        const page = await newSparkE2EPage({ html });
-        const element = await page.find('gux-advanced-dropdown-legacy');
-        const inputSpy = await element.spyOnEvent('input');
-        const dropdownElement = await element.find('pierce/.gux-popup-container');
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(false);
-        await element.click();
-        await page.waitForChanges();
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(true);
-        const englishDropdownOption = await element.find('gux-dropdown-option[value="en"]');
-        await englishDropdownOption.click();
-        await page.waitForChanges();
-        expect(inputSpy).toHaveReceivedEventDetail('en');
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(false);
-    });
-    it('should fire filter event with a delay', async () => {
-        const page = await newSparkE2EPage({ html });
-        const element = await page.find('gux-advanced-dropdown-legacy');
-        const filterSpy = await element.spyOnEvent('filter');
-        const dropdownElement = await element.find('pierce/.gux-popup-container');
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(false);
-        await element.click();
-        await page.waitForChanges();
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(true);
-        const input = await element.find('pierce/input');
-        await input.press('KeyE');
-        await input.press('KeyN');
-        await page.waitForChanges();
-        const value = await input.getProperty('value');
-        expect(value).toBe('en');
-        await page.waitForTimeout(1000);
-        expect(filterSpy).toHaveReceivedEventDetail('en');
-        const options = await element.findAll('gux-dropdown-option');
-        const filteredOptions = await asyncFilter(options, async (option) => !(await option.getProperty('filtered')));
-        expect(filteredOptions.length).toBe(1);
-    });
-    it('should not filter if no-filter is true', async () => {
-        const page = await newSparkE2EPage({
-            html: `
-      <gux-advanced-dropdown-legacy lang="en" filter-debounce-timeout="0" no-filter>
-        <gux-dropdown-option value="en" text="English"></gux-dropdown-option>
-        <gux-dropdown-option value="nl" text="Dutch"></gux-dropdown-option>
-      </gux-advanced-dropdown-legacy>
-    `
-        });
-        const element = await page.find('gux-advanced-dropdown-legacy');
-        const filterSpy = await element.spyOnEvent('filter');
-        const dropdownElement = await element.find('pierce/.gux-popup-container');
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(false);
-        await element.click();
-        await page.waitForChanges();
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(true);
-        const input = await element.find('pierce/input');
-        await input.press('KeyE');
-        await input.press('KeyN');
-        await page.waitForChanges();
-        const value = await input.getProperty('value');
-        expect(value).toBe('en');
-        await page.waitForTimeout(1000);
-        expect(filterSpy).toHaveReceivedEventDetail('en');
-        const options = await element.findAll('gux-dropdown-option');
-        const filteredOptions = await asyncFilter(options, async (option) => !(await option.getProperty('filtered')));
-        expect(filteredOptions.length).toBe(2);
-    });
-    it('should allow options to be dynamically rendered', async () => {
-        const page = await newSparkE2EPage({ html });
-        const element = await page.find('gux-advanced-dropdown-legacy');
-        await page.evaluate(() => {
-            const guxAdvancedDropdown = document.querySelector('gux-advanced-dropdown-legacy');
-            const guxDropdownOption = document.querySelector('gux-dropdown-option');
-            guxAdvancedDropdown.removeChild(guxDropdownOption);
-            guxAdvancedDropdown.appendChild(guxDropdownOption);
-        });
-        await page.waitForChanges();
-        const options = await element.findAll('gux-dropdown-option');
-        const filteredOptions = await asyncFilter(options, async (option) => !(await option.getProperty('filtered')));
-        expect(filteredOptions.length).toBe(2);
-    });
-    it('should not fire filter event as dropdown is closing', async () => {
-        const page = await newSparkE2EPage({
-            html: `
-      <gux-advanced-dropdown-legacy lang="en">
-        <gux-dropdown-option value="en" text="English"></gux-dropdown-option>
-        <gux-dropdown-option value="nl" text="Dutch"></gux-dropdown-option>
-      </gux-advanced-dropdown-legacy>
-    `
-        });
-        const element = await page.find('gux-advanced-dropdown-legacy');
-        const filterSpy = await element.spyOnEvent('filter');
-        const dropdownElement = await element.find('pierce/.gux-popup-container');
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(false);
-        await element.click();
-        await page.waitForChanges();
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(true);
-        const englishDropdownOption = await element.find('gux-dropdown-option[value="en"]');
-        await englishDropdownOption.click();
-        await page.waitForChanges();
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(false);
-        expect(filterSpy).not.toHaveReceivedEvent();
-    });
-    it('should not select an option or close the dropdown menu when a selected option is clicked', async () => {
-        const page = await newSparkE2EPage({ html });
-        const element = await page.find('gux-advanced-dropdown-legacy');
-        const dropdownElement = await element.find('pierce/.gux-popup-container');
-        const englishDropdownOption = await element.find('gux-dropdown-option[value="en"]');
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(false);
-        await element.click();
-        await page.waitForChanges();
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(true);
-        await englishDropdownOption.click();
-        await page.waitForChanges();
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(false);
-        const inputSpy = await element.spyOnEvent('input');
-        await element.click();
-        await page.waitForChanges();
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(true);
-        await englishDropdownOption.click();
-        await page.waitForChanges();
-        expect(inputSpy).not.toHaveReceivedEvent();
-        expect(dropdownElement.classList.contains('gux-expanded')).toBe(false);
-    });
-});

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/tests/gux-advanced-dropdown.spec.js

@@ -1,17 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxAdvancedDropdownLegacy } from "../gux-advanced-dropdown";
-describe('gux-advanced-dropdown-legacy', () => {
-    it('should render', async () => {
-        const page = await newSpecPage({
-            components: [GuxAdvancedDropdownLegacy],
-            html: `
-        <gux-advanced-dropdown-legacy>
-          <gux-dropdown-option value="en" text="English"></gux-dropdown-option>
-          <gux-dropdown-option value="nl" text="Dutch"></gux-dropdown-option>
-        </gux-advanced-dropdown-legacy>
-      `,
-            language: 'en'
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-});

package/dist/collection/components/legacy/gux-disclosure-button-legacy/tests/gux-disclosure-button.e2e.js

@@ -1,80 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { a11yCheck } from "../../../../test/e2eTestUtils";
-async function newNonrandomE2EPage({ html }) {
-    const page = await newE2EPage();
-    await page.evaluateOnNewDocument(() => {
-        Math.random = () => 0.5;
-    });
-    await page.setContent(html);
-    await page.waitForChanges();
-    await page.addScriptTag({
-        path: '../../node_modules/axe-core/axe.min.js'
-    });
-    await page.waitForChanges();
-    return page;
-}
-describe('gux-disclosure-button-legacy', () => {
-    it('should build', async () => {
-        const page = await newNonrandomE2EPage({
-            html: `<gux-disclosure-button-legacy lang="en"></gux-disclosure-button-legacy>`
-        });
-        const element = await page.find('gux-disclosure-button-legacy');
-        expect(element).toHaveAttribute('hydrated');
-    });
-    describe('#render', () => {
-        [
-            '<gux-disclosure-button-legacy lang="en"></gux-disclosure-button-legacy>',
-            '<gux-disclosure-button-legacy lang="en" is-open></gux-disclosure-button-legacy>',
-            '<gux-disclosure-button-legacy lang="en" position="left"></gux-disclosure-button-legacy>',
-            '<gux-disclosure-button-legacy lang="en" is-open position="left"></gux-disclosure-button-legacy>',
-            '<gux-disclosure-button-legacy lang="en" position="right"></gux-disclosure-button-legacy>',
-            '<gux-disclosure-button-legacy lang="en" is-open position="right"></gux-disclosure-button-legacy>',
-            '<gux-disclosure-button-legacy lang="en" label="More Info"></gux-disclosure-button-legacy>'
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newNonrandomE2EPage({ html });
-                const element = await page.find('gux-disclosure-button-legacy');
-                const elementShadowDom = await element.find('pierce/.gux-disclosure-button-container');
-                expect(element.outerHTML).toMatchSnapshot();
-                expect(elementShadowDom).toMatchSnapshot();
-            });
-        });
-    });
-    describe('events', () => {
-        describe('active', () => {
-            it('should open when clicked', async () => {
-                const page = await newNonrandomE2EPage({
-                    html: '<gux-disclosure-button-legacy lang="en"></gux-disclosure-button-legacy>'
-                });
-                const element = await page.find('gux-disclosure-button-legacy');
-                const button = await element.find('pierce/.gux-disclosure-button');
-                const panel = await element.find('pierce/.gux-disclosure-panel');
-                const icon = await element.find('pierce/gux-icon');
-                const onActive = await page.spyOnEvent('active');
-                expect(await element.getProperty('isOpen')).toBe(false);
-                expect(panel).not.toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'fa/caret-right-solid');
-                await button.click();
-                await page.waitForChanges();
-                expect(await element.getProperty('isOpen')).toBe(true);
-                expect(panel).toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'fa/caret-left-solid');
-                expect(onActive).toHaveReceivedEventDetail(true);
-            });
-        });
-    });
-    describe('A11Y', () => {
-        it('should be accessible when closed', async () => {
-            const page = await newNonrandomE2EPage({
-                html: `<gux-disclosure-button-legacy lang="en"></gux-disclosure-button-legacy>`
-            });
-            await a11yCheck(page);
-        });
-        it('should be accessible when open', async () => {
-            const page = await newNonrandomE2EPage({
-                html: `<gux-disclosure-button-legacy lang="en" is-open></gux-disclosure-button-legacy>`
-            });
-            await a11yCheck(page);
-        });
-    });
-});

package/dist/collection/components/legacy/gux-disclosure-button-legacy/tests/gux-disclosure-button.spec.js

@@ -1,82 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxDisclosureButtonLegacy } from "../gux-disclosure-button";
-const components = [GuxDisclosureButtonLegacy];
-const language = 'en';
-describe('gux-disclosure-button', () => {
-    it('should build', async () => {
-        const page = await newSpecPage({
-            components,
-            html: '<gux-disclosure-button-legacy></gux-disclosure-button-legacy>',
-            language
-        });
-        expect(page.rootInstance).toBeInstanceOf(GuxDisclosureButtonLegacy);
-    });
-    describe('#render', () => {
-        [
-            '<gux-disclosure-button-legacy></gux-disclosure-button-legacy>',
-            '<gux-disclosure-button-legacy is-open></gux-disclosure-button-legacy>',
-            '<gux-disclosure-button-legacy position="left"></gux-disclosure-button-legacy>',
-            '<gux-disclosure-button-legacy is-open position="left"></gux-disclosure-button-legacy>',
-            '<gux-disclosure-button-legacy position="right"></gux-disclosure-button-legacy>',
-            '<gux-disclosure-button-legacy is-open position="right"></gux-disclosure-button-legacy>',
-            '<gux-disclosure-button-legacy label="More Info"></gux-disclosure-button-legacy>'
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-    describe('events', () => {
-        describe('active', () => {
-            it('should open when clicked', async () => {
-                const page = await newSpecPage({
-                    components,
-                    html: '<gux-disclosure-button-legacy></gux-disclosure-button-legacy>',
-                    language
-                });
-                const element = page.root;
-                const button = element.shadowRoot.querySelector('.gux-disclosure-button');
-                const panel = element.shadowRoot.querySelector('.gux-disclosure-panel');
-                const icon = element.shadowRoot.querySelector('gux-icon');
-                const activeEventSpy = jest.fn();
-                element.addEventListener('active', activeEventSpy);
-                expect(element.isOpen).toBe(false);
-                expect(panel).not.toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'fa/caret-right-solid');
-                button.click();
-                await page.waitForChanges();
-                expect(element.isOpen).toBe(true);
-                expect(panel).toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'fa/caret-left-solid');
-                expect(activeEventSpy).toHaveBeenCalledWith(expect.objectContaining({
-                    detail: true
-                }));
-            });
-            it('should close when clicked', async () => {
-                const page = await newSpecPage({
-                    components,
-                    html: '<gux-disclosure-button-legacy is-open></gux-disclosure-button-legacy>',
-                    language
-                });
-                const element = page.root;
-                const button = element.shadowRoot.querySelector('.gux-disclosure-button');
-                const panel = element.shadowRoot.querySelector('.gux-disclosure-panel');
-                const icon = element.shadowRoot.querySelector('gux-icon');
-                const activeEventSpy = jest.fn();
-                element.addEventListener('active', activeEventSpy);
-                expect(element.isOpen).toBe(true);
-                expect(panel).toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'fa/caret-left-solid');
-                button.click();
-                await page.waitForChanges();
-                expect(element.isOpen).toBe(false);
-                expect(panel).not.toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'fa/caret-right-solid');
-                expect(activeEventSpy).toHaveBeenCalledWith(expect.objectContaining({
-                    detail: false
-                }));
-            });
-        });
-    });
-});