@ionic/core 7.7.4 → 8.0.0-beta.1

package/dist/collection/components/radio/test/legacy/a11y/radio.e2e.js

@@ -1,53 +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 modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('radio: a11y'), () => {
-        test.beforeEach(async ({ page, browserName }) => {
-            await page.goto(`/src/components/radio/test/legacy/a11y`, config);
-            if (browserName === 'webkit') {
-                const radio = page.locator('#first-group ion-radio').first();
-                /**
-                 * Sometimes Safari does not focus the first radio.
-                 * This is a workaround to ensure the first radio is focused.
-                 *
-                 * Wait for the first radio to be rendered before tabbing.
-                 * This is necessary because the first radio may not be rendered
-                 * when the page first loads.
-                 *
-                 * This would cause the first radio to be skipped when tabbing.
-                 */
-                await radio.waitFor();
-            }
-        });
-        test('tabbing should switch between radio groups', async ({ page, pageUtils }) => {
-            const firstGroupRadios = page.locator('#first-group ion-radio');
-            const secondGroupRadios = page.locator('#second-group ion-radio');
-            await pageUtils.pressKeys('Tab');
-            await expect(firstGroupRadios.nth(0)).toBeFocused();
-            await pageUtils.pressKeys('Tab');
-            await expect(secondGroupRadios.nth(0)).toBeFocused();
-            await pageUtils.pressKeys('shift+Tab');
-            await expect(firstGroupRadios.nth(0)).toBeFocused();
-        });
-        test('using arrow keys should move between enabled radios within group', async ({ page, pageUtils }) => {
-            const firstGroupRadios = page.locator('#first-group ion-radio');
-            await pageUtils.pressKeys('Tab');
-            await expect(firstGroupRadios.nth(0)).toBeFocused();
-            await page.keyboard.press('ArrowDown');
-            await expect(firstGroupRadios.nth(1)).toBeFocused();
-            // firstGroupRadios.nth(2) is disabled so it should not receive focus.
-            await page.keyboard.press('ArrowDown');
-            await expect(firstGroupRadios.nth(3)).toBeFocused();
-            await page.keyboard.press('ArrowDown');
-            await expect(firstGroupRadios.nth(0)).toBeFocused();
-            await page.keyboard.press('ArrowUp');
-            await expect(firstGroupRadios.nth(3)).toBeFocused();
-        });
-    });
-});

package/dist/collection/components/radio/test/legacy/basic/radio.e2e.js

@@ -1,127 +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('radio: rendering'), () => {
-        test('should correctly render an unchecked radio group', async ({ page }) => {
-            await page.setContent(`
-        <ion-radio-group>
-          <ion-item>
-            <ion-label>Pepperoni</ion-label>
-            <ion-radio slot="start" value="pepperoni"></ion-radio>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Sausage</ion-label>
-            <ion-radio slot="start" value="sausage"></ion-radio>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Pineapple</ion-label>
-            <ion-radio slot="start" value="pineapple"></ion-radio>
-          </ion-item>
-        </ion-radio-group>
-      `, config);
-            const radioGroup = page.locator('ion-radio-group');
-            await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-unchecked`));
-        });
-        test('should correctly render a checked radio group', async ({ page }) => {
-            await page.setContent(`
-        <ion-radio-group value="sausage">
-          <ion-item>
-            <ion-label>Pepperoni</ion-label>
-            <ion-radio slot="start" value="pepperoni"></ion-radio>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Sausage</ion-label>
-            <ion-radio slot="start" value="sausage"></ion-radio>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Pineapple</ion-label>
-            <ion-radio slot="start" value="pineapple"></ion-radio>
-          </ion-item>
-        </ion-radio-group>
-      `, config);
-            const radioGroup = page.locator('ion-radio-group');
-            await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-checked`));
-        });
-        test('should allow shadow parts to be styled', async ({ page }) => {
-            await page.setContent(`
-        <ion-radio-group value="sausage">
-          <ion-item>
-            <ion-label>Pepperoni</ion-label>
-            <ion-radio slot="start" value="pepperoni"></ion-radio>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Sausage</ion-label>
-            <ion-radio slot="start" value="sausage"></ion-radio>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Pineapple</ion-label>
-            <ion-radio slot="start" value="pineapple"></ion-radio>
-          </ion-item>
-        </ion-radio-group>
-
-        <style>
-          ion-radio::part(container) {
-            background: rgba(255, 0, 0, 0.3);
-            border-color: darkred;
-          }
-
-          ion-radio::part(mark) {
-            background: hotpink;
-          }
-        </style>
-      `, config);
-            const radioGroup = page.locator('ion-radio-group');
-            await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-part`));
-        });
-        test('should apply color correctly', async ({ page }) => {
-            await page.setContent(`
-        <ion-radio legacy="true" value="pepperoni" color="success"></ion-radio>
-      `, config);
-            const radio = page.locator('ion-radio');
-            await radio.click();
-            await page.waitForChanges();
-            await expect(radio).toHaveScreenshot(screenshot(`radio-color`));
-        });
-    });
-});
-configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('radio: interaction'), () => {
-        test('radio should be checked when activated', async ({ page }) => {
-            await page.setContent(`
-        <ion-radio-group>
-          <ion-item>
-            <ion-label>Pepperoni</ion-label>
-            <ion-radio slot="start" value="pepperoni"></ion-radio>
-          </ion-item>
-        </ion-radio-group>
-      `, config);
-            const radio = page.locator('ion-radio');
-            const radioGroup = page.locator('ion-radio-group');
-            await expect(radio.locator('input')).toHaveJSProperty('checked', false);
-            await expect(radioGroup).toHaveJSProperty('value', undefined);
-            await radio.click();
-            await page.waitForChanges();
-            await expect(radio.locator('input')).toHaveJSProperty('checked', true);
-            await expect(radioGroup).toHaveJSProperty('value', 'pepperoni');
-        });
-        test('radio should be checked when activated even without a radio group', async ({ page }) => {
-            await page.setContent(`
-        <ion-radio legacy="true" value="pepperoni"></ion-radio>
-      `, config);
-            const radio = page.locator('ion-radio');
-            await expect(radio.locator('input')).toHaveJSProperty('checked', false);
-            await radio.click();
-            await page.waitForChanges();
-            await expect(radio.locator('input')).toHaveJSProperty('checked', true);
-        });
-    });
-});

package/dist/collection/components/radio-group/test/legacy/basic/radio-group.e2e.js

@@ -1,122 +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('radio-group: basic'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/radio-group/test/legacy/basic`, config);
-            const list = page.locator('ion-list');
-            await expect(list).toHaveScreenshot(screenshot(`radio-group-diff`));
-        });
-    });
-});
-/**
- * This behavior does not vary across modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('radio-group: interaction'), () => {
-        let radioFixture;
-        test.beforeEach(({ page }) => {
-            radioFixture = new RadioFixture(page);
-        });
-        test('spacebar should not deselect without allowEmptySelection', async ({ page }) => {
-            await page.setContent(`
-        <ion-radio-group value="one" allow-empty-selection="false">
-          <ion-item>
-            <ion-label>One</ion-label>
-            <ion-radio id="one" value="one"></ion-radio>
-          </ion-item>
-        </ion-radio-group>
-      `, config);
-            await radioFixture.checkRadio('keyboard');
-            await radioFixture.expectChecked(true);
-        });
-        test('spacebar should deselect with allowEmptySelection', async ({ page }) => {
-            await page.setContent(`
-        <ion-radio-group value="one" allow-empty-selection="true">
-          <ion-item>
-            <ion-label>One</ion-label>
-            <ion-radio id="one" value="one"></ion-radio>
-          </ion-item>
-        </ion-radio-group>
-      `, config);
-            await radioFixture.checkRadio('keyboard');
-            await radioFixture.expectChecked(false);
-        });
-        test('click should not deselect without allowEmptySelection', async ({ page }) => {
-            await page.setContent(`
-        <ion-radio-group value="one" allow-empty-selection="false">
-          <ion-item>
-            <ion-label>One</ion-label>
-            <ion-radio id="one" value="one"></ion-radio>
-          </ion-item>
-        </ion-radio-group>
-      `, config);
-            await radioFixture.checkRadio('mouse');
-            await radioFixture.expectChecked(true);
-        });
-        test('click should deselect with allowEmptySelection', async ({ page }) => {
-            await page.setContent(`
-        <ion-radio-group value="one" allow-empty-selection="true">
-          <ion-item>
-            <ion-label>One</ion-label>
-            <ion-radio id="one" value="one"></ion-radio>
-          </ion-item>
-        </ion-radio-group>
-      `, config);
-            await radioFixture.checkRadio('mouse');
-            await radioFixture.expectChecked(false);
-        });
-        test('programmatically assigning a value should update the checked radio', async ({ page }) => {
-            await page.setContent(`
-        <ion-radio-group value="1">
-          <ion-item>
-            <ion-label>Item 1</ion-label>
-            <ion-radio value="1" slot="start"></ion-radio>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Item 2</ion-label>
-            <ion-radio value="2" slot="start"></ion-radio>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Item 3</ion-label>
-            <ion-radio value="3" slot="start"></ion-radio>
-          </ion-item>
-        </ion-radio-group>
-      `, config);
-            const radioGroup = page.locator('ion-radio-group');
-            const radioOne = page.locator('ion-radio[value="1"]');
-            const radioTwo = page.locator('ion-radio[value="2"]');
-            await radioGroup.evaluate((el) => (el.value = '2'));
-            await page.waitForChanges();
-            await expect(radioOne).not.toHaveClass(/radio-checked/);
-            await expect(radioTwo).toHaveClass(/radio-checked/);
-        });
-    });
-});
-class RadioFixture {
-    constructor(page) {
-        this.page = page;
-    }
-    async checkRadio(method, selector = 'ion-radio') {
-        const { page } = this;
-        const radio = (this.radio = page.locator(selector));
-        if (method === 'keyboard') {
-            await radio.focus();
-            await page.keyboard.press('Space');
-        }
-        else {
-            await radio.click();
-        }
-        await page.waitForChanges();
-        return radio;
-    }
-    async expectChecked(state) {
-        const { radio } = this;
-        await expect(radio.locator('input')).toHaveJSProperty('checked', state);
-    }
-}

package/dist/collection/components/radio-group/test/legacy/form/radio-group.e2e.js

@@ -1,30 +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('radio-group: form'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/radio-group/test/legacy/form', config);
-        });
-        test('selecting an option should update the value', async ({ page }) => {
-            const radioGroup = page.locator('ion-radio-group');
-            const ionChange = await page.spyOnEvent('ionChange');
-            const griffRadio = page.locator('ion-radio[value="griff"]');
-            await expect(radioGroup).toHaveAttribute('value', 'biff');
-            await griffRadio.click();
-            await page.waitForChanges();
-            await expect(ionChange).toHaveReceivedEventDetail({ value: 'griff', event: { isTrusted: true } });
-        });
-        test('selecting a disabled option should not update the value', async ({ page }) => {
-            const value = page.locator('#value');
-            const disabledRadio = page.locator('ion-radio[value="george"]');
-            await expect(value).toHaveText('');
-            await expect(disabledRadio).toHaveAttribute('disabled', '');
-            await disabledRadio.click({ force: true });
-            await page.waitForChanges();
-            await expect(value).toHaveText('');
-        });
-    });
-});

package/dist/collection/components/radio-group/test/legacy/search/radio-group.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";
-/**
- * This behavior does not var across modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('radio-group'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/radio-group/test/legacy/search', config);
-        });
-        test.describe('radio-group: state', () => {
-            test('radio should remain checked after being removed/readded to the dom', async ({ page }) => {
-                const radioGroup = page.locator('ion-radio-group');
-                const radio = page.locator('ion-radio[value=two]');
-                const searchbarInput = page.locator('ion-searchbar input');
-                // select radio
-                await radio.click();
-                await expect(radio.locator('input')).toHaveJSProperty('checked', true);
-                // filter radio so it is not in DOM
-                await page.fill('ion-searchbar input', 'zero');
-                await searchbarInput.evaluate((el) => el.blur());
-                await page.waitForChanges();
-                await expect(radio).toBeHidden();
-                // ensure radio group has the same value
-                await expect(radioGroup).toHaveJSProperty('value', 'two');
-                // clear the search so the radio appears
-                await page.fill('ion-searchbar input', '');
-                await searchbarInput.evaluate((el) => el.blur());
-                await page.waitForChanges();
-                // ensure that the new radio instance is still checked
-                await expect(radio.locator('input')).toHaveJSProperty('checked', true);
-            });
-        });
-    });
-});

package/dist/collection/components/range/test/legacy/a11y/range.e2e.js

@@ -1,49 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../../utils/test/playwright/index";
-/**
- * iOS mode does not display hover/active/focus styles.
- */
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('range: a11y'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.setContent(`<ion-app>
-          <ion-content>
-            <ion-range min="0" max="100" value="80" legacy="true"></ion-range>
-          </ion-content>
-        </ion-app>
-          `, config);
-            const range = page.locator('ion-range');
-            const rangeHandle = range.locator('.range-knob-handle');
-            await rangeHandle.evaluate((el) => el.classList.add('ion-focused'));
-            await page.waitForChanges();
-            await expect(range).toHaveScreenshot(screenshot(`range-focus`));
-            const box = (await rangeHandle.boundingBox());
-            const centerX = box.x + box.width / 2;
-            const centerY = box.y + box.height / 2;
-            await page.mouse.move(centerX, centerY);
-            await page.mouse.down();
-            await page.waitForChanges();
-            await expect(range).toHaveScreenshot(screenshot(`range-active`));
-        });
-    });
-});
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('with pin'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.setContent(`<ion-app>
-          <ion-content>
-            <ion-range min="0" max="100" value="50" pin="true" legacy="true"></ion-range>
-          </ion-content>
-        </ion-app>
-        `, config);
-            const range = page.locator('ion-range');
-            const rangeHandle = range.locator('.range-knob-handle');
-            await rangeHandle.evaluate((el) => el.classList.add('ion-focused'));
-            await page.waitForChanges();
-            await expect(range).toHaveScreenshot(screenshot(`range-focus-with-pin`));
-        });
-    });
-});

package/dist/collection/components/range/test/legacy/active-bar-start/range.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('range: activeBarStart'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/range/test/legacy/active-bar-start`, config);
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`range-activeBarStart-diff`));
-        });
-    });
-});

package/dist/collection/components/range/test/legacy/basic/range.e2e.js

@@ -1,75 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, dragElementBy, test } from "../../../../../utils/test/playwright/index";
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('range: rendering'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/range/test/legacy/basic`, config);
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`range-diff`));
-        });
-    });
-});
-/**
- * This behavior does not vary across modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('range: behavior'), () => {
-        /**
-         * The mouse events are flaky on CI
-         * TODO FW-2873
-         */
-        test.fixme('should emit start/end events', async ({ page }) => {
-            await page.setContent(`<ion-range value="20" legacy="true"></ion-range>`, config);
-            const rangeStart = await page.spyOnEvent('ionKnobMoveStart');
-            const rangeEnd = await page.spyOnEvent('ionKnobMoveEnd');
-            const rangeEl = page.locator('ion-range');
-            await dragElementBy(rangeEl, page, 300, 0);
-            await page.waitForChanges();
-            /**
-             * dragElementBy defaults to starting the drag from the middle of the el,
-             * so the start value should jump to 50 despite the range defaulting to 20.
-             */
-            expect(rangeStart).toHaveReceivedEventDetail({ value: 50 });
-            expect(rangeEnd).toHaveReceivedEventDetail({ value: 100 });
-            /**
-             * Verify both events fire if range is clicked without dragging.
-             */
-            await dragElementBy(rangeEl, page, 0, 0);
-            await page.waitForChanges();
-            expect(rangeStart).toHaveReceivedEventDetail({ value: 50 });
-            expect(rangeEnd).toHaveReceivedEventDetail({ value: 50 });
-        });
-        test('should emit start/end events, keyboard', async ({ page }) => {
-            await page.setContent(`<ion-range value="20" legacy="true"></ion-range>`, config);
-            const rangeStart = await page.spyOnEvent('ionKnobMoveStart');
-            const rangeEnd = await page.spyOnEvent('ionKnobMoveEnd');
-            await page.keyboard.press('Tab'); // focus first range
-            await page.keyboard.press('ArrowRight');
-            await rangeStart.next();
-            await rangeEnd.next();
-            expect(rangeStart).toHaveReceivedEventDetail({ value: 20 });
-            expect(rangeEnd).toHaveReceivedEventDetail({ value: 21 });
-        });
-        // TODO FW-2873
-        test.skip('should not scroll when the knob is swiped', async ({ page, skip }) => {
-            skip.browser('webkit', 'mouse.wheel is not available in WebKit');
-            await page.goto(`/src/components/range/test/legacy/basic`, config);
-            const knobEl = page.locator('ion-range#stacked-range .range-knob-handle');
-            const scrollEl = page.locator('ion-content .inner-scroll');
-            expect(await scrollEl.evaluate((el) => el.scrollTop)).toEqual(0);
-            await dragElementBy(knobEl, page, 30, 0, undefined, undefined, false);
-            /**
-             * Do not use scrollToBottom() or other scrolling methods
-             * on ion-content as those will update the scroll position.
-             * Setting scrollTop still works even with overflow-y: hidden.
-             * However, simulating a user gesture should not scroll the content.
-             */
-            await page.mouse.wheel(0, 100);
-            await page.waitForChanges();
-            expect(await scrollEl.evaluate((el) => el.scrollTop)).toEqual(0);
-        });
-    });
-});

package/dist/collection/components/range/test/legacy/range-events.e2e.js

@@ -1,90 +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('range: events:'), () => {
-        test.describe(' ionChange', () => {
-            test('should not emit if the value is set programmatically', async ({ page }) => {
-                await page.setContent(`<ion-range></ion-range>`, config);
-                const range = page.locator('ion-range');
-                const ionChangeSpy = await page.spyOnEvent('ionChange');
-                await range.evaluate((el) => {
-                    el.value = 50;
-                });
-                await page.waitForChanges();
-                expect(ionChangeSpy).toHaveReceivedEventTimes(0);
-                // Update the value again to make sure it doesn't emit a second time
-                await range.evaluate((el) => {
-                    el.value = 60;
-                });
-                await page.waitForChanges();
-                expect(ionChangeSpy).toHaveReceivedEventTimes(0);
-            });
-            // TODO(FW-2873)
-            test.skip('should emit when the knob is released', async ({ page }) => {
-                await page.setContent(`<ion-range></ion-range>`, config);
-                const rangeHandle = page.locator('ion-range .range-knob-handle');
-                const ionChangeSpy = await page.spyOnEvent('ionChange');
-                const boundingBox = await rangeHandle.boundingBox();
-                await rangeHandle.hover();
-                await page.mouse.down();
-                await page.mouse.move(boundingBox.x + 100, boundingBox.y);
-                await page.mouse.up();
-                await ionChangeSpy.next();
-                expect(ionChangeSpy).toHaveReceivedEventTimes(1);
-            });
-            test('should emit when the knob is moved with the keyboard', async ({ page }) => {
-                await page.setContent(`<ion-range value="50"></ion-range>`, config);
-                const rangeHandle = page.locator('ion-range .range-knob-handle');
-                const ionChangeSpy = await page.spyOnEvent('ionChange');
-                await rangeHandle.click();
-                await page.keyboard.press('ArrowLeft');
-                await ionChangeSpy.next();
-                expect(ionChangeSpy).toHaveReceivedEventDetail({ value: 49 });
-                await page.keyboard.press('ArrowRight');
-                await ionChangeSpy.next();
-                expect(ionChangeSpy).toHaveReceivedEventDetail({ value: 50 });
-                await page.keyboard.press('ArrowUp');
-                await ionChangeSpy.next();
-                expect(ionChangeSpy).toHaveReceivedEventDetail({ value: 51 });
-                await page.keyboard.press('ArrowDown');
-                await ionChangeSpy.next();
-                expect(ionChangeSpy).toHaveReceivedEventDetail({ value: 50 });
-            });
-        });
-        test.describe('ionInput', () => {
-            // TODO(FW-2873) Enable this test when touch events/gestures are better supported in Playwright
-            test.skip('should emit when the knob is dragged', async ({ page }) => {
-                await page.setContent(`<ion-range></ion-range>`, config);
-                const rangeHandle = page.locator('ion-range .range-knob-handle');
-                const ionInputSpy = await page.spyOnEvent('ionInput');
-                const boundingBox = await rangeHandle.boundingBox();
-                await rangeHandle.hover();
-                await page.mouse.down();
-                await page.mouse.move(boundingBox.x + 100, boundingBox.y);
-                await ionInputSpy.next();
-                expect(ionInputSpy).toHaveReceivedEvent();
-            });
-            test('should emit when the knob is moved with the keyboard', async ({ page }) => {
-                await page.setContent(`<ion-range value="50"></ion-range>`, config);
-                const rangeHandle = page.locator('ion-range .range-knob-handle');
-                const ionInputSpy = await page.spyOnEvent('ionInput');
-                await rangeHandle.click();
-                await page.keyboard.press('ArrowLeft');
-                await ionInputSpy.next();
-                expect(ionInputSpy).toHaveReceivedEventDetail({ value: 49 });
-                await page.keyboard.press('ArrowRight');
-                await ionInputSpy.next();
-                expect(ionInputSpy).toHaveReceivedEventDetail({ value: 50 });
-                await page.keyboard.press('ArrowUp');
-                await ionInputSpy.next();
-                expect(ionInputSpy).toHaveReceivedEventDetail({ value: 51 });
-                await page.keyboard.press('ArrowDown');
-                await ionInputSpy.next();
-                expect(ionInputSpy).toHaveReceivedEventDetail({ value: 50 });
-            });
-        });
-    });
-});

package/dist/collection/components/range/test/legacy/scroll-target/range.e2e.js

@@ -1,32 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../../utils/test/playwright/index";
-// TODO FW-2873
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe.skip(title('range: scroll-target'), () => {
-        test('should not scroll when the knob is swiped in custom scroll target', async ({ page, skip }) => {
-            skip.browser('webkit', 'mouse.wheel is not available in WebKit');
-            await page.goto(`/src/components/range/test/legacy/scroll-target`, config);
-            const knobEl = page.locator('ion-range .range-knob-handle');
-            const scrollEl = page.locator('.ion-content-scroll-host');
-            expect(await scrollEl.evaluate((el) => el.scrollTop)).toEqual(0);
-            const box = (await knobEl.boundingBox());
-            const centerX = box.x + box.width / 2;
-            const centerY = box.y + box.height / 2;
-            await page.mouse.move(centerX, centerY);
-            await page.mouse.down();
-            await page.mouse.move(centerX + 30, centerY);
-            /**
-             * Do not use scrollToBottom() or other scrolling methods
-             * on ion-content as those will update the scroll position.
-             * Setting scrollTop still works even with overflow-y: hidden.
-             * However, simulating a user gesture should not scroll the content.
-             */
-            await page.mouse.wheel(0, 100);
-            await page.waitForChanges();
-            expect(await scrollEl.evaluate((el) => el.scrollTop)).toEqual(0);
-        });
-    });
-});

package/dist/collection/components/select/test/legacy/async/select.e2e.js

@@ -1,19 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../../utils/test/playwright/index";
-/**
- * This is checking internal logic. RTL tests are not needed
- */
-configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe.skip(title('select: async'), () => {
-        test('should correctly set the value after a delay', async ({ page }) => {
-            await page.goto(`/src/components/select/test/legacy/async`, config);
-            const selectValueSet = await page.spyOnEvent('selectValueSet');
-            const select = page.locator('#default');
-            await selectValueSet.next();
-            await expect(select).toHaveJSProperty('value', 'bird');
-        });
-    });
-});