genesys-spark-components 4.82.0 → 4.83.1

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

@@ -1,195 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxButton } from "../../gux-button/gux-button";
-import { GuxModal } from "../gux-modal";
-import { GuxDismissButton } from "../../gux-dismiss-button/gux-dismiss-button";
-import { MockHTMLElement } from "@stencil/core/mock-doc";
-const components = [GuxButton, GuxModal, GuxDismissButton];
-const language = 'en';
-//Mocks
-const showModal = jest.fn();
-const close = jest.fn();
-describe('gux-modal', () => {
-    beforeAll(() => {
-        // Required until JSDOM supports the dialog element. See:
-        // https://github.com/jsdom/jsdom/issues/3294
-        // https://github.com/jsdom/jsdom/pull/3403
-        Object.assign(MockHTMLElement.prototype, {
-            showModal: showModal,
-            close: close
-        });
-    });
-    beforeEach(() => {
-        showModal.mockReset();
-        close.mockReset();
-    });
-    it('Should open when rendered with an open attribute', async () => {
-        await modalPage(openModal);
-        expect(showModal).toHaveBeenCalled();
-    });
-    it('Should not open when rendered without an open attribute', async () => {
-        await modalPage(closedModal);
-        expect(showModal).not.toHaveBeenCalled();
-    });
-    it('Should close when the open property is set to false', async () => {
-        const page = await modalPage(openModal);
-        page.rootInstance.open = false;
-        expect(close).toHaveBeenCalled();
-    });
-    it('Should open when the open property is set to true', async () => {
-        const page = await modalPage(closedModal);
-        page.rootInstance.open = true;
-        expect(showModal).toHaveBeenCalled();
-    });
-    it('Should keep the open property in sync when opened/closed via method', async () => {
-        const page = await modalPage(closedModal);
-        const modal = page.rootInstance;
-        expect(modal.open).toBe(false);
-        modal.showModal();
-        expect(modal.open).toBe(true);
-        modal.close();
-        expect(modal.open).toBe(false);
-    });
-    describe('#render', () => {
-        [
-            {
-                description: 'should render small modal',
-                html: `
-          <gux-modal size="small">
-            <div slot="title">Modal Title</div>
-            <div slot="content">This contains the modal content.</div>
-            <div slot="start-align-buttons">
-                <gux-button-slot><button>Cancel</button></gux-button-slot>
-            </div>
-            <div slot="end-align-buttons">
-              <gux-button-slot accent='primary'><button>Accept</button></gux-button-slot>
-            </div>
-          </gux-modal>
-        `
-            },
-            {
-                description: 'should render medium modal',
-                html: `
-          <gux-modal size="medium">
-            <div slot="title">Modal Title</div>
-            <div slot="content">This contains the modal content.</div>
-            <div slot="start-align-buttons">
-                <gux-button-slot><button>Cancel</button></gux-button-slot>
-            </div>
-            <div slot="end-align-buttons">
-              <gux-button-slot accent='primary'><button>Accept</button></gux-button-slot>
-            </div>
-          </gux-modal>
-        `
-            },
-            {
-                description: 'should render large modal',
-                html: `
-          <gux-modal size="large">
-            <div slot="title">Modal Title</div>
-            <div slot="content">This contains the modal content.</div>
-            <div slot="start-align-buttons">
-                <gux-button-slot><button>Cancel</button></gux-button-slot>
-            </div>
-            <div slot="end-align-buttons">
-              <gux-button-slot accent='primary'><button>Accept</button></gux-button-slot>
-            </div>
-          </gux-modal>
-        `
-            },
-            {
-                description: 'should render modal without a title',
-                html: `
-          <gux-modal size="large">
-            <div slot="content">This contains the modal content.</div>
-            <div slot="start-align-buttons">
-                <gux-button-slot><button>Cancel</button></gux-button-slot>
-            </div>
-            <div slot="end-align-buttons">
-              <gux-button-slot accent='primary'><button>Accept</button></gux-button-slot>
-            </div>
-          </gux-modal>
-        `
-            },
-            {
-                description: 'should render modal without buttons',
-                html: `
-          <gux-modal size="small">
-            <div slot="title">Modal Title</div>
-            <div slot="content">This contains the modal content.</div>
-          </gux-modal>
-        `
-            },
-            {
-                description: 'should render modal with just left align buttons',
-                html: `
-          <gux-modal size="small">
-            <div slot="title">Modal Title</div>
-            <div slot="content">This contains the modal content.</div>
-            <div slot="start-align-buttons">
-                <gux-button-slot><button>Cancel</button></gux-button-slot>
-            </div>
-          </gux-modal>
-        `
-            },
-            {
-                description: 'should render modal with just right align buttons',
-                html: `
-          <gux-modal size="small">
-            <div slot="title">Modal Title</div>
-            <div slot="content">This contains the modal content.</div>
-            <div slot="end-align-buttons">
-              <gux-button-slot accent='primary'><button>Accept</button></gux-button-slot>
-            </div>
-          </gux-modal>
-        `
-            },
-            {
-                description: 'should render modal with a specified initial focus element',
-                html: `
-          <gux-modal initial-focus="#cancelButton">
-            <div slot="title">Modal Title</div>
-            <div slot="content">This contains the modal content.</div>
-            <div slot="start-align-buttons">
-                <gux-button id="cancelButton">Cancel</gux-button>
-            </div>
-            <div slot="end-align-buttons">
-              <gux-button-slot accent='primary'><button>Accept</button></gux-button-slot>
-            </div>
-          </gux-modal>
-        `
-            },
-            {
-                description: 'should render small modal by default',
-                html: `
-          <gux-modal>
-            <div slot="title">Modal Title</div>
-            <div slot="content">This contains the modal content.</div>
-            <div slot="start-align-buttons">
-                <gux-button-slot><button>Cancel</button></gux-button-slot>
-            </div>
-            <div slot="end-align-buttons">
-              <gux-button-slot accent='primary'><button>Accept</button></gux-button-slot>
-            </div>
-          </gux-modal>
-        `
-            }
-        ].forEach(({ description, html }) => {
-            it(description, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.rootInstance).toBeInstanceOf(GuxModal);
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});
-const openModal = `
-  <gux-modal size="small" open>
-    <div slot="content">This contains the modal content.</div>
-  </gux-modal>`;
-const closedModal = `
-  <gux-modal size="small">
-    <div slot="content">This contains the modal content.</div>
-  </gux-modal>`;
-async function modalPage(html) {
-    return await newSpecPage({ components, html, language });
-}

package/dist/collection/components/stable/gux-page-loading-spinner/tests/gux-page-loading-spinner.e2e.js

@@ -1,33 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-describe('gux-page-loading-spinner', () => {
-    it('renders', async () => {
-        const html = '<gux-page-loading-spinner lang="en"></gux-page-loading-spinner>';
-        const page = await newSparkE2EPage({ html });
-        const element = await page.find('gux-page-loading-spinner');
-        expect(element.outerHTML).toMatchSnapshot();
-    });
-    it('should add an aria-label with the provided screenreader-text to the progressbar', async () => {
-        const html = '<gux-page-loading-spinner lang="en" screenreader-text="Loading Content"></gux-page-loading-spinner>';
-        const page = await newSparkE2EPage({ html });
-        const progressBarAriaLabelValue = await page.evaluate(() => {
-            const element = document.querySelector('gux-page-loading-spinner');
-            const radialLoadingElement = element.shadowRoot.querySelector('gux-radial-loading');
-            const progressBarElement = radialLoadingElement.shadowRoot.querySelector('div[role="progressbar"]');
-            return progressBarElement.getAttribute('aria-label');
-        });
-        await a11yCheck(page);
-        expect(progressBarAriaLabelValue).toEqual('Loading Content');
-    });
-    it('should add the default aria-label text if no screenreader-text is provided', async () => {
-        const html = '<gux-page-loading-spinner lang="en"></gux-page-loading-spinner>';
-        const page = await newSparkE2EPage({ html });
-        const progressBarAriaLabelValue = await page.evaluate(() => {
-            const element = document.querySelector('gux-page-loading-spinner');
-            const radialLoadingElement = element.shadowRoot.querySelector('gux-radial-loading');
-            const progressBarElement = radialLoadingElement.shadowRoot.querySelector('div[role="progressbar"]');
-            return progressBarElement.getAttribute('aria-label');
-        });
-        await a11yCheck(page);
-        expect(progressBarAriaLabelValue).toEqual('Loading');
-    });
-});

package/dist/collection/components/stable/gux-page-loading-spinner/tests/gux-page-loading-spinner.spec.js

@@ -1,12 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxPageLoadingSpinner } from "../gux-page-loading-spinner";
-describe('gux-page-loading-spinner', () => {
-    it('should render as expected', async () => {
-        const page = await newSpecPage({
-            components: [GuxPageLoadingSpinner],
-            html: `<gux-page-loading-spinner></gux-page-loading-spinner>`,
-            language: 'en'
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-});

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/tests/gux-pagination-buttons.service.spec.js

@@ -1,129 +0,0 @@
-import { GuxPaginationButtonsService } from "../gux-pagination-button.service";
-describe('GuxPaginationButtonsService', () => {
-    describe('#getPageList', () => {
-        [
-            {
-                totalPages: 0,
-                currentPage: 0,
-                layout: 'advanced',
-                expectedPageList: []
-            },
-            {
-                totalPages: 1,
-                currentPage: 1,
-                layout: 'advanced',
-                expectedPageList: [{ pageNumber: 1, display: '1', current: true }]
-            },
-            {
-                totalPages: 2,
-                currentPage: 1,
-                layout: 'advanced',
-                expectedPageList: [
-                    { pageNumber: 1, display: '1', current: true },
-                    { pageNumber: 2, display: '2', current: false }
-                ]
-            },
-            {
-                totalPages: 5,
-                currentPage: 1,
-                layout: 'advanced',
-                expectedPageList: [
-                    { pageNumber: 1, display: '1', current: true },
-                    { pageNumber: 2, display: '2', current: false },
-                    { pageNumber: 3, display: '3', current: false },
-                    { pageNumber: 4, display: '4', current: false },
-                    { pageNumber: 5, display: '5', current: false }
-                ]
-            },
-            {
-                totalPages: 10,
-                currentPage: 1,
-                layout: 'advanced',
-                expectedPageList: [
-                    { pageNumber: 1, display: '1', current: true },
-                    { pageNumber: 2, display: '2', current: false },
-                    { pageNumber: 3, display: '3', current: false },
-                    { pageNumber: 4, display: '4', current: false },
-                    { pageNumber: 5, display: '5', current: false },
-                    { pageNumber: 6, display: '...', current: false },
-                    { pageNumber: 10, display: '10', current: false }
-                ]
-            },
-            {
-                totalPages: 15,
-                currentPage: 1,
-                layout: 'advanced',
-                expectedPageList: [
-                    { pageNumber: 1, display: '1', current: true },
-                    { pageNumber: 2, display: '2', current: false },
-                    { pageNumber: 3, display: '3', current: false },
-                    { pageNumber: 4, display: '4', current: false },
-                    { pageNumber: 5, display: '5', current: false },
-                    { pageNumber: 6, display: '...', current: false },
-                    { pageNumber: 15, display: '15', current: false }
-                ]
-            },
-            {
-                totalPages: 100,
-                currentPage: 1,
-                layout: 'advanced',
-                expectedPageList: [
-                    { pageNumber: 1, display: '1', current: true },
-                    { pageNumber: 2, display: '2', current: false },
-                    { pageNumber: 3, display: '3', current: false },
-                    { pageNumber: 4, display: '4', current: false },
-                    { pageNumber: 5, display: '5', current: false },
-                    { pageNumber: 6, display: '...', current: false },
-                    { pageNumber: 100, display: '100', current: false }
-                ]
-            },
-            {
-                totalPages: 100,
-                currentPage: 100,
-                layout: 'advanced',
-                expectedPageList: [
-                    { pageNumber: 1, display: '1', current: false },
-                    { pageNumber: 94, display: '...', current: false },
-                    { pageNumber: 96, display: '96', current: false },
-                    { pageNumber: 97, display: '97', current: false },
-                    { pageNumber: 98, display: '98', current: false },
-                    { pageNumber: 99, display: '99', current: false },
-                    { pageNumber: 100, display: '100', current: true }
-                ]
-            },
-            {
-                totalPages: 100,
-                currentPage: 100,
-                layout: 'advanced',
-                expectedPageList: [
-                    { pageNumber: 1, display: '1', current: false },
-                    { pageNumber: 94, display: '...', current: false },
-                    { pageNumber: 96, display: '96', current: false },
-                    { pageNumber: 97, display: '97', current: false },
-                    { pageNumber: 98, display: '98', current: false },
-                    { pageNumber: 99, display: '99', current: false },
-                    { pageNumber: 100, display: '100', current: true }
-                ]
-            },
-            {
-                totalPages: 100,
-                currentPage: 98,
-                layout: 'advanced',
-                expectedPageList: [
-                    { pageNumber: 1, display: '1', current: false },
-                    { pageNumber: 94, display: '...', current: false },
-                    { pageNumber: 96, display: '96', current: false },
-                    { pageNumber: 97, display: '97', current: false },
-                    { pageNumber: 98, display: '98', current: true },
-                    { pageNumber: 99, display: '99', current: false },
-                    { pageNumber: 100, display: '100', current: false }
-                ]
-            }
-        ].forEach(({ totalPages, currentPage, layout, expectedPageList }, index) => {
-            it(`should render as expected (${index + 1})`, async () => {
-                const pageList = GuxPaginationButtonsService.displayAllPageButtons(currentPage, totalPages, layout);
-                expect(pageList).toEqual(expectedPageList);
-            });
-        });
-    });
-});

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

@@ -1,32 +0,0 @@
-import { newSpecPage } from "../../../../../test/specTestUtils";
-import { GuxPaginationButtons } from "../gux-pagination-buttons";
-import { GuxButton } from "../../../gux-button/gux-button";
-import { GuxFormFieldTextLike } from "../../../gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like";
-const components = [GuxPaginationButtons, GuxButton, GuxFormFieldTextLike];
-const language = 'en';
-describe('gux-pagination-item-counts', () => {
-    describe('#render', () => {
-        [
-            { totalPages: 0, currentPage: 0, layout: 'advanced' },
-            { totalPages: 10, currentPage: 1, layout: 'advanced' },
-            { totalPages: 10, currentPage: 5, layout: 'advanced' },
-            { totalPages: 0, currentPage: 0, layout: 'simple' },
-            { totalPages: 10, currentPage: 1, layout: 'simple' },
-            { totalPages: 10, currentPage: 5, layout: 'simple' }
-        ].forEach(({ totalPages, currentPage, layout }, index) => {
-            it(`should render as expected (${index + 1})`, async () => {
-                const html = `
-          <gux-pagination-buttons
-            total-pages="${totalPages}"
-            current-page="${currentPage}"
-            layout="${layout}"
-          >
-          </gux-pagination-buttons>
-        `;
-                const page = await newSpecPage({ components, html, language });
-                expect(page.rootInstance).toBeInstanceOf(GuxPaginationButtons);
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/tests/gux-pagination-item-counts.spec.js

@@ -1,30 +0,0 @@
-import { newSpecPage } from "../../../../../test/specTestUtils";
-import { GuxPaginationItemCounts } from "../gux-pagination-item-counts";
-const components = [GuxPaginationItemCounts];
-const language = 'en';
-describe('gux-pagination-item-counts', () => {
-    describe('#render', () => {
-        [
-            { totalItems: 0, currentPage: 0, itemsPerPage: 0 },
-            { totalItems: 99, currentPage: 2, itemsPerPage: 25 },
-            { totalItems: 99, currentPage: 2, itemsPerPage: 50 },
-            { totalItems: 99, currentPage: 1, itemsPerPage: 100 },
-            { totalItems: 0, currentPage: 2, itemsPerPage: 25 },
-            { totalItems: 10, currentPage: 2, itemsPerPage: 25 }
-        ].forEach(({ totalItems, currentPage, itemsPerPage }, index) => {
-            it(`should render as expected (${index + 1})`, async () => {
-                const html = `
-          <gux-pagination-item-counts
-            total-items="${totalItems}"
-            current-page="${currentPage}"
-            items-per-page="${itemsPerPage}"
-          >
-          </gux-pagination-item-counts>
-        `;
-                const page = await newSpecPage({ components, html, language });
-                expect(page.rootInstance).toBeInstanceOf(GuxPaginationItemCounts);
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/tests/gux-pagination-items-per-page.spec.js

@@ -1,33 +0,0 @@
-import { newSpecPage } from "../../../../../test/specTestUtils";
-import { GuxPaginationItemsPerPage } from "../gux-pagination-items-per-page";
-import { GuxDropdown } from "../../../gux-dropdown/gux-dropdown";
-import { GuxListbox } from "../../../gux-listbox/gux-listbox";
-import { GuxOption } from "../../../gux-listbox/options/gux-option/gux-option";
-const components = [
-    GuxPaginationItemsPerPage,
-    GuxDropdown,
-    GuxListbox,
-    GuxOption
-];
-const language = 'en';
-describe('gux-pagination-items-per-page', () => {
-    describe('#render', () => {
-        [
-            { itemsPerPage: 25 },
-            { itemsPerPage: 50 },
-            { itemsPerPage: 75 },
-            { itemsPerPage: 100 }
-        ].forEach(({ itemsPerPage }, index) => {
-            it(`should render as expected (${index + 1})`, async () => {
-                const html = `
-          <gux-pagination-items-per-page
-            items-per-page="${itemsPerPage}">
-          </gux-pagination-items-per-page>
-        `;
-                const page = await newSpecPage({ components, html, language });
-                expect(page.rootInstance).toBeInstanceOf(GuxPaginationItemsPerPage);
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});

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

@@ -1,97 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { a11yCheck } from "../../../../test/e2eTestUtils";
-const axeExclusions = [
-    {
-        issueId: 'duplicate-id',
-        exclusionReason: 'Test uses seeded value for Math.random, so duplicate ids are expected'
-    }
-];
-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-pagination', () => {
-    describe('#render', () => {
-        [
-            {
-                currentPage: 1,
-                totalItems: 1000,
-                itemsPerPage: 25,
-                layout: 'advanced'
-            },
-            {
-                currentPage: 1,
-                totalItems: 1000,
-                itemsPerPage: 50,
-                layout: 'advanced'
-            },
-            {
-                currentPage: 1,
-                totalItems: 1000,
-                itemsPerPage: 75,
-                layout: 'advanced'
-            },
-            {
-                currentPage: 1,
-                totalItems: 1000,
-                itemsPerPage: 100,
-                layout: 'advanced'
-            },
-            {
-                currentPage: 1,
-                totalItems: 1000,
-                itemsPerPage: 25,
-                layout: 'advanced'
-            },
-            {
-                currentPage: 10,
-                totalItems: 1000,
-                itemsPerPage: 25,
-                layout: 'advanced'
-            },
-            {
-                currentPage: 10,
-                totalItems: 1000,
-                itemsPerPage: 50,
-                layout: 'advanced'
-            },
-            {
-                currentPage: 10,
-                totalItems: 1000,
-                itemsPerPage: 75,
-                layout: 'advanced'
-            },
-            {
-                currentPage: 10,
-                totalItems: 1000,
-                itemsPerPage: 100,
-                layout: 'advanced'
-            },
-            { currentPage: 1, totalItems: 1000, itemsPerPage: 25, layout: 'simple' }
-        ].forEach(({ currentPage, totalItems, itemsPerPage, layout }, index) => {
-            it(`should render as expected (${index + 1})`, async () => {
-                const html = `
-          <gux-pagination lang="en"
-            current-page="${currentPage}"
-            total-items="${totalItems}"
-            items-per-page="${itemsPerPage}"
-            layout="${layout}"
-          ></gux-pagination>
-        `;
-                const page = await newNonrandomE2EPage({ html });
-                const element = await page.find('gux-pagination');
-                await a11yCheck(page, axeExclusions);
-                expect(element.outerHTML).toMatchSnapshot();
-            });
-        });
-    });
-});