genesys-spark-components 4.82.0 → 4.83.0

package/dist/collection/components/stable/gux-breadcrumbs/tests/gux-breadcrumbs.e2e.js

@@ -1,48 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-describe('gux-breadcrumbs', () => {
-    [
-        `<gux-breadcrumbs lang="en"></gux-breadcrumbs>`,
-        `
-      <gux-breadcrumbs lang="en">
-        <gux-breadcrumb-item>Category</gux-breadcrumb-item>
-        <gux-breadcrumb-item href="#">Parent</gux-breadcrumb-item>
-        <gux-breadcrumb-item>Current</gux-breadcrumb-item>
-      </gux-breadcrumbs>
-    `,
-        `
-      <gux-breadcrumbs lang="en">
-        <gux-breadcrumb-item>Category</gux-breadcrumb-item>
-        <gux-breadcrumb-item href="#">Parent</gux-breadcrumb-item>
-        <gux-breadcrumb-item href="#">Current</gux-breadcrumb-item>
-      </gux-breadcrumbs>
-    `,
-        `
-      <gux-breadcrumbs lang="en" accent="primary">
-        <gux-breadcrumb-item>Category</gux-breadcrumb-item>
-        <gux-breadcrumb-item href="#">Parent</gux-breadcrumb-item>
-        <gux-breadcrumb-item>Current</gux-breadcrumb-item>
-      </gux-breadcrumbs>
-    `,
-        `
-      <gux-breadcrumbs lang="en" accent="secondary">
-        <gux-breadcrumb-item>Category</gux-breadcrumb-item>
-        <gux-breadcrumb-item href="#">Parent</gux-breadcrumb-item>
-        <gux-breadcrumb-item>Current</gux-breadcrumb-item>
-      </gux-breadcrumbs>
-    `,
-        `
-      <gux-breadcrumbs lang="en" accent="invalid">
-        <gux-breadcrumb-item>Category</gux-breadcrumb-item>
-        <gux-breadcrumb-item href="#">Parent</gux-breadcrumb-item>
-        <gux-breadcrumb-item>Current</gux-breadcrumb-item>
-      </gux-breadcrumbs>
-    `
-    ].forEach((html, index) => {
-        it(`should display component as expected (${index + 1})`, async () => {
-            const page = await newSparkE2EPage({ html });
-            const element = await page.find('gux-breadcrumbs');
-            await a11yCheck(page);
-            expect(element.outerHTML).toMatchSnapshot();
-        });
-    });
-});

package/dist/collection/components/stable/gux-breadcrumbs/tests/gux-breadcrumbs.spec.js

@@ -1,91 +0,0 @@
-jest.mock('../../../../utils/error/log-error', () => ({
-    __esModule: true,
-    logError: jest.fn()
-}));
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxBreadcrumbs } from "../gux-breadcrumbs";
-import { GuxBreadcrumbItem } from "../breadcrumb-item/gux-breadcrumb-item";
-import { logError } from "../../../../utils/error/log-error";
-const components = [GuxBreadcrumbs, GuxBreadcrumbItem];
-const language = 'en';
-describe('gux-breadcrumbs', () => {
-    beforeEach(() => {
-        jest.clearAllMocks();
-    });
-    describe('#render', () => {
-        [
-            `<gux-breadcrumbs></gux-breadcrumbs>`,
-            `
-        <gux-breadcrumbs>
-          <gux-breadcrumb-item>Category</gux-breadcrumb-item>
-          <gux-breadcrumb-item href="#">Parent</gux-breadcrumb-item>
-          <gux-breadcrumb-item>Current</gux-breadcrumb-item>
-        </gux-breadcrumbs>
-      `,
-            `
-        <gux-breadcrumbs>
-          <gux-breadcrumb-item>Category</gux-breadcrumb-item>
-          <gux-breadcrumb-item href="#">Parent</gux-breadcrumb-item>
-          <gux-breadcrumb-item href="#">Current</gux-breadcrumb-item>
-        </gux-breadcrumbs>
-      `,
-            `
-        <gux-breadcrumbs accent="primary">
-          <gux-breadcrumb-item>Category</gux-breadcrumb-item>
-          <gux-breadcrumb-item href="#">Parent</gux-breadcrumb-item>
-          <gux-breadcrumb-item>Current</gux-breadcrumb-item>
-        </gux-breadcrumbs>
-      `,
-            `
-        <gux-breadcrumbs accent="secondary">
-          <gux-breadcrumb-item>Category</gux-breadcrumb-item>
-          <gux-breadcrumb-item href="#">Parent</gux-breadcrumb-item>
-          <gux-breadcrumb-item>Current</gux-breadcrumb-item>
-        </gux-breadcrumbs>
-      `,
-            `
-        <gux-breadcrumbs accent="invalid">
-          <gux-breadcrumb-item>Category</gux-breadcrumb-item>
-          <gux-breadcrumb-item href="#">Parent</gux-breadcrumb-item>
-          <gux-breadcrumb-item>Current</gux-breadcrumb-item>
-        </gux-breadcrumbs>
-      `
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.rootInstance).toBeInstanceOf(GuxBreadcrumbs);
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-    describe('valid slotting', () => {
-        it('should not log an error if a gux-breadcrumb-item component is slotted in a gux-breadcrumb component', async () => {
-            await newSpecPage({
-                components,
-                html: `
-          <gux-breadcrumbs>
-            <gux-breadcrumb-item>Grandparent</gux-breadcrumb-item>
-            <gux-breadcrumb-item>Parent</gux-breadcrumb-item>
-            <gux-breadcrumb-item>Child</gux-breadcrumb-item>
-          </gux-breadcrumbs>
-        `,
-                language
-            });
-            expect(logError).not.toHaveBeenCalled();
-        });
-        it('should log an error if a gux-breadcrumb-item component is slotted in an element other than a gux-breadcrumb component', async () => {
-            await newSpecPage({
-                components,
-                html: `
-          <div>
-            <gux-breadcrumb-item>Grandparent</gux-breadcrumb-item>
-            <gux-breadcrumb-item>Parent</gux-breadcrumb-item>
-            <gux-breadcrumb-item>Child</gux-breadcrumb-item>
-          </div>
-        `,
-                language
-            });
-            expect(logError).toHaveBeenCalledTimes(3);
-        });
-    });
-});

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

@@ -1,131 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-describe('gux-button', () => {
-    describe('#render', () => {
-        [
-            {
-                clickable: true,
-                description: 'should render default button',
-                html: '<gux-button>Button</gux-button>'
-            },
-            {
-                clickable: true,
-                description: 'should render primary button',
-                html: '<gux-button accent="primary">Button</gux-button>'
-            },
-            {
-                clickable: true,
-                description: 'should render secondary button',
-                html: '<gux-button accent="secondary">Button</gux-button>'
-            },
-            {
-                clickable: true,
-                description: 'should render tertiary button',
-                html: '<gux-button accent="tertiary">Button</gux-button>'
-            },
-            {
-                clickable: true,
-                description: 'should render ghost button',
-                html: '<gux-button accent="ghost">Button</gux-button>'
-            },
-            {
-                clickable: true,
-                description: 'should render danger button',
-                html: '<gux-button accent="danger">Button</gux-button>'
-            },
-            {
-                clickable: true,
-                description: 'should render inline button',
-                html: '<gux-button accent="inline">Button</gux-button>'
-            },
-            {
-                clickable: true,
-                description: 'should render invalid button',
-                html: '<gux-button accent="invalid">Button</gux-button>'
-            },
-            {
-                clickable: false,
-                description: 'should render disabled default button',
-                html: '<gux-button disabled>Button</gux-button>'
-            },
-            {
-                clickable: false,
-                description: 'should render disabled primary button',
-                html: '<gux-button accent="primary" disabled>Button</gux-button>'
-            },
-            {
-                clickable: false,
-                description: 'should render disabled secondary button',
-                html: '<gux-button accent="secondary" disabled>Button</gux-button>'
-            },
-            {
-                clickable: false,
-                description: 'should render disabled tertiary button',
-                html: '<gux-button accent="tertiary" disabled>Button</gux-button>'
-            },
-            {
-                clickable: false,
-                description: 'should render disabled ghost button',
-                html: '<gux-button accent="ghost" disabled>Button</gux-button>'
-            },
-            {
-                clickable: false,
-                description: 'should render disabled danger button',
-                html: '<gux-button accent="danger" disabled>Button</gux-button>'
-            },
-            {
-                clickable: false,
-                description: 'should render disabled inline button',
-                html: '<gux-button accent="inline" disabled>Button</gux-button>'
-            },
-            {
-                clickable: false,
-                description: 'should render disabled invalid button',
-                html: '<gux-button accent="invalid" disabled>Button</gux-button>'
-            }
-        ].forEach(({ description, html, clickable }) => {
-            it(description, async () => {
-                const page = await newSparkE2EPage({ html });
-                const element = await page.find('gux-button');
-                const onClickSpy = await element.spyOnEvent('click');
-                const expectOnclickEvents = clickable ? 1 : 0;
-                await a11yCheck(page);
-                expect(element.outerHTML).toMatchSnapshot();
-                await element.click();
-                await page.waitForChanges();
-                expect(onClickSpy).toHaveReceivedEventTimes(expectOnclickEvents);
-            });
-        });
-    });
-    describe('click', () => {
-        it('should fire a click event when an enabled button slot content is clicked', async () => {
-            const html = '<gux-button><span>Span</span></gux-button>';
-            const page = await newSparkE2EPage({ html });
-            const element = await page.find('gux-button');
-            const onClickSpy = await element.spyOnEvent('click');
-            const span = await page.find('span');
-            await span.click();
-            await page.waitForChanges();
-            expect(onClickSpy).toHaveReceivedEventTimes(1);
-        });
-        it('should not fire a click event when a disabled button slot content is clicked', async () => {
-            const html = '<gux-button disabled><span>Span</span></gux-button>';
-            const page = await newSparkE2EPage({ html });
-            const element = await page.find('gux-button');
-            const onClickSpy = await element.spyOnEvent('click');
-            const span = await page.find('span');
-            await span.click();
-            await page.waitForChanges();
-            expect(onClickSpy).toHaveReceivedEventTimes(0);
-        });
-    });
-    describe('focus', () => {
-        it('should be programmatically focusable', async () => {
-            const html = '<gux-button>Button</gux-button>';
-            const page = await newSparkE2EPage({ html });
-            const element = await page.find('gux-button');
-            await element.callMethod('focus');
-            const focusedElement = await page.evaluateHandle(() => document.activeElement.nodeName);
-            expect(await focusedElement.jsonValue()).toBe('GUX-BUTTON');
-        });
-    });
-});

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

@@ -1,114 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxButton } from "../../gux-button/gux-button";
-const components = [GuxButton];
-const language = 'en';
-describe('gux-button', () => {
-    describe('#render', () => {
-        [
-            {
-                description: 'should render default button',
-                html: '<gux-button>Button</gux-button>'
-            },
-            {
-                description: 'should render primary button',
-                html: '<gux-button accent="primary">Button</gux-button>'
-            },
-            {
-                description: 'should render secondary button',
-                html: '<gux-button accent="secondary">Button</gux-button>'
-            },
-            {
-                description: 'should render tertiary button',
-                html: '<gux-button accent="tertiary">Button</gux-button>'
-            },
-            {
-                description: 'should render ghost button',
-                html: '<gux-button accent="ghost">Button</gux-button>'
-            },
-            {
-                description: 'should render danger button',
-                html: '<gux-button accent="danger">Button</gux-button>'
-            },
-            {
-                description: 'should render inline button',
-                html: '<gux-button accent="inline">Button</gux-button>'
-            },
-            {
-                description: 'should render invalid button',
-                html: '<gux-button accent="invalid">Button</gux-button>'
-            },
-            {
-                description: 'should render disabled default button',
-                html: '<gux-button disabled>Button</gux-button>'
-            },
-            {
-                description: 'should render disabled primary button',
-                html: '<gux-button accent="primary" disabled>Button</gux-button>'
-            },
-            {
-                description: 'should render disabled secondary button',
-                html: '<gux-button accent="secondary" disabled>Button</gux-button>'
-            },
-            {
-                description: 'should render disabled tertiary button',
-                html: '<gux-button accent="tertiary" disabled>Button</gux-button>'
-            },
-            {
-                description: 'should render disabled ghost button',
-                html: '<gux-button accent="ghost" disabled>Button</gux-button>'
-            },
-            {
-                description: 'should render disabled danger button',
-                html: '<gux-button accent="danger" disabled>Button</gux-button>'
-            },
-            {
-                description: 'should render disabled inline button',
-                html: '<gux-button accent="inline" disabled>Button</gux-button>'
-            },
-            {
-                description: 'should render disabled invalid button',
-                html: '<gux-button accent="invalid" disabled>Button</gux-button>'
-            }
-        ].forEach(({ description, html }) => {
-            it(description, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.rootInstance).toBeInstanceOf(GuxButton);
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-    describe('click', () => {
-        it('should fire a click event when an enabled button is clicked', async () => {
-            const html = '<gux-button>Button</gux-button>';
-            const page = await newSpecPage({ components, html, language });
-            const element = page.root;
-            const clickSpy = jest.fn();
-            element.addEventListener('click', clickSpy);
-            element.click();
-            await page.waitForChanges();
-            expect(clickSpy).toHaveBeenCalled();
-        });
-        it('should fire a click event when an enabled button slot content is clicked', async () => {
-            const html = '<gux-button><span>Span</span></gux-button>';
-            const page = await newSpecPage({ components, html, language });
-            const element = page.root;
-            const span = page.root.querySelector('span');
-            const clickSpy = jest.fn();
-            element.addEventListener('click', clickSpy);
-            span.click();
-            await page.waitForChanges();
-            expect(clickSpy).toHaveBeenCalled();
-        });
-        it('should not fire a click event when a disabled button slot content is clicked', async () => {
-            const html = '<gux-button disabled><span>Span</span></gux-button>';
-            const page = await newSpecPage({ components, html, language });
-            const element = page.root;
-            const span = page.root.querySelector('span');
-            const clickSpy = jest.fn();
-            element.addEventListener('click', clickSpy);
-            span.click();
-            await page.waitForChanges();
-            expect(clickSpy).not.toHaveBeenCalled();
-        });
-    });
-});

package/dist/collection/components/stable/gux-button-multi/tests/gux-button-multi.e2e.js

@@ -1,70 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-const axeExclusions = [];
-async function clickDropdownButton(page) {
-    return await page.click('pierce/.gux-dropdown-button > button');
-}
-async function pressDropdownButton(page, keypress) {
-    const element = await page.find('pierce/.gux-dropdown-button button');
-    await element.press(keypress);
-}
-async function pressActionItemButton(page, keypress) {
-    const element = await page.find('gux-list-item');
-    const actionItemButton = await element.find('pierce/button');
-    await actionItemButton.press(keypress);
-}
-describe('gux-button-multi', () => {
-    const html = `
-  <gux-button-multi lang="en" accent="primary">
-    <span slot="title">Primary</span>
-    <gux-list-item>Test 1</gux-list-item>
-    <gux-list-item>Test 2</gux-list-item>
-    <gux-list-item>Test 3</gux-list-item>
-    <gux-list-divider></gux-list-divider>
-    <gux-list-item>Test 4</gux-list-item>
-  </gux-button-multi>
-  `;
-    it('renders', async () => {
-        const page = await newSparkE2EPage({ html });
-        const element = await page.find('gux-button-multi');
-        await a11yCheck(page, axeExclusions);
-        expect(element).toHaveAttribute('hydrated');
-    });
-    it('should fire open and close events if not disabled on click', async () => {
-        const page = await newSparkE2EPage({ html });
-        const onOpen = await page.spyOnEvent('open');
-        const onClose = await page.spyOnEvent('close');
-        await clickDropdownButton(page);
-        await a11yCheck(page, axeExclusions);
-        await clickDropdownButton(page);
-        expect(onOpen).toHaveReceivedEventTimes(1);
-        expect(onClose).toHaveReceivedEventTimes(1);
-    });
-    it('should fire open and close events if not disabled using the keyboard', async () => {
-        const page = await newSparkE2EPage({ html });
-        const onOpen = await page.spyOnEvent('open');
-        const onClose = await page.spyOnEvent('close');
-        await pressDropdownButton(page, 'ArrowDown');
-        await pressActionItemButton(page, 'Escape');
-        expect(onOpen).toHaveReceivedEventTimes(1);
-        expect(onClose).toHaveReceivedEventTimes(1);
-    });
-    it('should not fire open event if disabled on click', async () => {
-        const page = await newSparkE2EPage({ html });
-        const onOpen = await page.spyOnEvent('open');
-        const element = await page.find('gux-button-multi');
-        element.setAttribute('disabled', 'disabled');
-        await page.waitForChanges();
-        await clickDropdownButton(page);
-        await a11yCheck(page, axeExclusions);
-        expect(onOpen).toHaveReceivedEventTimes(0);
-    });
-    it('should not fire open event if disabled using the keyboard', async () => {
-        const page = await newSparkE2EPage({ html });
-        const onOpen = await page.spyOnEvent('open');
-        const element = await page.find('gux-button-multi');
-        element.setAttribute('disabled', 'disabled');
-        await page.waitForChanges();
-        await pressDropdownButton(page, 'ArrowDown');
-        expect(onOpen).toHaveReceivedEventTimes(0);
-    });
-});

package/dist/collection/components/stable/gux-button-multi/tests/gux-button-multi.spec.js

@@ -1,16 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxButtonMulti } from "../gux-button-multi";
-describe('gux-button-multi', () => {
-    let component;
-    beforeEach(async () => {
-        const page = await newSpecPage({
-            components: [GuxButtonMulti],
-            html: `<gux-button-multi></gux-button-multi>`,
-            language: 'en'
-        });
-        component = page.rootInstance;
-    });
-    it('should build', async () => {
-        expect(component).toBeInstanceOf(GuxButtonMulti);
-    });
-});