genesys-spark-components 4.81.3 → 4.83.0

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

@@ -1,18 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-describe('gux-announce-beta', () => {
-    describe('#render', () => {
-        [
-            '<gux-announce-beta> This is some text to read </gux-announce-beta>',
-            '<gux-announce-beta politeness="assertive"> This is some text to read </gux-announce-beta>',
-            '<gux-announce-beta politeness="off"> This is some text to read </gux-announce-beta>',
-            '<gux-announce-beta politeness="polite"> This is some text to read </gux-announce-beta>'
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSparkE2EPage({ html });
-                const element = await page.find('gux-announce-beta');
-                await a11yCheck(page);
-                expect(element.outerHTML).toMatchSnapshot();
-            });
-        });
-    });
-});

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

@@ -1,19 +0,0 @@
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxAnnounce } from "../gux-announce";
-const components = [GuxAnnounce];
-const language = 'en';
-describe('gux-announce-beta', () => {
-    describe('#render', () => {
-        [
-            '<gux-announce-beta> This is some text to read </gux-announce-beta>',
-            '<gux-announce-beta politeness="assertive"> This is some text to read </gux-announce-beta>',
-            '<gux-announce-beta politeness="off"> This is some text to read </gux-announce-beta>',
-            '<gux-announce-beta politeness="polite"> This is some text to read </gux-announce-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/beta/gux-avatar/tests/gux-avatar.e2e.js

@@ -1,67 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-describe('gux-avatar', () => {
-    describe('#render', () => {
-        [
-            '<gux-avatar-beta name="John Doe"></gux-avatar-beta>',
-            '<gux-avatar-beta name="JohnDoe"></gux-avatar-beta>',
-            '<gux-avatar-beta name="山田 太郎"></gux-avatar-beta>',
-            '<gux-avatar-beta name="이 영수"></gux-avatar-beta>',
-            '<gux-avatar-beta name="邓 小平"></gux-avatar-beta>',
-            '<gux-avatar-beta name="John Doe"><img slot="image" alt="John Doe Image" src="https://i.pravatar.cc/300" /></gux-avatar-beta>'
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSparkE2EPage({ html });
-                const element = await page.find('gux-avatar-beta');
-                await a11yCheck(page);
-                expect(element.outerHTML).toMatchSnapshot();
-            });
-        });
-    });
-    describe('a11y', () => {
-        [
-            'auto',
-            'default',
-            '0',
-            '1',
-            '2',
-            '3',
-            '4',
-            '5',
-            '6',
-            '7',
-            '8',
-            '9',
-            '10',
-            '11',
-            '12',
-            'invalid-accent'
-        ].forEach(accent => {
-            it(`should be accessible when accent is "${accent}"`, async () => {
-                const html = `<gux-avatar-beta name="John Doe" accent="${accent}"></gux-avatar-beta>`;
-                const page = await newSparkE2EPage({ html });
-                await a11yCheck(page);
-            });
-        });
-        [
-            'xsmall',
-            'small',
-            'medium',
-            'large',
-            'medium-rare',
-            'invalid-size'
-        ].forEach(size => {
-            it(`should be accessible when size is "${size}"`, async () => {
-                const html = `<gux-avatar-beta name="John Doe" size="${size}"></gux-avatar-beta>`;
-                const page = await newSparkE2EPage({ html });
-                await a11yCheck(page);
-            });
-        });
-        ['zoom', 'teams', '8x8', 'invalid-uc-integration'].forEach(ucIntegration => {
-            it(`should be accessible when uc-integration is "${ucIntegration}"`, async () => {
-                const html = `<gux-avatar-beta name="John Doe" uc-integration="${ucIntegration}"></gux-avatar-beta>`;
-                const page = await newSparkE2EPage({ html });
-                await a11yCheck(page);
-            });
-        });
-    });
-});

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

@@ -1,155 +0,0 @@
-jest.mock('../../../../utils/error/log-error', () => ({
-    __esModule: true,
-    logWarn: jest.fn()
-}));
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxAvatar } from "../gux-avatar";
-import { logWarn } from "../../../../utils/error/log-error";
-describe('gux-avatar', () => {
-    describe('#render', () => {
-        [
-            `<gux-avatar-beta name="John Doe"></gux-avatar-beta>`,
-            `<gux-avatar-beta name="JohnDoe"></gux-avatar-beta>`,
-            `<gux-avatar-beta name="山田 太郎"></gux-avatar-beta>`,
-            `<gux-avatar-beta name="이 영수"></gux-avatar-beta>`,
-            `<gux-avatar-beta name="邓 小平"></gux-avatar-beta>`
-        ].forEach((html, index) => {
-            it(`component with name type (${index + 1}) for valid markup`, async () => {
-                const page = await newSpecPage({ components: [GuxAvatar], html });
-                expect(page.root).toMatchSnapshot();
-                expect(logWarn).not.toHaveBeenCalled();
-            });
-        });
-        [
-            `<gux-avatar-beta name="John Doe"><img slot="image" alt="John Doe Image" src="https://i.pravatar.cc/300" /></gux-avatar-beta>`,
-            `<gux-avatar-beta name="John Doe"><img slot="image" alt="John Doe Image" src="https://i.pravatar.cc/300" /></gux-avatar-beta>`
-        ].forEach((html, index) => {
-            it(`component with image type (${index + 1}) for valid markup`, async () => {
-                const page = await newSpecPage({ components: [GuxAvatar], html });
-                expect(page.root).toMatchSnapshot();
-                expect(logWarn).not.toHaveBeenCalled();
-            });
-        });
-    });
-    describe('warnings', () => {
-        it(`should log warning for avatar without name`, async () => {
-            const html = `<gux-avatar-beta></gux-avatar-beta>`;
-            await newSpecPage({ components: [GuxAvatar], html });
-            expect(logWarn).toHaveBeenCalled();
-        });
-        it(`should log warning for avatar image without alt tag"`, async () => {
-            const html = `<gux-avatar-beta name="John Doe"><img slot="image" src="https://i.pravatar.cc/300" /></gux-avatar-beta>`;
-            await newSpecPage({ components: [GuxAvatar], html });
-            expect(logWarn).toHaveBeenCalled();
-        });
-        it(`should log warning for avatar with uc integration that isn't large"`, async () => {
-            const html = `<gux-avatar-beta name="John Doe" uc-integration="teams" size="medium"><img slot="image" src="https://i.pravatar.cc/300" /></gux-avatar-beta>`;
-            await newSpecPage({ components: [GuxAvatar], html });
-            expect(logWarn).toHaveBeenCalled();
-        });
-    });
-    describe('changes to attributes after initial load should be reflected in DOM', () => {
-        it(`should update size attribute`, async () => {
-            const html = `<gux-avatar-beta size="large" name="John Doe"></gux-avatar-beta>`;
-            const page = await newSpecPage({ components: [GuxAvatar], html });
-            const element = document.querySelector('gux-avatar-beta');
-            element.setAttribute('size', 'small');
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-        });
-        it(`should update accent attribute`, async () => {
-            const html = `<gux-avatar-beta accent="1" name="John Doe"></gux-avatar-beta>`;
-            const page = await newSpecPage({ components: [GuxAvatar], html });
-            const element = document.querySelector('gux-avatar-beta');
-            element.setAttribute('accent', '6');
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-        });
-    });
-    describe('#render different sizes', () => {
-        ['xsmall', 'small', 'medium', 'large', 'medium-rare'].forEach((size) => {
-            it(`should work as expected for "${size}"`, async () => {
-                const html = `<gux-avatar-beta name="John Doe" size=${size}></gux-avatar-beta>`;
-                const page = await newSpecPage({ components: [GuxAvatar], html });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-    describe('#render different presences', () => {
-        [
-            'available',
-            'away',
-            'busy',
-            'meal',
-            'training',
-            'idle',
-            'meeting',
-            'offline',
-            'on-queue',
-            'out-of-office',
-            'invalid-presence'
-        ].forEach((presence) => {
-            it(`should work as expected for "${presence}"`, async () => {
-                const html = `<gux-avatar-beta badge presence=${presence} name="John Doe"></gux-avatar-beta>`;
-                const page = await newSpecPage({ components: [GuxAvatar], html });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-    describe('#render different accents', () => {
-        [
-            'default',
-            'auto',
-            '0',
-            '1',
-            '2',
-            '3',
-            '4',
-            '5',
-            '6',
-            '7',
-            '8',
-            '9',
-            '10',
-            '11',
-            '12',
-            'invalid-accent'
-        ].forEach((accent) => {
-            it(`should work as expected for "${accent}"`, async () => {
-                const html = `<gux-avatar-beta name="John Doe" accent=${accent}></gux-avatar-beta>`;
-                const page = await newSpecPage({ components: [GuxAvatar], html });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-        describe('#render different uc-integration logos', () => {
-            ['zoom', 'teams', '8x8', 'invalid-uc-integration'].forEach((app) => {
-                it(`should work as expected for "${app}"`, async () => {
-                    const html = `<gux-avatar-beta name="John Doe" uc-integration=${app}></gux-avatar-beta>`;
-                    const page = await newSpecPage({ components: [GuxAvatar], html });
-                    expect(page.root).toMatchSnapshot();
-                });
-            });
-        });
-        describe('#render notification badge', () => {
-            it('should render notification badge', async () => {
-                const html = `<gux-avatar-beta badge notifications name="John Doe"></gux-avatar-beta>`;
-                const page = await newSpecPage({ components: [GuxAvatar], html });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-        describe('#render presence ring', () => {
-            it('should render presence ring', async () => {
-                const html = `<gux-avatar-beta ring name="John Doe" presen></gux-avatar-beta>`;
-                const page = await newSpecPage({ components: [GuxAvatar], html });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-        describe('#render label', () => {
-            it('should render label', async () => {
-                const html = `<gux-avatar-beta label="All Hands" name="John Doe" presence="busy" ring></gux-avatar-beta>`;
-                const page = await newSpecPage({ components: [GuxAvatar], html });
-                expect(page.root).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/beta/gux-avatar-change-photo/tests/gux-avatar-change-photo.e2e.js

@@ -1,14 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
-describe('gux-avatar', () => {
-    describe('#render', () => {
-        it(`should log warning for gux-avatar-change-photo without avatar`, async () => {
-            const html = `<gux-avatar-change-photo-beta>
-        <gux-avatar-beta slot="avatar" name="Conor Darcy"></gux-avatar-beta>
-      </gux-avatar-change-photo-beta>`;
-            const page = await newSparkE2EPage({ html });
-            const element = await page.find('gux-avatar-change-photo-beta');
-            await a11yCheck(page);
-            expect(element.outerHTML).toMatchSnapshot();
-        });
-    });
-});

package/dist/collection/components/beta/gux-avatar-change-photo/tests/gux-avatar-change-photo.spec.js

@@ -1,29 +0,0 @@
-jest.mock('../../../../utils/error/log-error', () => ({
-    __esModule: true,
-    logWarn: jest.fn()
-}));
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxAvatarChangePhoto } from "../gux-avatar-change-photo";
-import { logWarn } from "../../../../utils/error/log-error";
-describe('gux-avatar', () => {
-    describe('#render', () => {
-        it(`component with valid markup`, async () => {
-            const html = `<gux-avatar-change-photo-beta>
-        <gux-avatar-beta slot="avatar" name="Conor Darcy"></gux-avatar-beta>
-      </gux-avatar-change-photo-beta>`;
-            const page = await newSpecPage({
-                components: [GuxAvatarChangePhoto],
-                html
-            });
-            expect(page.root).toMatchSnapshot();
-            expect(logWarn).not.toHaveBeenCalled();
-        });
-    });
-    describe('warnings', () => {
-        it(`should log warning for gux-avatar-change-photo without avatar`, async () => {
-            const html = `<gux-avatar-change-photo-beta></gux-avatar-change-photo-beta>`;
-            await newSpecPage({ components: [GuxAvatarChangePhoto], html });
-            expect(logWarn).toHaveBeenCalled();
-        });
-    });
-});

package/dist/collection/components/beta/gux-avatar-focusable/gux-avatar-focusable.e2e.js

@@ -1,29 +0,0 @@
-import { newSparkE2EPage, a11yCheck } from "../../../test/e2eTestUtils";
-describe('gux-avatar', () => {
-    describe('#render', () => {
-        [
-            `<gux-avatar-focusable-beta>
-        <button>
-          <gux-avatar-beta name="Conor Darcy"></gux-avatar-beta>
-        </button>
-      </gux-avatar-focusable-beta>`,
-            `<gux-avatar-focusable-beta>
-        <a href="#">
-          <gux-avatar-beta name="Conor Darcy"></gux-avatar-beta>
-        </a>
-      </gux-avatar-focusable-beta>`,
-            `<gux-avatar-focusable-beta>
-        <gux-avatar-change-photo-beta>
-          <gux-avatar-beta slot="avatar" name="Conor Darcy"></gux-avatar-beta>
-        </gux-avatar-change-photo-beta>
-      </gux-avatar-focusable-beta>`
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSparkE2EPage({ html });
-                const element = await page.find('gux-avatar-focusable-beta');
-                await a11yCheck(page);
-                expect(element.outerHTML).toMatchSnapshot();
-            });
-        });
-    });
-});

package/dist/collection/components/beta/gux-avatar-focusable/gux-avatar-focusable.js

@@ -1,34 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { logWarn } from "../../../utils/error/log-error";
-export class GuxAvatarFocusable {
-    constructor() {
-        this.avatarElement = undefined;
-    }
-    componentWillLoad() {
-        this.validateSlot();
-    }
-    validateSlot() {
-        const slottedElement = this.root.querySelector('a, button, gux-avatar-change-photo-beta');
-        if (slottedElement) {
-            this.avatarElement = slottedElement.querySelector('gux-avatar-beta');
-            if (!this.avatarElement) {
-                logWarn(this.root, 'Slotted element must contain a gux-avatar');
-            }
-        }
-        else {
-            logWarn(this.root, 'An anchor tag, gux-avatar-change-photo-beta tag or button tag must be slotted into gux-avatar-focusable');
-        }
-    }
-    render() {
-        var _a, _b;
-        return (h(Host, { key: '294d7069610101ba31483a12230293a10f9ddb04', "gs-avatar-size": (_b = (_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 'large' }, h("slot", { key: 'd72dac1ad291288f87358f4348430e7a37d9e7c8' })));
-    }
-    static get is() { return "gux-avatar-focusable-beta"; }
-    static get encapsulation() { return "shadow"; }
-    static get states() {
-        return {
-            "avatarElement": {}
-        };
-    }
-    static get elementRef() { return "root"; }
-}

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

@@ -1,66 +0,0 @@
-jest.mock('../../../../utils/error/log-error', () => ({
-    __esModule: true,
-    logWarn: jest.fn()
-}));
-import { newSpecPage } from "../../../../test/specTestUtils";
-import { GuxAvatarFocusable } from "../gux-avatar-focusable";
-import { logWarn } from "../../../../utils/error/log-error";
-describe('gux-avatar-focusable', () => {
-    describe('#render', () => {
-        [
-            `<gux-avatar-focusable-beta>
-        <button>
-          <gux-avatar-beta name="Conor Darcy"></gux-avatar-beta>
-        </button>
-      </gux-avatar-focusable-beta>`,
-            `<gux-avatar-focusable-beta>
-        <a href="#">
-          <gux-avatar-beta name="Conor Darcy"></gux-avatar-beta>
-        </a>
-      </gux-avatar-focusable-beta>`,
-            `<gux-avatar-focusable-beta>
-        <gux-avatar-change-photo-beta>
-          <gux-avatar-beta slot="avatar" name="Conor Darcy"></gux-avatar-beta>
-        </gux-avatar-change-photo-beta>
-      </gux-avatar-focusable-beta>`
-        ].forEach((html, index) => {
-            it(`component type (${index + 1}) with valid markup`, async () => {
-                const page = await newSpecPage({
-                    components: [GuxAvatarFocusable],
-                    html
-                });
-                expect(page.root).toMatchSnapshot();
-                expect(logWarn).not.toHaveBeenCalled();
-            });
-        });
-    });
-    describe('warnings', () => {
-        it(`should log warning for gux-avatar-focusable without gux-avatar-beta`, async () => {
-            const html = `<gux-avatar-focusable-beta>
-        <a href="#">Johnnny Dooley</a>
-      </gux-avatar-focusable-beta>`;
-            await newSpecPage({ components: [GuxAvatarFocusable], html });
-            expect(logWarn).toHaveBeenCalled();
-        });
-        [
-            `<gux-avatar-focusable-beta>
-          <gux-avatar-beta name="Conor Darcy"></gux-avatar-beta>
-      </gux-avatar-focusable-beta>`,
-            `<gux-avatar-focusable-beta>
-        <div>
-          <gux-avatar-beta name="Conor Darcy"></gux-avatar-beta>
-        </div>
-      </gux-avatar-focusable-beta>`,
-            `<gux-avatar-focusable-beta>
-        <gux-avatar-change-photo-beta>
-          <gux-avatar-beta slot="avatar" name="Conor Darcy"></gux-avatar-beta>
-        </gux-avatar-change-photo-beta>
-      </gux-avatar-focusable-beta>`
-        ].forEach((html, index) => {
-            it(`should log warning for gux-avatar-focusable without anchor, gux-change-photo-beta or button tags type (${index + 1})`, async () => {
-                await newSpecPage({ components: [GuxAvatarFocusable], html });
-                expect(logWarn).toHaveBeenCalled();
-            });
-        });
-    });
-});

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

@@ -1,202 +0,0 @@
-import { newSparkE2EPage } from "../../../../test/e2eTestUtils";
-import { goToPreviousMonth, goToNextMonth, validateHeaderMonth, validateSelectedDate, getContentDateElement } from "../services/tests.service";
-describe('gux-calendar', () => {
-    const defaultHtml = `
-    <gux-calendar-beta>
-      <input type="date" value="2023-05-19" min="2023-04-28" max="2023-06-18" />
-    </gux-calendar-beta>
-    `;
-    it('renders', async () => {
-        const page = await newSparkE2EPage({
-            html: defaultHtml
-        });
-        const element = await page.find('gux-calendar-beta');
-        expect(element).toHaveAttribute('hydrated');
-    });
-    describe('header', () => {
-        it('calendar increments by one month after clicking the right arrow button', async () => {
-            const page = await newSparkE2EPage({
-                html: defaultHtml
-            });
-            const element = await page.find('gux-calendar-beta');
-            // Validate that the current month before clicking the right arrow is May, 2023
-            await validateHeaderMonth(element, 'May 2023');
-            await goToNextMonth(element, page);
-            // await a11yCheck(page);
-            // Validate that the new month after clicking the right arrow is June, 2023
-            await validateHeaderMonth(element, 'June 2023');
-        });
-        it('calendar decrements by one month after clicking the left arrow button', async () => {
-            const page = await newSparkE2EPage({
-                html: defaultHtml
-            });
-            const element = await page.find('gux-calendar-beta');
-            // Validate that the current month before clicking the left arrow is May, 2023
-            await validateHeaderMonth(element, 'May 2023');
-            await goToPreviousMonth(element, page);
-            // Validate that the new month after clicking the left arrow  is April, 2023
-            await validateHeaderMonth(element, 'April 2023');
-        });
-    });
-    describe('content', () => {
-        it('selected date on page load is correct', async () => {
-            const page = await newSparkE2EPage({
-                html: defaultHtml
-            });
-            const element = await page.find('gux-calendar-beta');
-            // Validate that the selected date on page load is May 19, 2023
-            await validateSelectedDate(element, 'May 2023', '19');
-        });
-        it('clicking on a date in the current month causes the date to be selected', async () => {
-            const page = await newSparkE2EPage({
-                html: defaultHtml
-            });
-            // Find May 10, 2023 in the calendar and click it so that it will be selected
-            const element = await page.find('gux-calendar-beta');
-            const contentDate = await getContentDateElement(element, 'May 10, 2023');
-            await contentDate.click();
-            await page.waitForChanges();
-            // Validate that clicking on May 10, 2023 causes it to be selected
-            await validateSelectedDate(element, 'May 2023', '10');
-        });
-        it('clicking on a date in the next month causes the date to be selected', async () => {
-            const page = await newSparkE2EPage({
-                html: defaultHtml
-            });
-            // Find June 1, 2023 in the calendar and click it so that it will be selected
-            const element = await page.find('gux-calendar-beta');
-            const contentDate = await getContentDateElement(element, 'June 1, 2023');
-            await contentDate.click();
-            await page.waitForChanges();
-            // Validate that clicking on June 1, 2023 causes it to be selected
-            await validateSelectedDate(element, 'June 2023', '1');
-        });
-        it('clicking on a date in the previous month causes the date to be selected', async () => {
-            const page = await newSparkE2EPage({
-                html: defaultHtml
-            });
-            // Find April 30, 2023 in the calendar and click it so that it will be selected
-            const element = await page.find('gux-calendar-beta');
-            const contentDate = await getContentDateElement(element, 'April 30, 2023');
-            await contentDate.click();
-            await page.waitForChanges();
-            // Validate that clicking on April 30, 2023 causes it to be selected
-            await validateSelectedDate(element, 'April 2023', '30');
-        });
-        describe('arrow key and page up/down navigation', () => {
-            it('pressing the down arrow key and then the enter key cause the selected date to increment by 1 week', async () => {
-                const page = await newSparkE2EPage({
-                    html: defaultHtml
-                });
-                const element = await page.find('gux-calendar-beta');
-                // First click the selected date to get focus on the calendar
-                const selectedDate = await element.find('pierce/.gux-selected');
-                await selectedDate.click();
-                // Press the down arrow key and then the enter key
-                await page.keyboard.press('ArrowDown');
-                await page.keyboard.press('Enter');
-                await page.waitForChanges();
-                await validateSelectedDate(element, 'May 2023', '26');
-            });
-            it('pressing the up arrow key and then the enter key cause the selected date to decrement by 1 week', async () => {
-                const page = await newSparkE2EPage({
-                    html: defaultHtml
-                });
-                const element = await page.find('gux-calendar-beta');
-                // First click the selected date to get focus on the calendar
-                const selectedDate = await element.find('pierce/.gux-selected');
-                await selectedDate.click();
-                // Press the up arrow key and then the enter key
-                await page.keyboard.press('ArrowUp');
-                await page.keyboard.press('Enter');
-                await page.waitForChanges();
-                await validateSelectedDate(element, 'May 2023', '12');
-            });
-            it('pressing the right arrow key and then the enter key cause the selected date to increment by 1 day', async () => {
-                const page = await newSparkE2EPage({
-                    html: defaultHtml
-                });
-                const element = await page.find('gux-calendar-beta');
-                // First click the selected date to get focus on the calendar
-                const selectedDate = await element.find('pierce/.gux-selected');
-                await selectedDate.click();
-                // Press the right arrow key and then the enter key
-                await page.keyboard.press('ArrowRight');
-                await page.keyboard.press('Enter');
-                await page.waitForChanges();
-                await validateSelectedDate(element, 'May 2023', '20');
-            });
-            it('pressing the left arrow key and then the enter key cause the selected date to decrement by 1 day', async () => {
-                const page = await newSparkE2EPage({
-                    html: defaultHtml
-                });
-                const element = await page.find('gux-calendar-beta');
-                // First click the selected date to get focus on the calendar
-                const selectedDate = await element.find('pierce/.gux-selected');
-                await selectedDate.click();
-                // Press the left arrow key and then the enter key
-                await page.keyboard.press('ArrowLeft');
-                await page.keyboard.press('Enter');
-                await page.waitForChanges();
-                await validateSelectedDate(element, 'May 2023', '18');
-            });
-            it('pressing the page down key causes the current month to decrement by 1 month', async () => {
-                const page = await newSparkE2EPage({
-                    html: defaultHtml
-                });
-                const element = await page.find('gux-calendar-beta');
-                // First click the selected date to get focus on the calendar
-                const selectedDate = await element.find('pierce/.gux-selected');
-                await selectedDate.click();
-                // Press the left arrow key and then the enter key
-                await page.keyboard.press('PageDown');
-                await page.keyboard.press('Enter');
-                await page.waitForChanges();
-                await validateHeaderMonth(element, 'April 2023');
-            });
-            it('pressing the page up key causes the current month to increment by 1 month', async () => {
-                const page = await newSparkE2EPage({
-                    html: defaultHtml
-                });
-                const element = await page.find('gux-calendar-beta');
-                // First click the selected date to get focus on the calendar
-                const selectedDate = await element.find('pierce/.gux-selected');
-                await selectedDate.click();
-                // Press the left arrow key and then the enter key
-                await page.keyboard.press('PageUp');
-                await page.keyboard.press('Enter');
-                await page.waitForChanges();
-                await validateHeaderMonth(element, 'June 2023');
-            });
-        });
-        it('setting max prop causes an upper bound range to be implemented correctly', async () => {
-            const page = await newSparkE2EPage({
-                html: defaultHtml
-            });
-            const element = await page.find('gux-calendar-beta');
-            // Go to next month
-            await goToNextMonth(element, page);
-            const contentDate = await getContentDateElement(element, 'June 19, 2023');
-            expect(contentDate.className).toContain('gux-disabled');
-        });
-        it('setting min prop causes a lower bound range to be implemented correctly', async () => {
-            const page = await newSparkE2EPage({
-                html: defaultHtml
-            });
-            const element = await page.find('gux-calendar-beta');
-            await goToPreviousMonth(element, page);
-            const contentDate = await getContentDateElement(element, 'April 27, 2023');
-            expect(contentDate.className).toContain('gux-disabled');
-        });
-        it('tab index is set to 0 for selected date and -1 for non-selected date', async () => {
-            const page = await newSparkE2EPage({
-                html: defaultHtml
-            });
-            const element = await page.find('gux-calendar-beta');
-            const selectedDate = await getContentDateElement(element, 'May 19, 2023');
-            const nonSelectedDate = await getContentDateElement(element, 'May 20, 2023');
-            expect(selectedDate.tabIndex).toBe(0);
-            expect(nonSelectedDate.tabIndex).toBe(-1);
-        });
-    });
-});