voyager-ionic-core 8.2.0 → 8.2.5

package/dist/collection/components/datetime/test/minmax/datetime.e2e.js

@@ -1,266 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-/**
- * This behavior is the same across
- * modes/directions.
- */
-configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ title, config }) => {
-    test.describe(title('datetime: minmax'), () => {
-        test('calendar arrow navigation should respect min/max values', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/25073',
-            });
-            await page.setContent(`
-        <ion-datetime min="2022-04-22" max="2022-05-21" value="2022-04-22T10:00:00"></ion-datetime>
-
-        <script>
-          const observer = new MutationObserver((mutationRecords) => {
-            if (mutationRecords) {
-              window.dispatchEvent(new CustomEvent('datetimeMonthDidChange'));
-            }
-          });
-
-          const initDatetimeChangeEvent = () => {
-            observer.observe(document.querySelector('ion-datetime').shadowRoot.querySelector('.calendar-body'), {
-              subtree: true,
-              childList: true
-            });
-          }
-        </script>
-    `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const prevButton = page.locator('ion-datetime .calendar-next-prev ion-button:nth-child(1)');
-            const nextButton = page.locator('ion-datetime .calendar-next-prev ion-button:nth-child(2)');
-            await expect(nextButton).toHaveJSProperty('disabled', false);
-            await expect(prevButton).toHaveJSProperty('disabled', true);
-            await page.evaluate('initDatetimeChangeEvent()');
-            const monthDidChangeSpy = await page.spyOnEvent('datetimeMonthDidChange');
-            await nextButton.click();
-            await page.waitForChanges();
-            await monthDidChangeSpy.next();
-            await expect(nextButton).toHaveJSProperty('disabled', true);
-            await expect(prevButton).toHaveJSProperty('disabled', false);
-        });
-        test('datetime: minmax months disabled', async ({ page }) => {
-            await page.goto('/src/components/datetime/test/minmax', config);
-            const calendarMonths = page.locator('ion-datetime#inside .calendar-month');
-            await page.locator('.datetime-ready').first().waitFor();
-            await expect(calendarMonths.nth(0)).not.toHaveClass(/calendar-month-disabled/);
-            await expect(calendarMonths.nth(1)).not.toHaveClass(/calendar-month-disabled/);
-            await expect(calendarMonths.nth(2)).toHaveClass(/calendar-month-disabled/);
-        });
-        test('datetime: minmax navigation disabled', async ({ page }) => {
-            await page.goto('/src/components/datetime/test/minmax', config);
-            await page.locator('.datetime-ready').first().waitFor();
-            const navButtons = page.locator('ion-datetime#outside .calendar-next-prev ion-button');
-            await expect(navButtons.nth(0)).toHaveAttribute('disabled', '');
-            await expect(navButtons.nth(1)).toHaveAttribute('disabled', '');
-        });
-        test('datetime: min including day should not disable month', async ({ page }) => {
-            await page.goto('/src/components/datetime/test/minmax', config);
-            await page.locator('.datetime-ready').first().waitFor();
-            const calendarMonths = page.locator('ion-datetime#min-with-day .calendar-month');
-            await expect(calendarMonths.nth(0)).toHaveClass(/calendar-month-disabled/);
-            await expect(calendarMonths.nth(1)).not.toHaveClass(/calendar-month-disabled/);
-            await expect(calendarMonths.nth(2)).not.toHaveClass(/calendar-month-disabled/);
-        });
-        test.describe('when the datetime does not have a value', () => {
-            test('all time values should be available for selection', async ({ page }) => {
-                /**
-                 * When the datetime does not have an initial value and today falls outside of
-                 * the specified min and max values, all times values should be available for selection.
-                 */
-                await page.setContent(`
-          <ion-datetime min="2022-04-22T04:10:00" max="2022-05-21T21:30:00"></ion-datetime>
-      `, config);
-                await page.locator('.datetime-ready').waitFor();
-                const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-                await page.click('.time-body');
-                await ionPopoverDidPresent.next();
-                const hours = page.locator('ion-popover ion-picker-column:nth-child(1) ion-picker-column-option');
-                const minutes = page.locator('ion-popover ion-picker-column:nth-child(2) ion-picker-column-option');
-                expect(await hours.count()).toBe(12);
-                expect(await minutes.count()).toBe(60);
-            });
-        });
-        test.describe('setting value outside bounds should show in-bounds month', () => {
-            const testDisplayedMonth = async (page, content, expectedString = /June 2021/) => {
-                await page.setContent(content, config);
-                await page.locator('.datetime-ready').waitFor();
-                const calendarMonthYear = page.locator('ion-datetime .calendar-month-year');
-                await expect(calendarMonthYear).toHaveText(expectedString);
-            };
-            test('when min and value are defined', async ({ page }) => {
-                await testDisplayedMonth(page, `<ion-datetime min="2021-06-01" value="2021-05-01"></ion-datetime>`);
-            });
-            test('when max and value are defined', async ({ page }) => {
-                await testDisplayedMonth(page, `<ion-datetime max="2021-06-30" value="2021-07-01"></ion-datetime>`);
-            });
-            test('when min, max, and value are defined', async ({ page }) => {
-                await testDisplayedMonth(page, `<ion-datetime min="2021-06-01" max="2021-06-30" value="2021-05-01"></ion-datetime>`);
-            });
-            test('when max is defined', async ({ page }) => {
-                await testDisplayedMonth(page, `<ion-datetime max="2012-06-01"></ion-datetime>`, /June 2012/);
-            });
-        });
-        // TODO(FW-2165)
-        test('should not loop infinitely in webkit', async ({ page, skip }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/25752',
-            });
-            skip.browser('chromium');
-            skip.browser('firefox');
-            await page.setContent(`
-        <button id="bind">Bind datetimeMonthDidChange event</button>
-        <ion-datetime min="2022-04-15" value="2022-04-20" presentation="date" locale="en-US"></ion-datetime>
-
-        <script type="module">
-          import { InitMonthDidChangeEvent } from '/src/components/datetime/test/utils/month-did-change-event.js';
-          document.querySelector('#bind').addEventListener('click', function() {
-            InitMonthDidChangeEvent();
-          });
-        </script>
-      `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const datetimeMonthDidChange = await page.spyOnEvent('datetimeMonthDidChange');
-            const eventButton = page.locator('button#bind');
-            await eventButton.click();
-            const buttons = page.locator('ion-datetime .calendar-next-prev ion-button');
-            await buttons.nth(1).click();
-            await page.waitForChanges();
-            await datetimeMonthDidChange.next();
-            /**
-             * This is hacky, but its purpose is to make sure
-             * we are not triggering a WebKit bug. When the fix
-             * for the bug ships in WebKit, this will be removed.
-             */
-            await page.evaluate(() => {
-                return new Promise((resolve) => {
-                    setTimeout(resolve, 500);
-                });
-            });
-            await expect(datetimeMonthDidChange).toHaveReceivedEventTimes(1);
-        });
-        test('should not include 12AM when minimum is greater than 12AM', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/25183',
-            });
-            await page.setContent(`
-        <ion-datetime
-          presentation="time"
-          min="2022-04-25T08:30:00"
-          max="2022-04-25T21:30:00"
-          value="2022-04-25T08:30:00"
-        ></ion-datetime>
-      `, config);
-            const hourPickerItems = page.locator('ion-datetime ion-picker-column:first-of-type ion-picker-column-option');
-            await expect(hourPickerItems).toHaveText(['8', '9', '10', '11']);
-        });
-        test('should include 12PM when minimum is greater than 12', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/25183',
-            });
-            await page.setContent(`
-        <ion-datetime
-          locale="en-US"
-          presentation="time"
-          min="2022-07-29T08:00:00"
-          value="2022-07-29T12:00:00"
-        ></ion-datetime>
-      `, config);
-            const hourPickerItems = page.locator('ion-datetime ion-picker-column:first-of-type ion-picker-column-option');
-            await expect(hourPickerItems).toHaveText(['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11']);
-        });
-        test.describe('minmax value adjustment when out of bounds', () => {
-            test('should reset to min time if out of bounds', async ({ page }) => {
-                await page.setContent(`
-          <ion-datetime
-            min="2022-10-10T08:00"
-            value="2022-10-11T06:00"
-          ></ion-datetime>
-        `, config);
-                await page.locator('.datetime-ready').waitFor();
-                const datetime = page.locator('ion-datetime');
-                const ionChange = await page.spyOnEvent('ionChange');
-                const dayButton = page.locator('ion-datetime .calendar-day[data-day="10"][data-month="10"][data-year="2022"]');
-                await dayButton.click();
-                await ionChange.next();
-                await expect(datetime).toHaveJSProperty('value', '2022-10-10T08:00:00');
-            });
-            test('should reset to max time if out of bounds', async ({ page }) => {
-                await page.setContent(`
-          <ion-datetime
-            max="2022-10-10T08:00"
-            value="2022-10-11T09:00"
-          ></ion-datetime>
-        `, config);
-                await page.locator('.datetime-ready').waitFor();
-                const datetime = page.locator('ion-datetime');
-                const ionChange = await page.spyOnEvent('ionChange');
-                const dayButton = page.locator('ion-datetime .calendar-day[data-day="10"][data-month="10"][data-year="2022"]');
-                await dayButton.click();
-                await ionChange.next();
-                await expect(datetime).toHaveJSProperty('value', '2022-10-10T08:00:00');
-            });
-            test('should adjust to in-bounds when using month picker', async ({ page }) => {
-                await page.setContent(`
-          <ion-datetime
-            min="2022-01-15"
-            value="2022-02-01"
-            presentation="month-year"
-          ></ion-datetime>
-        `, config);
-                const datetime = page.locator('ion-datetime');
-                const monthColumnItems = page.locator('ion-datetime .month-column ion-picker-column-option');
-                const ionChange = await page.spyOnEvent('ionChange');
-                await page.locator('.datetime-ready').waitFor();
-                await monthColumnItems.nth(0).click(); // switch to January
-                await ionChange.next();
-                await expect(datetime).toHaveJSProperty('value', '2022-01-15T00:00:00');
-            });
-        });
-        test.describe('datetime: confirm button', () => {
-            test('should apply max and min constraints even when user confirmation is required', async ({ page }) => {
-                test.info().annotations.push({
-                    type: 'issue',
-                    description: 'https://github.com/ionic-team/ionic-framework/issues/25073',
-                });
-                await page.setContent(`
-          <ion-datetime max="2022-01-10T15:30" show-default-buttons="true"></ion-datetime>
-
-          <script>
-            const mockToday = '2022-01-10T12:22';
-            Date = class extends Date {
-              constructor(...args) {
-                if (args.length === 0) {
-                  super(mockToday)
-                } else {
-                  super(...args);
-                }
-              }
-            }
-          </script>
-        `, config);
-                await page.locator('.datetime-ready').waitFor();
-                // Select Jan 10, 2022
-                const maxDate = page.locator('ion-datetime .calendar-day[data-day="10"][data-month="1"][data-year="2022"]');
-                await maxDate.click();
-                await page.waitForChanges();
-                // Check to see that the hours have been filtered.
-                const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-                const timeButton = page.locator('ion-datetime .time-body');
-                await timeButton.click();
-                await ionPopoverDidPresent.next();
-                const hours = page.locator('ion-popover ion-picker-column:nth-child(1) ion-picker-column-option');
-                await expect(await hours.count()).toBe(4);
-            });
-        });
-    });
-});

package/dist/collection/components/datetime/test/month-year-picker/datetime.e2e.js

@@ -1,29 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-/**
- * This is testing element rendering which
- * does not vary across modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('datetime: month-year picker'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/datetime/test/month-year-picker', config);
-            await page.locator('.datetime-ready').first().waitFor();
-        });
-        test('should hide the footer when picker is open', async ({ page }) => {
-            const datetimeFooter = page.locator('#date-time .datetime-footer');
-            await expect(datetimeFooter).toBeVisible();
-            const pickerButton = page.locator('#date-time .calendar-month-year > .calendar-month-year-toggle');
-            await pickerButton.click();
-            await page.waitForChanges();
-            await expect(datetimeFooter).not.toBeVisible();
-        });
-        test('should not hide the footer on month-year presentation', async ({ page }) => {
-            const monthyearFooter = page.locator('#month-year .datetime-footer');
-            await expect(monthyearFooter).toBeVisible();
-        });
-    });
-});

package/dist/collection/components/datetime/test/multiple/datetime.e2e.js

@@ -1,242 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-const SINGLE_DATE = '2022-06-01';
-const MULTIPLE_DATES = ['2022-06-01', '2022-06-02', '2022-06-03'];
-const MULTIPLE_DATES_SEPARATE_MONTHS = ['2022-03-01', '2022-04-01', '2022-05-01'];
-class DatetimeMultipleFixture {
-    constructor(page) {
-        this.page = page;
-    }
-    processValue(value = []) {
-        if (!Array.isArray(value)) {
-            return `'${value}'`;
-        }
-        const toString = value.map((v) => `'${v}'`).join(',');
-        return `[${toString}]`;
-    }
-    async goto(config, value, datetimeConfig) {
-        const { showDefaultButtons, showClearButton, showDefaultTitle, multiple, customFormatter } = datetimeConfig !== null && datetimeConfig !== void 0 ? datetimeConfig : {};
-        const formattedValue = this.processValue(value);
-        await this.page.setContent(`
-      <ion-datetime
-        locale="en-US"
-        presentation="date"
-        multiple="${multiple !== null && multiple !== void 0 ? multiple : true}"
-        value="2022-04-19T04:20:00"
-        show-default-title="${showDefaultTitle !== null && showDefaultTitle !== void 0 ? showDefaultTitle : false}"
-        show-default-buttons="${showDefaultButtons !== null && showDefaultButtons !== void 0 ? showDefaultButtons : false}"
-        show-clear-button="${showClearButton !== null && showClearButton !== void 0 ? showClearButton : false}"
-      ></ion-datetime>
-
-      <script>
-        const datetime = document.querySelector('ion-datetime');
-        datetime.value = ${formattedValue};
-
-        if (${customFormatter}) {
-          datetime.titleSelectedDatesFormatter = (selectedDates) => "Selected: " + selectedDates.length;
-        }
-      </script>
-    `, config);
-        this.datetime = this.page.locator('ion-datetime');
-        await this.page.locator('.datetime-ready').waitFor();
-        return this.datetime;
-    }
-    async expectMultipleDatePicker(id, screenshot) {
-        await expect(this.datetime).toHaveScreenshot(screenshot(`datetime-multiple-${id}`));
-    }
-}
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('datetime: multiple date selection (visual regressions)'), () => {
-        let datetimeFixture;
-        test.beforeEach(async ({ page }) => {
-            datetimeFixture = new DatetimeMultipleFixture(page);
-        });
-        test('single default value should not have visual regressions', async () => {
-            await datetimeFixture.goto(config, SINGLE_DATE);
-            await datetimeFixture.expectMultipleDatePicker('singleDefaultValue', screenshot);
-        });
-        test('multiple default values should not have visual regressions', async () => {
-            await datetimeFixture.goto(config, MULTIPLE_DATES);
-            await datetimeFixture.expectMultipleDatePicker('multipleDefaultValues', screenshot);
-        });
-        test('header should not have visual regressions', async () => {
-            await datetimeFixture.goto(config, SINGLE_DATE, { showDefaultTitle: true });
-            await datetimeFixture.expectMultipleDatePicker('withHeader', screenshot);
-        });
-    });
-});
-/**
- * Multiple date selection functionality
- * is the same across modes/directions.
- */
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('datetime: multiple date selection (functionality)'), () => {
-        let datetimeFixture;
-        test.beforeEach(async ({ page }) => {
-            datetimeFixture = new DatetimeMultipleFixture(page);
-        });
-        test('clicking unselected days should select them', async ({ page }) => {
-            const datetime = await datetimeFixture.goto(config, SINGLE_DATE);
-            const ionChangeSpy = await page.spyOnEvent('ionChange');
-            const juneButtons = datetime.locator('[data-month="6"][data-day]');
-            await juneButtons.nth(1).click();
-            await ionChangeSpy.next();
-            await expect(datetime).toHaveJSProperty('value', ['2022-06-01', '2022-06-02']);
-            await juneButtons.nth(2).click();
-            await ionChangeSpy.next();
-            await expect(datetime).toHaveJSProperty('value', MULTIPLE_DATES);
-            for (let i = 0; i < 3; i++) {
-                await expect(juneButtons.nth(i)).toHaveClass(/calendar-day-active/);
-            }
-        });
-        test('clicking selected days should unselect them', async ({ page }) => {
-            const datetime = await datetimeFixture.goto(config, MULTIPLE_DATES);
-            const juneButtons = datetime.locator('[data-month="6"][data-day]');
-            const ionChangeSpy = await page.spyOnEvent('ionChange');
-            await juneButtons.nth(0).click();
-            await ionChangeSpy.next();
-            await expect(datetime).toHaveJSProperty('value', ['2022-06-02', '2022-06-03']);
-            await juneButtons.nth(1).click();
-            await ionChangeSpy.next();
-            await expect(datetime).toHaveJSProperty('value', ['2022-06-03']);
-            await juneButtons.nth(2).click();
-            await ionChangeSpy.next();
-            await expect(datetime).toHaveJSProperty('value', undefined);
-            for (let i = 0; i < 3; i++) {
-                await expect(juneButtons.nth(i)).not.toHaveClass(/calendar-day-active/);
-            }
-        });
-        test('change event should emit with array detail', async ({ page }) => {
-            const datetime = await datetimeFixture.goto(config, SINGLE_DATE);
-            const june2Button = datetime.locator('[data-month="6"][data-day="2"]');
-            const ionChangeSpy = await page.spyOnEvent('ionChange');
-            await june2Button.click();
-            expect(ionChangeSpy).toHaveReceivedEventDetail({
-                value: ['2022-06-01', '2022-06-02'],
-            });
-        });
-        test('should scroll to new month when value is updated with multiple dates in the same month', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/28602',
-            });
-            const datetime = await datetimeFixture.goto(config, MULTIPLE_DATES_SEPARATE_MONTHS);
-            await datetime.evaluate((el, dates) => {
-                el.value = dates;
-            }, MULTIPLE_DATES);
-            await page.waitForChanges();
-            const monthYear = datetime.locator('.calendar-month-year');
-            await expect(monthYear).toHaveText(/June 2022/);
-        });
-        test('should not scroll to new month when value is updated with dates in different months', async ({ page }) => {
-            const datetime = await datetimeFixture.goto(config, MULTIPLE_DATES);
-            await datetime.evaluate((el, dates) => {
-                el.value = dates;
-            }, MULTIPLE_DATES_SEPARATE_MONTHS);
-            await page.waitForChanges();
-            const monthYear = datetime.locator('.calendar-month-year');
-            await expect(monthYear).toHaveText(/June 2022/);
-        });
-        test('with buttons, should only update value when confirm is called', async ({ page }) => {
-            const datetime = await datetimeFixture.goto(config, SINGLE_DATE, { showDefaultButtons: true });
-            const june2Button = datetime.locator('[data-month="6"][data-day="2"]');
-            await june2Button.click();
-            await page.waitForChanges();
-            await expect(datetime).toHaveJSProperty('value', SINGLE_DATE); // value should not change yet
-            await datetime.evaluate((el) => el.confirm());
-            await expect(datetime).toHaveJSProperty('value', ['2022-06-01', '2022-06-02']);
-        });
-        test('clear button should work with multiple values', async () => {
-            const datetime = await datetimeFixture.goto(config, SINGLE_DATE, {
-                showClearButton: true,
-                showDefaultButtons: true,
-            });
-            const june2Button = datetime.locator('[data-month="6"][data-day="2"]');
-            const doneButton = datetime.locator('#confirm-button');
-            const clearButton = datetime.locator('#clear-button');
-            await june2Button.click();
-            await doneButton.click();
-            await clearButton.click();
-            await expect(datetime).toHaveJSProperty('value', undefined);
-        });
-        test('setting value programmatically should update active days', async () => {
-            const datetime = await datetimeFixture.goto(config, SINGLE_DATE);
-            const juneButtons = datetime.locator('[data-month="6"][data-day]');
-            await datetime.evaluate((el, dates) => {
-                el.value = dates;
-            }, MULTIPLE_DATES);
-            for (let i = 0; i < 3; i++) {
-                await expect(juneButtons.nth(i)).toHaveClass(/calendar-day-active/);
-            }
-            // ensure all days are still highlighted if we click another one after
-            await juneButtons.nth(3).click();
-            for (let i = 0; i < 4; i++) {
-                await expect(juneButtons.nth(i)).toHaveClass(/calendar-day-active/);
-            }
-        });
-        test('clicking day when no default value should set value to only clicked day', async ({ page }) => {
-            const datetime = await datetimeFixture.goto(config);
-            const ionChangeSpy = await page.spyOnEvent('ionChange');
-            // can't use specific data-month b/c no default value -- we don't know what it'll be
-            const firstDayButton = datetime.locator('.calendar-month:nth-child(2) [data-day="1"]');
-            const year = await firstDayButton.getAttribute('data-year');
-            let month = await firstDayButton.getAttribute('data-month');
-            if (month && month.length < 2)
-                month = '0' + month; // pad with zero
-            await firstDayButton.click();
-            await ionChangeSpy.next();
-            await expect(datetime).toHaveJSProperty('value', [`${year}-${month}-01`]);
-        });
-        test('header text should update correctly', async () => {
-            const datetime = await datetimeFixture.goto(config, SINGLE_DATE, { showDefaultTitle: true });
-            const header = datetime.locator('.datetime-selected-date');
-            const juneButtons = datetime.locator('[data-month="6"][data-day]');
-            await expect(header).toHaveText('Wed, Jun 1');
-            await juneButtons.nth(1).click();
-            await expect(header).toHaveText('2 days');
-            await juneButtons.nth(0).click();
-            await expect(header).toHaveText('Thu, Jun 2');
-            await juneButtons.nth(1).click();
-            await expect(header).toHaveText('0 days');
-        });
-        test('header text should update correctly with custom formatter', async () => {
-            const datetime = await datetimeFixture.goto(config, MULTIPLE_DATES, {
-                showDefaultTitle: true,
-                customFormatter: true,
-            });
-            const header = datetime.locator('.datetime-selected-date');
-            const juneButtons = datetime.locator('[data-month="6"][data-day]');
-            await expect(header).toHaveText('Selected: 3');
-            await juneButtons.nth(1).click();
-            await juneButtons.nth(2).click();
-            await expect(header).toHaveText('Wed, Jun 1');
-            await juneButtons.nth(0).click();
-            await expect(header).toHaveText('Selected: 0');
-        });
-        test('header text should render default date when multiple="false"', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime locale="en-US" show-default-title="true"></ion-datetime>
-
-        <script>
-          const mockToday = '2022-10-10T16:22';
-          Date = class extends Date {
-            constructor(...args) {
-              if (args.length === 0) {
-                super(mockToday)
-              } else {
-                super(...args);
-              }
-            }
-          }
-        </script>
-      `, config);
-            await page.locator(`.datetime-ready`).waitFor();
-            const datetime = page.locator('ion-datetime');
-            const header = datetime.locator('.datetime-selected-date');
-            await expect(header).toHaveText('Mon, Oct 10');
-        });
-    });
-});

package/dist/collection/components/datetime/test/overlay-roles/datetime.e2e.js

@@ -1,34 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ config, title }) => {
-    test.describe(title('datetime: overlay roles'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.setContent(`
-          <ion-modal>
-            <ion-datetime></ion-datetime>
-          </ion-modal>  
-        `, config);
-        });
-        test('should pass role to overlay when calling confirm method', async ({ page }) => {
-            const ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
-            const modal = page.locator('ion-modal');
-            const datetime = page.locator('ion-datetime');
-            await modal.evaluate((el) => el.present());
-            await datetime.evaluate((el) => el.confirm(true));
-            await ionModalDidDismiss.next();
-            expect(ionModalDidDismiss).toHaveReceivedEventDetail({ data: undefined, role: 'datetime-confirm' });
-        });
-        test('should pass role to overlay when calling cancel method', async ({ page }) => {
-            const ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
-            const modal = page.locator('ion-modal');
-            const datetime = page.locator('ion-datetime');
-            await modal.evaluate((el) => el.present());
-            await datetime.evaluate((el) => el.cancel(true));
-            await ionModalDidDismiss.next();
-            expect(ionModalDidDismiss).toHaveReceivedEventDetail({ data: undefined, role: 'datetime-cancel' });
-        });
-    });
-});