voyager-ionic-core 8.2.0 → 8.2.5

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

@@ -1,68 +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: disabled'), () => {
-        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 disabled></ion-datetime>
-    `, config);
-            const datetime = page.locator('ion-datetime');
-            await expect(datetime).toHaveScreenshot(screenshot(`datetime-disabled`));
-        });
-        test('date should be disabled', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime value="2022-02-28" disabled></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('month-year button should be disabled', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime value="2022-02-28" disabled></ion-datetime>
-    `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const calendarMonthYear = page.locator('ion-datetime .calendar-month-year');
-            await expect(calendarMonthYear.locator('button')).toBeDisabled();
-        });
-        test('next and prev buttons should be disabled', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime value="2022-02-28" disabled></ion-datetime>
-    `, config);
-            const prevMonthButton = page.locator('ion-datetime .calendar-next-prev ion-button:first-of-type button');
-            const nextMonthButton = page.locator('ion-datetime .calendar-next-prev ion-button:last-of-type button');
-            await expect(prevMonthButton).toBeDisabled();
-            await expect(nextMonthButton).toBeDisabled();
-        });
-        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" disabled></ion-datetime>
-    `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const clearButton = page.locator('#clear-button button');
-            await expect(clearButton).toBeDisabled();
-        });
-        test('should not navigate through months via right arrow key', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime value="2022-02-28" disabled></ion-datetime>
-    `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const calendarMonthYear = page.locator('ion-datetime .calendar-month-year');
-            const calendarBody = page.locator('.calendar-body');
-            await expect(calendarMonthYear).toHaveText('February 2022');
-            await calendarBody.focus();
-            await page.waitForChanges();
-            await page.keyboard.press('ArrowRight');
-            await page.waitForChanges();
-            await expect(calendarMonthYear).toHaveText('February 2022');
-        });
-    });
-});

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

@@ -1,33 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { Datetime } from "../../../datetime/datetime";
-import { PickerColumn } from "../../../picker-column/picker-column";
-import { Picker } from "../../../picker/picker";
-describe('ion-datetime disabled', () => {
-    beforeEach(() => {
-        // IntersectionObserver isn't available in test environment
-        const mockIntersectionObserver = jest.fn();
-        mockIntersectionObserver.mockReturnValue({
-            observe: () => null,
-            unobserve: () => null,
-            disconnect: () => null,
-        });
-        global.IntersectionObserver = mockIntersectionObserver;
-    });
-    it('picker should be disabled in prefer wheel mode', async () => {
-        const page = await newSpecPage({
-            components: [Datetime, PickerColumn, Picker],
-            template: () => (h("ion-datetime", { id: "inline-datetime-wheel", disabled: true, "prefer-wheel": true, value: "2022-04-21T00:00:00" })),
-        });
-        await page.waitForChanges();
-        const datetime = page.body.querySelector('ion-datetime');
-        const columns = datetime.shadowRoot.querySelectorAll('ion-picker-column');
-        await expect(columns.length).toEqual(4);
-        columns.forEach((column) => {
-            expect(column.disabled).toBe(true);
-        });
-    });
-});

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

@@ -1,121 +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 vary across directions
- * since it is texting fixed vs fluid widths.
- */
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('datetime: rendering'), () => {
-        test.describe('fixed sizes', () => {
-            test('date-time should not have any visual regressions', async ({ page }) => {
-                await page.setContent(`
-          <ion-datetime value="2022-02-22T16:30:00" presentation="date-time"></ion-datetime>
-        `, config);
-                await page.locator('.datetime-ready').waitFor();
-                const datetime = page.locator('ion-datetime');
-                await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-date-time`));
-            });
-            test('time-date should not have any visual regressions', async ({ page }) => {
-                await page.setContent(`
-          <ion-datetime value="2022-02-22T16:30:00" presentation="time-date"></ion-datetime>
-        `, config);
-                await page.locator('.datetime-ready').waitFor();
-                const datetime = page.locator('ion-datetime');
-                await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-time-date`));
-            });
-            test('time should not have any visual regressions', async ({ page }) => {
-                await page.setContent(`
-          <ion-datetime value="2022-02-22T16:30:00" presentation="time"></ion-datetime>
-        `, config);
-                await page.locator('.datetime-ready').waitFor();
-                const datetime = page.locator('ion-datetime');
-                await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-time`));
-            });
-            test('date should not have any visual regressions', async ({ page }) => {
-                await page.setContent(`
-          <ion-datetime value="2022-02-22T16:30:00" presentation="date"></ion-datetime>
-        `, config);
-                await page.locator('.datetime-ready').waitFor();
-                const datetime = page.locator('ion-datetime');
-                await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-date`));
-            });
-        });
-        test.describe('cover sizes', () => {
-            test.beforeEach(async ({ page }) => {
-                /**
-                 * We need to take a screenshot of the entire page
-                 * here as we want to test that the datetime fills
-                 * the entire screen.
-                 */
-                await page.setViewportSize({ width: 500, height: 500 });
-            });
-            test('date-time should not have any visual regressions', async ({ page }) => {
-                await page.setContent(`
-          <ion-datetime size="cover" value="2022-02-22T16:30:00" presentation="date-time"></ion-datetime>
-        `, config);
-                await page.locator('.datetime-ready').waitFor();
-                const datetime = page.locator('ion-datetime');
-                await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-cover-date-time`));
-            });
-            test('time-date should not have any visual regressions', async ({ page }) => {
-                await page.setContent(`
-          <ion-datetime size="cover" value="2022-02-22T16:30:00" presentation="time-date"></ion-datetime>
-        `, config);
-                await page.locator('.datetime-ready').waitFor();
-                const datetime = page.locator('ion-datetime');
-                await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-cover-time-date`));
-            });
-            test('time should not have any visual regressions', async ({ page }) => {
-                await page.setContent(`
-          <ion-datetime size="cover" value="2022-02-22T16:30:00" presentation="time"></ion-datetime>
-        `, config);
-                await page.locator('.datetime-ready').waitFor();
-                const datetime = page.locator('ion-datetime');
-                await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-cover-time`));
-            });
-            test('date should not have any visual regressions', async ({ page }) => {
-                await page.setContent(`
-          <ion-datetime size="cover" value="2022-02-22T16:30:00" presentation="date"></ion-datetime>
-        `, config);
-                await page.locator('.datetime-ready').waitFor();
-                const datetime = page.locator('ion-datetime');
-                await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-cover-date`));
-            });
-        });
-    });
-});
-/**
- * This is testing functionality
- * and does not vary across modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('datetime: switch presentations'), () => {
-        test('month selection should work after changing presentation', async ({ page }) => {
-            await page.goto('/src/components/datetime/test/display', config);
-            const ionWorkingPartsDidChange = await page.spyOnEvent('ionWorkingPartsDidChange');
-            await page.locator('.datetime-ready').waitFor();
-            const select = page.locator('select#presentation');
-            await select.selectOption('date-time');
-            await page.waitForChanges();
-            await select.selectOption('time-date');
-            await page.waitForChanges();
-            const nextMonthButton = page.locator('ion-datetime .calendar-next-prev ion-button + ion-button');
-            await nextMonthButton.click();
-            await page.waitForChanges();
-            await ionWorkingPartsDidChange.next();
-            const calendarMonthYear = page.locator('ion-datetime .calendar-month-year');
-            await expect(calendarMonthYear).toHaveText(/March 2022/);
-            // ensure it still works if presentation is changed more than once
-            await select.selectOption('date-time');
-            await page.waitForChanges();
-            const prevMonthButton = page.locator('ion-datetime .calendar-next-prev ion-button:first-child');
-            await prevMonthButton.click();
-            await page.waitForChanges();
-            await ionWorkingPartsDidChange.next();
-            await expect(calendarMonthYear).toHaveText(/February 2022/);
-        });
-    });
-});

package/dist/collection/components/datetime/test/first-day-of-week/datetime.e2e.js

@@ -1,14 +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: first day of the week'), () => {
-        test('should set the first day of the week correctly', async ({ page }) => {
-            await page.goto('/src/components/datetime/test/first-day-of-week', config);
-            const datetime = page.locator('ion-datetime');
-            await expect(datetime).toHaveScreenshot(screenshot(`datetime-day-of-week`));
-        });
-    });
-});

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

@@ -1,174 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { generateDayAriaLabel, getFormattedHour, addTimePadding, getMonthAndYear, getLocalizedDayPeriod, getLocalizedTime, stripTimeZone, } from "../utils/format";
-describe('generateDayAriaLabel()', () => {
-    it('should return Wednesday, May 12', () => {
-        const reference = { month: 5, day: 12, year: 2021 };
-        expect(generateDayAriaLabel('en-US', false, reference)).toEqual('Wednesday, May 12');
-    });
-    it('should return Today, Wednesday, May 12', () => {
-        const reference = { month: 5, day: 12, year: 2021 };
-        expect(generateDayAriaLabel('en-US', true, reference)).toEqual('Today, Wednesday, May 12');
-    });
-    it('should return Saturday, May 1', () => {
-        const reference = { month: 5, day: 1, year: 2021 };
-        expect(generateDayAriaLabel('en-US', false, reference)).toEqual('Saturday, May 1');
-    });
-    it('should return Monday, May 31', () => {
-        const reference = { month: 5, day: 31, year: 2021 };
-        expect(generateDayAriaLabel('en-US', false, reference)).toEqual('Monday, May 31');
-    });
-    it('should return Saturday, April 1', () => {
-        const reference = { month: 4, day: 1, year: 2006 };
-        expect(generateDayAriaLabel('en-US', false, reference)).toEqual('Saturday, April 1');
-    });
-});
-describe('getFormattedHour()', () => {
-    it('should only add padding if using 24 hour time', () => {
-        expect(getFormattedHour(1, 'h11')).toEqual('1');
-        expect(getFormattedHour(1, 'h12')).toEqual('1');
-        expect(getFormattedHour(1, 'h23')).toEqual('01');
-        expect(getFormattedHour(1, 'h24')).toEqual('01');
-    });
-    it('should return correct hour value for hour cycle', () => {
-        expect(getFormattedHour(0, 'h11')).toEqual('0');
-        expect(getFormattedHour(0, 'h12')).toEqual('12');
-        expect(getFormattedHour(0, 'h23')).toEqual('00');
-        expect(getFormattedHour(0, 'h24')).toEqual('24');
-    });
-});
-describe('addTimePadding()', () => {
-    it('should add correct amount of padding', () => {
-        expect(addTimePadding(0)).toEqual('00');
-        expect(addTimePadding(9)).toEqual('09');
-        expect(addTimePadding(10)).toEqual('10');
-        expect(addTimePadding(100)).toEqual('100');
-    });
-});
-describe('getMonthAndYear()', () => {
-    it('should return May 2021', () => {
-        expect(getMonthAndYear('en-US', { month: 5, day: 11, year: 2021 })).toEqual('May 2021');
-    });
-    it('should return mayo de 2021', () => {
-        expect(getMonthAndYear('es-ES', { month: 5, day: 11, year: 2021 })).toEqual('mayo de 2021');
-    });
-    it('should return April 2006', () => {
-        expect(getMonthAndYear('en-US', { month: 4, day: 1, year: 2006 })).toEqual('April 2006');
-    });
-    it('should return abril de 2006', () => {
-        expect(getMonthAndYear('es-ES', { month: 4, day: 1, year: 2006 })).toEqual('abril de 2006');
-    });
-});
-describe('getLocalizedDayPeriod', () => {
-    it('should return AM when the date is in the morning', () => {
-        expect(getLocalizedDayPeriod('en-US', 'am'));
-    });
-    it('should return PM when the date is in the afternoon', () => {
-        expect(getLocalizedDayPeriod('en-US', 'pm'));
-    });
-});
-describe('getLocalizedTime', () => {
-    it('should localize the time to PM', () => {
-        const datetimeParts = {
-            day: 1,
-            month: 1,
-            year: 2022,
-            hour: 13,
-            minute: 40,
-        };
-        expect(getLocalizedTime('en-US', datetimeParts, 'h12')).toEqual('1:40 PM');
-    });
-    it('should localize the time to AM', () => {
-        const datetimeParts = {
-            day: 1,
-            month: 1,
-            year: 2022,
-            hour: 9,
-            minute: 40,
-        };
-        expect(getLocalizedTime('en-US', datetimeParts, 'h12')).toEqual('9:40 AM');
-    });
-    it('should avoid Chromium bug when using 12 hour time in a 24 hour locale', () => {
-        const datetimeParts = {
-            day: 1,
-            month: 1,
-            year: 2022,
-            hour: 0,
-            minute: 0,
-        };
-        expect(getLocalizedTime('en-GB', datetimeParts, 'h12')).toEqual('12:00 am');
-    });
-    it('should parse time-only values correctly', () => {
-        const datetimeParts = {
-            hour: 22,
-            minute: 40,
-        };
-        expect(getLocalizedTime('en-US', datetimeParts, 'h12')).toEqual('10:40 PM');
-        expect(getLocalizedTime('en-US', datetimeParts, 'h23')).toEqual('22:40');
-    });
-    it('should use formatOptions', () => {
-        const datetimeParts = {
-            day: 1,
-            month: 1,
-            year: 2022,
-            hour: 9,
-            minute: 40,
-        };
-        const formatOptions = {
-            hour: '2-digit',
-            minute: '2-digit',
-            dayPeriod: 'short',
-            day: '2-digit',
-        };
-        // Even though this method is intended to be used for time, the date may be displayed as well when passing formatOptions
-        expect(getLocalizedTime('en-US', datetimeParts, 'h12', formatOptions)).toEqual('01, 09:40 in the morning');
-    });
-    it('should override provided time zone with UTC', () => {
-        const datetimeParts = {
-            day: 1,
-            month: 1,
-            year: 2022,
-            hour: 9,
-            minute: 40,
-        };
-        const formatOptions = {
-            timeZone: 'Australia/Sydney',
-            timeZoneName: 'long',
-            hour: 'numeric',
-            minute: 'numeric',
-        };
-        expect(getLocalizedTime('en-US', datetimeParts, 'h12', formatOptions)).toEqual('9:40 AM');
-    });
-    it('should not include time zone name', () => {
-        const datetimeParts = {
-            day: 1,
-            month: 1,
-            year: 2022,
-            hour: 9,
-            minute: 40,
-        };
-        const formatOptions = {
-            timeZone: 'America/Los_Angeles',
-            timeZoneName: 'long',
-            hour: 'numeric',
-            minute: 'numeric',
-        };
-        expect(getLocalizedTime('en-US', datetimeParts, 'h12', formatOptions)).toEqual('9:40 AM');
-    });
-});
-describe('stripTimeZone', () => {
-    it('should remove the time zone name from the options and set the time zone to UTC', () => {
-        const formatOptions = {
-            timeZone: 'America/Los_Angeles',
-            timeZoneName: 'long',
-            hour: 'numeric',
-            minute: 'numeric',
-        };
-        expect(stripTimeZone(formatOptions)).toEqual({
-            timeZone: 'UTC',
-            hour: 'numeric',
-            minute: 'numeric',
-        });
-    });
-});

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

@@ -1,72 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { isLeapYear, getNumDaysInMonth, is24Hour, isMonthFirstLocale, getHourCycle } from "../utils/helpers";
-describe('daysInMonth()', () => {
-    it('should return correct days in month for month and year', () => {
-        expect(getNumDaysInMonth(1, 2019)).toBe(31);
-        expect(getNumDaysInMonth(2, 2019)).toBe(28);
-        expect(getNumDaysInMonth(3, 2019)).toBe(31);
-        expect(getNumDaysInMonth(4, 2019)).toBe(30);
-        expect(getNumDaysInMonth(5, 2019)).toBe(31);
-        expect(getNumDaysInMonth(6, 2019)).toBe(30);
-        expect(getNumDaysInMonth(7, 2019)).toBe(31);
-        expect(getNumDaysInMonth(8, 2019)).toBe(31);
-        expect(getNumDaysInMonth(9, 2019)).toBe(30);
-        expect(getNumDaysInMonth(10, 2019)).toBe(31);
-        expect(getNumDaysInMonth(11, 2019)).toBe(30);
-        expect(getNumDaysInMonth(12, 2019)).toBe(31);
-        expect(getNumDaysInMonth(2, 2020)).toBe(29);
-        expect(getNumDaysInMonth(2, 2021)).toBe(28);
-        expect(getNumDaysInMonth(2, 1900)).toBe(28);
-        expect(getNumDaysInMonth(2, 1800)).toBe(28);
-        expect(getNumDaysInMonth(2, 2400)).toBe(29);
-    });
-});
-describe('isLeapYear()', () => {
-    it('should return true if year is leapyear', () => {
-        expect(isLeapYear(2096)).toBe(true);
-        expect(isLeapYear(2021)).toBe(false);
-        expect(isLeapYear(2012)).toBe(true);
-        expect(isLeapYear(2000)).toBe(true);
-        expect(isLeapYear(1900)).toBe(false);
-        expect(isLeapYear(1800)).toBe(false);
-    });
-});
-describe('is24Hour()', () => {
-    it('should return true if the locale uses 24 hour time', () => {
-        expect(is24Hour('h11')).toBe(false);
-        expect(is24Hour('h12')).toBe(false);
-        expect(is24Hour('h23')).toBe(true);
-        expect(is24Hour('h24')).toBe(true);
-    });
-});
-describe('getHourCycle()', () => {
-    it('should return the correct hour cycle', () => {
-        expect(getHourCycle('en-US')).toBe('h12');
-        expect(getHourCycle('en-US', 'h23')).toBe('h23');
-        expect(getHourCycle('en-US', 'h12')).toBe('h12');
-        expect(getHourCycle('en-US-u-hc-h23')).toBe('h23');
-        expect(getHourCycle('en-GB')).toBe('h23');
-        expect(getHourCycle('en-GB', 'h23')).toBe('h23');
-        expect(getHourCycle('en-GB', 'h12')).toBe('h12');
-        expect(getHourCycle('en-GB-u-hc-h12')).toBe('h12');
-        expect(getHourCycle('en-GB', 'h11')).toBe('h11');
-        expect(getHourCycle('en-GB-u-hc-h11')).toBe('h11');
-        expect(getHourCycle('en-GB', 'h24')).toBe('h24');
-        expect(getHourCycle('en-GB-u-hc-h24')).toBe('h24');
-    });
-});
-describe('isMonthFirstLocale()', () => {
-    it('should return true if the locale shows months first', () => {
-        expect(isMonthFirstLocale('en-US')).toBe(true);
-        expect(isMonthFirstLocale('en-GB')).toBe(true);
-        expect(isMonthFirstLocale('es-ES')).toBe(true);
-        expect(isMonthFirstLocale('ro-RO')).toBe(true);
-    });
-    it('should return false if the locale shows years first', () => {
-        expect(isMonthFirstLocale('zh-CN')).toBe(false);
-        expect(isMonthFirstLocale('ja-JP')).toBe(false);
-        expect(isMonthFirstLocale('ko-KR')).toBe(false);
-    });
-});

package/dist/collection/components/datetime/test/highlighted-dates/datetime.e2e.js

@@ -1,86 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('datetime: highlightedDates'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime value="2023-01-01" locale="en-US"></ion-datetime>
-      `, config);
-        });
-        test('should render highlights correctly when using an array', async ({ page }) => {
-            const datetime = page.locator('ion-datetime');
-            await datetime.evaluate((el) => {
-                el.highlightedDates = [
-                    {
-                        date: '2023-01-01', // ensure selected date style overrides highlight
-                        textColor: '#800080',
-                        backgroundColor: '#ffc0cb',
-                    },
-                    {
-                        date: '2023-01-02',
-                        textColor: '#b22222',
-                        backgroundColor: '#fa8072',
-                    },
-                    {
-                        date: '2023-01-03',
-                        textColor: '#0000ff',
-                        backgroundColor: '#add8e6',
-                    },
-                ];
-            });
-            await page.waitForChanges();
-            await expect(datetime).toHaveScreenshot(screenshot(`datetime-highlightedDates-array`));
-        });
-        test('should render highlights correctly when using a callback', async ({ page }) => {
-            const datetime = page.locator('ion-datetime');
-            await datetime.evaluate((el) => {
-                el.highlightedDates = (isoString) => {
-                    const date = new Date(isoString);
-                    const utcDay = date.getUTCDate();
-                    // ensure selected date style overrides highlight
-                    if (utcDay === 1) {
-                        return {
-                            textColor: '#b22222',
-                            backgroundColor: '#fa8072',
-                        };
-                    }
-                    if (utcDay % 5 === 0) {
-                        return {
-                            textColor: '#800080',
-                            backgroundColor: '#ffc0cb',
-                        };
-                    }
-                    if (utcDay % 3 === 0) {
-                        return {
-                            textColor: '#0000ff',
-                            backgroundColor: '#add8e6',
-                        };
-                    }
-                    return undefined;
-                };
-            });
-            await page.waitForChanges();
-            await expect(datetime).toHaveScreenshot(screenshot(`datetime-highlightedDates-callback`));
-        });
-        test('should render highlights correctly when only using one color or the other', async ({ page }) => {
-            const datetime = page.locator('ion-datetime');
-            await datetime.evaluate((el) => {
-                el.highlightedDates = [
-                    {
-                        date: '2023-01-02',
-                        backgroundColor: '#fa8072',
-                    },
-                    {
-                        date: '2023-01-03',
-                        textColor: '#0000ff',
-                    },
-                ];
-            });
-            await page.waitForChanges();
-            await expect(datetime).toHaveScreenshot(screenshot(`datetime-highlightedDates-single-color`));
-        });
-    });
-});

package/dist/collection/components/datetime/test/hour-cycle/datetime.e2e.js

@@ -1,37 +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: hour cycle'), () => {
-        test('should set the h23 hour cycle correctly', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime hour-cycle="h23" value="2022-01-01T16:30:00"></ion-datetime>
-      `, config);
-            const timeButton = page.locator('ion-datetime .time-body');
-            await expect(timeButton).toHaveText('16:30');
-        });
-        test('should set the h12 hour cycle correctly', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime hour-cycle="h12" value="2022-01-01T16:30:00"></ion-datetime>
-      `, config);
-            const timeButton = page.locator('ion-datetime .time-body');
-            await expect(timeButton).toHaveText('4:30 PM');
-        });
-        test('should set the h11 hour cycle correctly', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime hour-cycle="h11" value="2022-01-01T00:30:00"></ion-datetime>
-      `, config);
-            const timeButton = page.locator('ion-datetime .time-body');
-            await expect(timeButton).toHaveText('0:30 AM');
-        });
-        test('should set the h24 hour cycle correctly', async ({ page }) => {
-            await page.setContent(`
-        <ion-datetime hour-cycle="h24" value="2022-01-01T00:30:00"></ion-datetime>
-      `, config);
-            const timeButton = page.locator('ion-datetime .time-body');
-            await expect(timeButton).toHaveText('24:30');
-        });
-    });
-});