@ionic/core 8.2.3-nightly.20240625 → 8.2.3

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

@@ -1,169 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('datetime: presentation rendering'), () => {
-        let presentationFixture;
-        test.beforeEach(({ page }) => {
-            presentationFixture = new DatetimePresentationFixture(page);
-        });
-        test('should not have visual regressions with date-time presentation', async () => {
-            await presentationFixture.goto('date-time', config);
-            await presentationFixture.screenshot('datetime-presentation-date-time-diff', screenshot);
-        });
-        test('should not have visual regressions with time-date presentation', async () => {
-            await presentationFixture.goto('time-date', config);
-            await presentationFixture.screenshot('datetime-presentation-time-date-diff', screenshot);
-        });
-        test('should not have visual regressions with time presentation', async () => {
-            await presentationFixture.goto('time', config);
-            await presentationFixture.screenshot('datetime-presentation-time-diff', screenshot);
-        });
-        test('should not have visual regressions with date presentation', async () => {
-            await presentationFixture.goto('date', config);
-            await presentationFixture.screenshot('datetime-presentation-date-diff', screenshot);
-        });
-        test('should not have visual regressions with month-year presentation', async () => {
-            await presentationFixture.goto('month-year', config);
-            await presentationFixture.screenshot('datetime-presentation-month-year-diff', screenshot);
-        });
-        test('should not have visual regressions with month presentation', async () => {
-            await presentationFixture.goto('month', config);
-            await presentationFixture.screenshot('datetime-presentation-month-diff', screenshot);
-        });
-        test('should not have visual regressions with year presentation', async () => {
-            await presentationFixture.goto('year', config);
-            await presentationFixture.screenshot('datetime-presentation-year-diff', screenshot);
-        });
-    });
-});
-/**
- * This is testing component event behavior
- * which does not vary across modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('datetime: presentation'), () => {
-        test('presentation: time: should emit ionChange', async ({ page }) => {
-            await page.goto(`/src/components/datetime/test/presentation`, config);
-            const ionChangeSpy = await page.spyOnEvent('ionChange');
-            await page.locator('select').selectOption('time');
-            await page.waitForChanges();
-            await page.locator('text=AM').click();
-            await ionChangeSpy.next();
-            expect(ionChangeSpy.length).toBe(1);
-        });
-        test('presentation: month-year: should emit ionChange', async ({ page }) => {
-            await page.goto(`/src/components/datetime/test/presentation`, config);
-            const ionChangeSpy = await page.spyOnEvent('ionChange');
-            await page.locator('select').selectOption('month-year');
-            await page.waitForChanges();
-            await page.locator('text=April').click();
-            await ionChangeSpy.next();
-            expect(ionChangeSpy.length).toBe(1);
-        });
-        test('presentation: month: should emit ionChange', async ({ page }) => {
-            await page.goto(`/src/components/datetime/test/presentation`, config);
-            const ionChangeSpy = await page.spyOnEvent('ionChange');
-            await page.locator('select').selectOption('month');
-            await page.waitForChanges();
-            await page.locator('text=April').click();
-            await ionChangeSpy.next();
-            expect(ionChangeSpy.length).toBe(1);
-        });
-        test('presentation: year: should emit ionChange', async ({ page }) => {
-            await page.goto(`/src/components/datetime/test/presentation`, config);
-            const ionChangeSpy = await page.spyOnEvent('ionChange');
-            await page.locator('select').selectOption('year');
-            await page.waitForChanges();
-            await page.locator('text=2021').click();
-            await ionChangeSpy.next();
-            expect(ionChangeSpy.length).toBe(1);
-        });
-        test('switching presentation should close month/year picker', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime presentation="date"></ion-datetime>
-      `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const datetime = page.locator('ion-datetime');
-            const monthYearButton = page.locator('ion-datetime .calendar-month-year');
-            await monthYearButton.click();
-            await expect(datetime).toHaveClass(/show-month-and-year/);
-            await datetime.evaluate((el) => (el.presentation = 'time'));
-            await page.waitForChanges();
-            await expect(datetime).not.toHaveClass(/show-month-and-year/);
-        });
-    });
-});
-/**
- * This is testing time rendering behavior
- * which does not vary across modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('datetime: presentation: time'), () => {
-        test('changing value from AM to AM should update the text', async ({ page }) => {
-            const timePickerFixture = new TimePickerFixture(page);
-            await timePickerFixture.goto('04:20:00', config);
-            await timePickerFixture.setValue('11:03:00');
-            await timePickerFixture.expectTime(11, 3, 'am');
-        });
-        test('changing value from AM to PM should update the text', async ({ page }) => {
-            const timePickerFixture = new TimePickerFixture(page);
-            await timePickerFixture.goto('05:30:00', config);
-            await timePickerFixture.setValue('16:40:00');
-            await timePickerFixture.expectTime(16, 40, 'pm');
-        });
-        test('changing the value from PM to AM should update the text', async ({ page }) => {
-            const timePickerFixture = new TimePickerFixture(page);
-            await timePickerFixture.goto('16:40:00', config);
-            await timePickerFixture.setValue('04:20:00');
-            await timePickerFixture.expectTime(4, 20, 'am');
-        });
-        test('changing the value from PM to PM should update the text', async ({ page }) => {
-            const timePickerFixture = new TimePickerFixture(page);
-            await timePickerFixture.goto('16:40:00', config);
-            await timePickerFixture.setValue('19:32:00');
-            await timePickerFixture.expectTime(19, 32, 'pm');
-        });
-    });
-});
-class DatetimePresentationFixture {
-    constructor(page) {
-        this.page = page;
-    }
-    async goto(presentation, config) {
-        await this.page.setContent(`
-      <ion-datetime presentation="${presentation}" value="2010-03-10T13:00:00"></ion-datetime>
-    `, config);
-        await this.page.locator('.datetime-ready').waitFor();
-        this.datetime = this.page.locator('ion-datetime');
-    }
-    async screenshot(name, screenshotFn) {
-        await expect(this.datetime).toHaveScreenshot(screenshotFn(name));
-    }
-}
-class TimePickerFixture {
-    constructor(page) {
-        this.page = page;
-    }
-    async goto(value, config) {
-        await this.page.setContent(`
-      <ion-datetime presentation="time" value="${value}"></ion-datetime>
-    `, config);
-        await this.page.locator('.datetime-ready').waitFor();
-        this.timePicker = this.page.locator('ion-datetime');
-    }
-    async setValue(value) {
-        await this.timePicker.evaluate((el, newValue) => {
-            el.value = newValue;
-        }, value);
-        await this.page.waitForChanges();
-    }
-    async expectTime(hour, minute, ampm) {
-        const pickerColumns = this.timePicker.locator('ion-picker-column');
-        await expect(pickerColumns.nth(0)).toHaveJSProperty('value', hour);
-        await expect(pickerColumns.nth(1)).toHaveJSProperty('value', minute);
-        await expect(pickerColumns.nth(2)).toHaveJSProperty('value', ampm);
-    }
-}

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

@@ -1,113 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-/**
- * This behavior does not differ across
- * modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config, screenshot }) => {
-    test.describe(title('datetime: readonly'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime value="2022-02-05T00:00:00" min="2022-01-01T00:00:00" max="2022-02-20T23:59:59" day-values="5,6,10,11,15,16,20" show-default-buttons readonly></ion-datetime>
-    `, config);
-            const datetime = page.locator('ion-datetime');
-            await expect(datetime).toHaveScreenshot(screenshot(`datetime-readonly`));
-        });
-        test('date should be disabled', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime value="2022-02-28" readonly></ion-datetime>
-    `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const febFirstButton = page.locator(`.calendar-day[data-day='1'][data-month='2']`);
-            await expect(febFirstButton).toBeDisabled();
-        });
-        test('should navigate months via month-year button', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime value="2022-02-22T16:30:00" readonly></ion-datetime>
-    `, config);
-            const ionChange = await page.spyOnEvent('ionChange');
-            await page.locator('.datetime-ready').waitFor();
-            const calendarMonthYear = page.locator('ion-datetime .calendar-month-year');
-            await expect(calendarMonthYear).toHaveText('February 2022');
-            await calendarMonthYear.click();
-            await page.waitForChanges();
-            await page.locator('.month-column ion-picker-column-option').nth(2).click();
-            await page.waitForChanges();
-            await expect(calendarMonthYear).toHaveText('March 2022');
-            await expect(ionChange).not.toHaveReceivedEvent();
-        });
-        test('should open picker using keyboard navigation', async ({ page, browserName }) => {
-            await page.setContent(`
-        <ion-datetime value="2022-02-22T16:30:00" readonly></ion-datetime>
-    `, config);
-            const tabKey = browserName === 'webkit' ? 'Alt+Tab' : 'Tab';
-            await page.locator('.datetime-ready').waitFor();
-            const calendarMonthYear = page.locator('ion-datetime .calendar-month-year');
-            const monthYearButton = page.locator('.calendar-month-year-toggle');
-            await expect(calendarMonthYear).toHaveText('February 2022');
-            await page.keyboard.press(tabKey);
-            await expect(monthYearButton).toBeFocused();
-            await page.waitForChanges();
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            const marchPickerItem = page.locator('.month-column ion-picker-column-option').nth(2);
-            await expect(marchPickerItem).toBeVisible();
-        });
-        test('should view next month via next button', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime value="2022-02-22T16:30:00" readonly></ion-datetime>
-    `, config);
-            const ionChange = await page.spyOnEvent('ionChange');
-            const calendarMonthYear = page.locator('ion-datetime .calendar-month-year');
-            await expect(calendarMonthYear).toHaveText('February 2022');
-            const nextMonthButton = page.locator('ion-datetime .calendar-next-prev ion-button + ion-button');
-            await nextMonthButton.click();
-            await page.waitForChanges();
-            await expect(calendarMonthYear).toHaveText('March 2022');
-            await expect(ionChange).not.toHaveReceivedEvent();
-        });
-        test('should not change value when the month is changed via keyboard navigation', async ({ page, browserName }) => {
-            await page.setContent(`
-        <ion-datetime value="2022-02-22T16:30:00" readonly></ion-datetime>
-    `, config);
-            const tabKey = browserName === 'webkit' ? 'Alt+Tab' : 'Tab';
-            const datetime = page.locator('ion-datetime');
-            const monthYearButton = page.locator('.calendar-month-year-toggle');
-            const prevButton = page.locator('.calendar-next-prev ion-button:nth-child(1)');
-            const nextButton = page.locator('.calendar-next-prev ion-button:nth-child(2)');
-            const calendarMonthYear = page.locator('ion-datetime .calendar-month-year');
-            await page.keyboard.press(tabKey);
-            await expect(monthYearButton).toBeFocused();
-            await page.keyboard.press(tabKey);
-            await expect(prevButton).toBeFocused();
-            await page.keyboard.press(tabKey);
-            await expect(nextButton).toBeFocused();
-            // check value before & after selecting via keyboard
-            const initialValue = await datetime.evaluate((el) => el.value);
-            expect(initialValue).toBe('2022-02-22T16:30:00');
-            await expect(calendarMonthYear).toHaveText('February 2022');
-            await page.keyboard.press(tabKey);
-            await page.waitForChanges();
-            await page.keyboard.press('ArrowLeft');
-            await page.waitForChanges();
-            await expect(calendarMonthYear).toHaveText('January 2022');
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            const newValue = await datetime.evaluate((el) => el.value);
-            // should not have changed
-            expect(newValue).toBe('2022-02-22T16:30:00');
-        });
-        test('clear button should be disabled', async ({ page }) => {
-            await page.setContent(`
-
-        <ion-datetime value="2022-02-22T16:30:00" show-default-buttons="true" show-clear-button="true" readonly></ion-datetime>
-    `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const clearButton = page.locator('#clear-button button');
-            await expect(clearButton).toBeDisabled();
-        });
-    });
-});

package/dist/collection/components/datetime/test/set-value/datetime.e2e.js

@@ -1,50 +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(({ title, config }) => {
-    test.describe(title('datetime: set-value'), () => {
-        test('should update the active date when value is initially set', async ({ page }) => {
-            await page.goto('/src/components/datetime/test/set-value', config);
-            await page.locator('.datetime-ready').waitFor();
-            const datetime = page.locator('ion-datetime');
-            await datetime.evaluate((el) => (el.value = '2021-11-25T12:40:00.000Z'));
-            await page.waitForChanges();
-            const activeDate = page.locator('ion-datetime .calendar-day-active');
-            await expect(activeDate).toHaveText('25');
-        });
-        test('should update the active time when value is initially set', async ({ page }) => {
-            await page.goto('/src/components/datetime/test/set-value', config);
-            await page.locator('.datetime-ready').waitFor();
-            const datetime = page.locator('ion-datetime');
-            await datetime.evaluate((el) => (el.value = '2021-11-25T12:40:00.000Z'));
-            await page.waitForChanges();
-            const activeDate = page.locator('ion-datetime .time-body');
-            await expect(activeDate).toHaveText('12:40 PM');
-        });
-        test('should update active item when value is not initially set', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime presentation="date" locale="en-US"></ion-datetime>
-      `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const datetime = page.locator('ion-datetime');
-            const activeDayButton = page.locator('.calendar-day-active');
-            await datetime.evaluate((el) => (el.value = '2021-10-05'));
-            await page.waitForChanges();
-            // Check that correct day is highlighted
-            await expect(activeDayButton).toHaveAttribute('data-day', '5');
-            await expect(activeDayButton).toHaveAttribute('data-month', '10');
-            await expect(activeDayButton).toHaveAttribute('data-year', '2021');
-        });
-        test('should scroll to new month when value is initially set and then updated', async ({ page }) => {
-            await page.goto('/src/components/datetime/test/set-value', config);
-            await page.locator('.datetime-ready').waitFor();
-            const datetime = page.locator('ion-datetime');
-            await datetime.evaluate((el) => (el.value = '2021-05-25T12:40:00.000Z'));
-            await page.waitForChanges();
-            const calendarHeader = datetime.locator('.calendar-month-year');
-            await expect(calendarHeader).toHaveText(/May 2021/);
-        });
-    });
-});

package/dist/collection/components/datetime/test/state.spec.js

@@ -1,114 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { getCalendarDayState, isDayDisabled, isNextMonthDisabled, isPrevMonthDisabled } from "../utils/state";
-describe('getCalendarDayState()', () => {
-    it('should return correct state', () => {
-        const refA = { month: 1, day: 1, year: 2019 };
-        const refB = { month: 1, day: 1, year: 2021 };
-        const refC = { month: 1, day: 1, year: 2023 };
-        expect(getCalendarDayState('en-US', refA, refB, refC)).toEqual({
-            isActive: false,
-            isToday: false,
-            disabled: false,
-            ariaSelected: null,
-            ariaLabel: 'Tuesday, January 1',
-            text: '1',
-        });
-        expect(getCalendarDayState('en-US', refA, refA, refC)).toEqual({
-            isActive: true,
-            isToday: false,
-            disabled: false,
-            ariaSelected: 'true',
-            ariaLabel: 'Tuesday, January 1',
-            text: '1',
-        });
-        expect(getCalendarDayState('en-US', refA, refB, refA)).toEqual({
-            isActive: false,
-            isToday: true,
-            disabled: false,
-            ariaSelected: null,
-            ariaLabel: 'Today, Tuesday, January 1',
-            text: '1',
-        });
-        expect(getCalendarDayState('en-US', refA, refA, refA)).toEqual({
-            isActive: true,
-            isToday: true,
-            disabled: false,
-            ariaSelected: 'true',
-            ariaLabel: 'Today, Tuesday, January 1',
-            text: '1',
-        });
-        expect(getCalendarDayState('en-US', refA, refA, refA, undefined, undefined, [1])).toEqual({
-            isActive: true,
-            isToday: true,
-            disabled: false,
-            ariaSelected: 'true',
-            ariaLabel: 'Today, Tuesday, January 1',
-            text: '1',
-        });
-        expect(getCalendarDayState('en-US', refA, refA, refA, undefined, undefined, [2])).toEqual({
-            isActive: true,
-            isToday: true,
-            disabled: true,
-            ariaSelected: 'true',
-            ariaLabel: 'Today, Tuesday, January 1',
-            text: '1',
-        });
-    });
-});
-describe('isDayDisabled()', () => {
-    it('should correctly return whether or not a day is disabled', () => {
-        const refDate = { month: 5, day: 12, year: 2021 };
-        expect(isDayDisabled(refDate, undefined, undefined)).toEqual(false);
-        expect(isDayDisabled(refDate, { month: 5, day: 12, year: 2021 }, undefined)).toEqual(false);
-        expect(isDayDisabled(refDate, { month: 6, day: 12, year: 2021 }, undefined)).toEqual(true);
-        expect(isDayDisabled(refDate, { month: 5, day: 13, year: 2022 }, undefined)).toEqual(true);
-        expect(isDayDisabled(refDate, undefined, { month: 5, day: 12, year: 2021 })).toEqual(false);
-        expect(isDayDisabled(refDate, undefined, { month: 4, day: 12, year: 2021 })).toEqual(true);
-        expect(isDayDisabled(refDate, undefined, { month: 5, day: 11, year: 2021 })).toEqual(true);
-    });
-});
-describe('isPrevMonthDisabled()', () => {
-    it('should return true', () => {
-        // Date month is before min month, in the same year
-        expect(isPrevMonthDisabled({ month: 5, year: 2021, day: null }, { month: 6, year: 2021, day: null })).toEqual(true);
-        // Date month and year is the same as min month and year
-        expect(isPrevMonthDisabled({ month: 1, year: 2021, day: null }, { month: 1, year: 2021, day: null })).toEqual(true);
-        // Date year is the same as min year (month not provided)
-        expect(isPrevMonthDisabled({ month: 1, year: 2021, day: null }, { year: 2021, month: null, day: null })).toEqual(true);
-        // Date year is less than the min year (month not provided)
-        expect(isPrevMonthDisabled({ month: 5, year: 2021, day: null }, { year: 2022, month: null, day: null })).toEqual(true);
-        // Date is above the maximum bounds and the previous month does not does not fall within the
-        // min-max range.
-        expect(isPrevMonthDisabled({ month: 12, year: 2021, day: null }, { month: 9, year: 2021, day: null }, { month: 10, year: 2021, day: null })).toEqual(true);
-        // Date is above the maximum bounds and a year ahead of the max range. The previous month/year
-        // does not fall within the min-max range.
-        expect(isPrevMonthDisabled({ month: 1, year: 2022, day: null }, { month: 9, year: 2021, day: null }, { month: 10, year: 2021, day: null })).toEqual(true);
-    });
-    it('should return false', () => {
-        // No min range provided
-        expect(isPrevMonthDisabled({ month: 12, year: 2021, day: null })).toEqual(false);
-        // Date year is the same as min year,
-        // but can navigate to a previous month without reducing the year.
-        expect(isPrevMonthDisabled({ month: 12, year: 2021, day: null }, { year: 2021, month: null, day: null })).toEqual(false);
-        expect(isPrevMonthDisabled({ month: 2, year: 2021, day: null }, { year: 2021, month: null, day: null })).toEqual(false);
-    });
-});
-describe('isNextMonthDisabled()', () => {
-    it('should return true', () => {
-        // Date month is the same as max month (in the same year)
-        expect(isNextMonthDisabled({ month: 10, year: 2021, day: null }, { month: 10, year: 2021, day: null })).toEqual(true);
-        // Date month is after the max month (in the same year)
-        expect(isNextMonthDisabled({ month: 10, year: 2021, day: null }, { month: 9, year: 2021, day: null })).toEqual(true);
-        // Date year is after the max month and year
-        expect(isNextMonthDisabled({ month: 10, year: 2022, day: null }, { month: 12, year: 2021, day: null })).toEqual(true);
-    });
-    it('should return false', () => {
-        // No max range provided
-        expect(isNextMonthDisabled({ month: 10, year: 2021, day: null })).toBe(false);
-        // Date month is before max month and is the previous month,
-        // so that navigating the next month would re-enter the max range
-        expect(isNextMonthDisabled({ month: 10, year: 2021, day: null }, { month: 11, year: 2021, day: null })).toEqual(false);
-    });
-});

package/dist/collection/components/datetime/test/time-label/datetime.e2e.js

@@ -1,25 +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(({ title, config }) => {
-    test.describe(title('datetime: time label'), () => {
-        test('should render default time label', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime></ion-datetime>
-      `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const timeLabel = page.locator('ion-datetime .time-header');
-            await expect(timeLabel).toHaveText('Time');
-        });
-        test('should not render a custom time label', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime show-default-time-label="false"></ion-datetime>
-      `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const timeLabel = page.locator('ion-datetime .time-header');
-            await expect(timeLabel).toHaveText('');
-        });
-    });
-});

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

@@ -1,143 +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(({ title, config }) => {
-    test.describe(title('datetime: values'), () => {
-        test('should render correct days', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime locale="en-US" presentation="date" day-values="1,2,3"></ion-datetime>
-      `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const items = page.locator('.calendar-day:not([disabled])');
-            /**
-             * Datetime calendar grid renders 3 months by default,
-             * so this ensures that dayValues is applying to all
-             * rendered months, not just the initial month.
-             */
-            await expect(items).toHaveText(['1', '2', '3', '1', '2', '3', '1', '2', '3']);
-        });
-        test('should render correct months', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime locale="en-US" presentation="month-year" month-values="5,6,10"></ion-datetime>
-      `, config);
-            const items = page.locator('.month-column ion-picker-column-option');
-            await expect(items).toHaveText(['May', 'June', 'October']);
-        });
-        test('should render correct years', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime locale="en-US" presentation="month-year" year-values="2022,2021,2020"></ion-datetime>
-      `, config);
-            const items = page.locator('.year-column ion-picker-column-option');
-            await expect(items).toHaveText(['2022', '2021', '2020']);
-        });
-        test('should render correct hours', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime locale="en-US" presentation="time" hour-values="1,2,3"></ion-datetime>
-      `, config);
-            const items = page.locator('ion-picker-column:first-of-type ion-picker-column-option');
-            await expect(items).toHaveText(['1', '2', '3']);
-        });
-        test('should render correct minutes', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime locale="en-US" presentation="time" minute-values="1,2,3"></ion-datetime>
-      `, config);
-            const items = page.locator('ion-picker-column:nth-of-type(2) ion-picker-column-option');
-            await expect(items).toHaveText(['01', '02', '03']);
-        });
-        test('should adjust default parts for allowed hour and minute values', async ({ page }) => {
-            /**
-             * Mock today's date for testing.
-             * Playwright does not support this natively
-             * so we extend the native Date interface: https://github.com/microsoft/playwright/issues/6347
-             */
-            await page.setContent(`
-        <ion-datetime presentation="time" locale="en-US" hour-values="02" minute-values="0,15,30,45"></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 minuteColumn = page.locator('ion-picker-column').nth(1);
-            const minuteItems = minuteColumn.locator('ion-picker-column-option');
-            await expect(minuteItems).toHaveText(['00', '15', '30', '45']);
-            await expect(minuteColumn).toHaveJSProperty('value', 15);
-            const hourColumn = page.locator('ion-picker-column').nth(0);
-            const hourItems = hourColumn.locator('ion-picker-column-option');
-            await expect(hourItems).toHaveText(['2']);
-            await expect(hourColumn).toHaveJSProperty('value', 2);
-            /**
-             * Since the allowed hour is 2AM, the time period
-             * should switch from PM to AM.
-             */
-            const ampmColumn = page.locator('ion-picker-column').nth(2);
-            const ampmItems = ampmColumn.locator('ion-picker-column-option');
-            await expect(ampmItems).toHaveText(['AM', 'PM']);
-            await expect(ampmColumn).toHaveJSProperty('value', 'am');
-        });
-        test('should adjust default parts month for allowed month values', async ({ page }) => {
-            /**
-             * Mock today's date for testing.
-             * Playwright does not support this natively
-             * so we extend the native Date interface: https://github.com/microsoft/playwright/issues/6347
-             */
-            await page.setContent(`
-        <ion-datetime prefer-wheel="true" presentation="date" locale="en-US" month-values="01" hour-values="02" minute-values="0,15,30,45"></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 monthItems = page.locator('.month-column ion-picker-column-option');
-            await expect(monthItems).toHaveText(['January']);
-            await expect(monthItems.nth(0)).toHaveClass(/option-active/);
-        });
-        test('today date highlight should persist even if disallowed from dayValues', async ({ page }) => {
-            /**
-             * Mock today's date for testing.
-             * Playwright does not support this natively
-             * so we extend the native Date interface: https://github.com/microsoft/playwright/issues/6347
-             */
-            await page.setContent(`
-        <ion-datetime day-values="9" presentation="date" locale="en-US"></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 todayButton = page.locator('.calendar-day[data-day="10"][data-month="10"][data-year="2022"]');
-            await expect(todayButton).toHaveClass(/calendar-day-today/);
-        });
-    });
-});

package/dist/collection/components/datetime-button/test/a11y/datetime-button.e2e.js

@@ -1,38 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-/**
- * The tested behavior does not vary across directions/modes
- */
-configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('datetime-button: font scaling'), () => {
-        test('should scale text on larger font sizes', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 28px;
-          }
-        </style>
-        <ion-datetime-button locale="en-US" datetime="datetime"></ion-datetime-button>
-        <ion-datetime id="datetime" value="2022-01-01T06:30:00" presentation="date-time"></ion-datetime>
-      `, config);
-            const datetimeButton = page.locator('ion-datetime-button');
-            await expect(datetimeButton).toHaveScreenshot(screenshot(`datetime-button-scale`));
-        });
-        test('should wrap text on larger font sizes', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 48px;
-          }
-        </style>
-        <ion-datetime-button locale="en-US" datetime="datetime"></ion-datetime-button>
-        <ion-datetime id="datetime" value="2022-01-01T06:30:00" presentation="date-time"></ion-datetime>
-      `, config);
-            const datetimeButton = page.locator('ion-datetime-button');
-            await expect(datetimeButton).toHaveScreenshot(screenshot(`datetime-button-scale-wrap`));
-        });
-    });
-});