voyager-ionic-core 8.2.0 → 8.2.5

package/dist/collection/components/icon/test/dir/icon.e2e.js

@@ -1,23 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('icon: rtl'), () => {
-        test('should flip icon when rtl is active', async ({ page }) => {
-            await page.setContent(`
-        <ion-icon name="cut" flip-rtl="true"></ion-icon>
-      `, config);
-            const icon = page.locator('ion-icon');
-            await expect(icon).toHaveScreenshot(screenshot(`icon-flip`));
-        });
-        test('should not flip icon when rtl is active', async ({ page }) => {
-            await page.setContent(`
-        <ion-icon name="cut" flip-rtl="false"></ion-icon>
-      `, config);
-            const icon = page.locator('ion-icon');
-            await expect(icon).toHaveScreenshot(screenshot(`icon-no-flip`));
-        });
-    });
-});

package/dist/collection/components/img/test/basic/img.e2e.js

@@ -1,73 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('img: basic'), () => {
-        // TODO FW-3596
-        test.describe.skip('image successfully loads', () => {
-            let ionImgWillLoad;
-            let ionImgDidLoad;
-            test.beforeEach(async ({ page }) => {
-                await page.route('**/*', (route) => {
-                    if (route.request().resourceType() === 'image') {
-                        return route.fulfill({
-                            status: 200,
-                            contentType: 'image/png',
-                            body: Buffer.from('iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIwAAAABJRU5ErkJggg==', 'base64'),
-                        });
-                    }
-                    return route.continue();
-                });
-                /**
-                 * We render the img intentionally without providing a source,
-                 * to allow the event spies to be set-up before the events
-                 * can be emitted.
-                 *
-                 * Later we will assign an image source to load.
-                 */
-                await page.setContent('<ion-img></ion-img>', config);
-                ionImgDidLoad = await page.spyOnEvent('ionImgDidLoad');
-                ionImgWillLoad = await page.spyOnEvent('ionImgWillLoad');
-                const ionImg = page.locator('ion-img');
-                await ionImg.evaluate((el) => {
-                    el.src = 'https://via.placeholder.com/150';
-                    return el;
-                });
-            });
-            test('should emit ionImgWillLoad', async () => {
-                await ionImgWillLoad.next();
-                expect(ionImgWillLoad).toHaveReceivedEventTimes(1);
-            });
-            test('should emit ionImgDidLoad', async () => {
-                await ionImgDidLoad.next();
-                expect(ionImgWillLoad).toHaveReceivedEventTimes(1);
-            });
-        });
-        test.describe('image fails to load', () => {
-            let ionError;
-            test.beforeEach(async ({ page }) => {
-                await page.route('**/*', (route) => route.request().resourceType() === 'image' ? route.abort() : route.continue());
-                /**
-                 * We render the img intentionally without providing a source,
-                 * to allow the event spies to be set-up before the events
-                 * can be emitted.
-                 *
-                 * Later we will assign an image source to load.
-                 */
-                await page.setContent('<ion-img></ion-img>', config);
-                ionError = await page.spyOnEvent('ionError');
-                const ionImg = page.locator('ion-img');
-                await ionImg.evaluate((el) => {
-                    el.src = 'https://via.placeholder.com/150';
-                    return el;
-                });
-            });
-            test('should emit ionError', async () => {
-                await ionError.next();
-                expect(ionError).toHaveReceivedEventTimes(1);
-            });
-        });
-    });
-});

package/dist/collection/components/img/test/draggable/img.e2e.js

@@ -1,21 +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('img: draggable'), () => {
-        test('should correctly set draggable attribute on inner img element', async ({ page }) => {
-            await page.goto('/src/components/img/test/draggable', config);
-            const imgDraggableTrue = page.locator('#img-draggable-true img');
-            await expect(imgDraggableTrue).toHaveAttribute('draggable', 'true');
-            const imgDraggableFalse = page.locator('#img-draggable-false img');
-            await expect(imgDraggableFalse).toHaveAttribute('draggable', 'false');
-            const imgDraggableUnset = page.locator('#img-draggable-unset img');
-            expect(await imgDraggableUnset.getAttribute('draggable')).toBeNull();
-        });
-    });
-});

package/dist/collection/components/infinite-scroll/test/basic/infinite-scroll.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";
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('infinite-scroll: basic'), () => {
-        test('should load more items when scrolled to the bottom', async ({ page }) => {
-            await page.goto('/src/components/infinite-scroll/test/basic', config);
-            const ionInfiniteComplete = await page.spyOnEvent('ionInfiniteComplete');
-            const content = page.locator('ion-content');
-            const items = page.locator('ion-item');
-            expect(await items.count()).toBe(30);
-            await content.evaluate((el) => el.scrollToBottom(0));
-            await ionInfiniteComplete.next();
-            expect(await items.count()).toBe(60);
-        });
-    });
-});

package/dist/collection/components/infinite-scroll/test/scroll-target/infinite-scroll.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";
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('infinite-scroll: scroll-target'), () => {
-        test('should load more items when scroll target is scrolled to the bottom', async ({ page }) => {
-            await page.goto('/src/components/infinite-scroll/test/scroll-target', config);
-            const ionInfiniteComplete = await page.spyOnEvent('ionInfiniteComplete');
-            const content = page.locator('#scroll-target');
-            const items = page.locator('ion-item');
-            expect(await items.count()).toBe(30);
-            await content.evaluate((el) => (el.scrollTop = el.scrollHeight));
-            await ionInfiniteComplete.next();
-            expect(await items.count()).toBe(60);
-        });
-    });
-});

package/dist/collection/components/infinite-scroll/test/small-dom-update/infinite-scroll.e2e.js

@@ -1,31 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('infinite-scroll: appending small amounts to dom'), () => {
-        test('should load more after remaining in threshold', async ({ page }) => {
-            await page.goto('/src/components/infinite-scroll/test/small-dom-update', config);
-            const ionInfiniteComplete = await page.spyOnEvent('ionInfiniteComplete');
-            const content = page.locator('ion-content');
-            const items = page.locator('#list .item');
-            expect(await items.count()).toBe(30);
-            await content.evaluate((el) => el.scrollToBottom(0));
-            await ionInfiniteComplete.next();
-            /**
-             * Even after appending we'll still be within
-             * the infinite scroll's threshold
-             */
-            expect(await items.count()).toBe(33);
-            await content.evaluate((el) => el.scrollToBottom(0));
-            await ionInfiniteComplete.next();
-            /**
-             * Scrolling down again without leaving
-             * the threshold should still trigger
-             * infinite scroll again.
-             */
-            expect(await items.count()).toBe(36);
-        });
-    });
-});

package/dist/collection/components/infinite-scroll/test/top/infinite-scroll.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";
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('infinite-scroll: top'), () => {
-        test('should load more items when scrolled to the top', async ({ page }) => {
-            await page.goto('/src/components/infinite-scroll/test/top', config);
-            const ionInfiniteComplete = await page.spyOnEvent('ionInfiniteComplete');
-            const content = page.locator('ion-content');
-            const items = page.locator('ion-item');
-            expect(await items.count()).toBe(30);
-            await content.evaluate((el) => el.scrollToTop(0));
-            await ionInfiniteComplete.next();
-            expect(await items.count()).toBe(60);
-        });
-    });
-});

package/dist/collection/components/infinite-scroll-content/test/infinite-scroll-content.spec.js

@@ -1,37 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { config } from "../../../global/config";
-import { InfiniteScrollContent } from "../infinite-scroll-content";
-describe('infinite-scroll-content: custom html', () => {
-    it('should not allow for custom html by default', async () => {
-        const page = await newSpecPage({
-            components: [InfiniteScrollContent],
-            html: `<ion-infinite-scroll-content loading-text="<button class='custom-html'>Custom Text</button>"></ion-infinite-scroll-content>`,
-        });
-        const content = page.body.querySelector('.infinite-loading-text');
-        expect(content.textContent).toContain('Custom Text');
-        expect(content.querySelector('button.custom-html')).toBe(null);
-    });
-    it('should allow for custom html', async () => {
-        config.reset({ innerHTMLTemplatesEnabled: true });
-        const page = await newSpecPage({
-            components: [InfiniteScrollContent],
-            html: `<ion-infinite-scroll-content loading-text="<button class='custom-html'>Custom Text</button>"></ion-infinite-scroll-content>`,
-        });
-        const content = page.body.querySelector('.infinite-loading-text');
-        expect(content.textContent).toContain('Custom Text');
-        expect(content.querySelector('button.custom-html')).not.toBe(null);
-    });
-    it('should not allow for custom html', async () => {
-        config.reset({ innerHTMLTemplatesEnabled: false });
-        const page = await newSpecPage({
-            components: [InfiniteScrollContent],
-            html: `<ion-infinite-scroll-content loading-text="<button class='custom-html'>Custom Text2</button>"></ion-infinite-scroll-content>`,
-        });
-        const content = page.body.querySelector('.infinite-loading-text');
-        expect(content.textContent).toContain('Custom Text');
-        expect(content.querySelector('button.custom-html')).toBe(null);
-    });
-});

package/dist/collection/components/input/test/a11y/input.e2e.js

@@ -1,67 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import AxeBuilder from "@axe-core/playwright";
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ directions: ['ltr'], palettes: ['light', 'dark'] }).forEach(({ title, config }) => {
-    test.describe(title('input: a11y'), () => {
-        test('default layout should not have accessibility violations', async ({ page }) => {
-            await page.setContent(`
-        <main>
-          <ion-input label="Label" placeholder="Placeholder"></ion-input>
-          <ion-input placeholder="Placeholder">
-            <div slot="label">Label"></div>
-          </ion-input>
-          <ion-input label="Label" value="My Text"></ion-input>
-          <ion-input aria-label="Label"></ion-input>
-          <ion-input label="Email" fill="solid" value="hi@ionic.io">
-            <ion-icon slot="start" name="lock-closed" aria-hidden="true"></ion-icon>
-            <ion-button slot="end" aria-label="button">
-              <ion-icon slot="icon-only" name="lock-closed" aria-hidden="true"></ion-icon>
-            </ion-button>
-          </ion-input>
-        </main>
-      `, config);
-            const results = await new AxeBuilder({ page }).analyze();
-            expect(results.violations).toEqual([]);
-        });
-        test('focused state should not have accessibility violations', async ({ page }) => {
-            /**
-             * The primary color against the focus background
-             * when using fill="solid" does not meet AA
-             * contrast guidelines so it excluded from the test.
-             * The contrast here is a significant improvement
-             * over what Ionic has had in the past, so the team
-             * has decided that this tradeoff is acceptable since
-             * the scope of the problem is limited to the focus
-             * state with the primary color when fill="solid".
-             */
-            await page.setContent(`
-        <main>
-          <ion-input class="has-focus" label="Label" value="My Text"></ion-input>
-          <ion-input class="has-focus" label-placement="floating" label="Label" value="My Text"></ion-input>
-          <ion-input class="has-focus" fill="outline" label-placement="floating" label="Label" value="My Text"></ion-input>
-        </main>
-      `, config);
-            const results = await new AxeBuilder({ page }).analyze();
-            expect(results.violations).toEqual([]);
-        });
-    });
-});
-configs({ directions: ['ltr'] }).forEach(({ title, config, screenshot }) => {
-    test.describe(title('input: font scaling'), () => {
-        test('should scale text on larger font sizes', async ({ page }) => {
-            await page.setContent(`
-          <style>
-            html {
-              font-size: 310%;
-            }
-          </style>
-          <ion-input label="Email" helper-text="Enter your email"></ion-input>
-        `, config);
-            const input = page.locator('ion-input');
-            await expect(input).toHaveScreenshot(screenshot('input-scale'));
-        });
-    });
-});

package/dist/collection/components/input/test/basic/input.e2e.js

@@ -1,102 +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('input: basic'), () => {
-        test.describe('input with overflow', () => {
-            test('should not have visual regressions', async ({ page }) => {
-                await page.setContent(`
-          <ion-input aria-label="Long Input" value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges"></ion-input>
-        `, config);
-                const input = page.locator('ion-input');
-                // Validates the display of an input where text extends off the edge of the component.
-                await expect(input).toHaveScreenshot(screenshot(`input-with-text-overflow`));
-            });
-        });
-        test.describe('input with placeholder', () => {
-            test('should not have visual regressions', async ({ page }) => {
-                await page.setContent(`
-          <ion-input aria-label="Input with Placeholder" placeholder="Placeholder"></ion-input>
-        `, config);
-                const input = page.locator('ion-input');
-                // Validates the display of an input with a placeholder.
-                await expect(input).toHaveScreenshot(screenshot(`input-with-placeholder`));
-            });
-        });
-        test.describe('input with clear button', () => {
-            test('should not have visual regressions with default label', async ({ page }) => {
-                await page.setContent(`
-          <ion-input
-            label="Label"
-            clear-input="true"
-            value="Text"
-          ></ion-input>
-        `, config);
-                const input = page.locator('ion-input');
-                // Validates the display of an input with a clear button.
-                await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`));
-            });
-            test('should not have visual regressions with stacked label', async ({ page }) => {
-                await page.setContent(`
-          <ion-input
-            label="Label"
-            label-placement="stacked"
-            clear-input="true"
-            value="Text"
-          ></ion-input>
-        `, config);
-                const input = page.locator('ion-input');
-                // Validates the display of an input with a clear button.
-                await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button-stacked`));
-            });
-        });
-    });
-});
-/**
- * This behavior does not vary across modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('input: clear button'), () => {
-        test('should clear the input when pressed', async ({ page }) => {
-            await page.setContent(`
-        <ion-input label="my label" value="abc" clear-input="true"></ion-input>
-      `, config);
-            const input = page.locator('ion-input');
-            const clearButton = input.locator('.input-clear-icon');
-            await expect(input).toHaveJSProperty('value', 'abc');
-            await clearButton.click();
-            await page.waitForChanges();
-            await expect(input).toHaveJSProperty('value', '');
-        });
-        /**
-         * Note: This only tests the desktop focus behavior.
-         * Mobile browsers have different restrictions around
-         * focusing inputs, so these platforms should always
-         * be tested when making changes to the focus behavior.
-         */
-        test('should keep the input focused when the clear button is pressed', async ({ page }) => {
-            await page.setContent(`
-        <ion-input label="my label" value="abc" clear-input="true"></ion-input>
-      `, config);
-            const input = page.locator('ion-input');
-            const nativeInput = input.locator('input');
-            const clearButton = input.locator('.input-clear-icon');
-            await input.click();
-            await expect(nativeInput).toBeFocused();
-            await clearButton.click();
-            await page.waitForChanges();
-            await expect(nativeInput).toBeFocused();
-        });
-        test('should inherit color when used in item with color property', async ({ page }) => {
-            await page.setContent(`
-        <ion-item color="primary">
-          <ion-input aria-label="my label" value="Text" clear-input="true"></ion-input>
-        </ion-item>
-      `, config);
-            const item = page.locator('ion-item');
-            await expect(item).toHaveScreenshot(screenshot(`input-with-clear-button-item-color`));
-        });
-    });
-});

package/dist/collection/components/input/test/bottom-content/input.e2e.js

@@ -1,145 +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('input: bottom content'), () => {
-        test('entire input component should render correctly with no fill', async ({ page }) => {
-            await page.setContent(`
-        <ion-input value="hi@ionic.io" label="Email" helper-text="Enter an email" maxlength="20" counter="true"></ion-input>
-      `, config);
-            const input = page.locator('ion-input');
-            await expect(input).toHaveScreenshot(screenshot(`input-full-bottom-no-fill`));
-        });
-        test('entire input component should render correctly with solid fill', async ({ page }) => {
-            await page.setContent(`
-        <ion-input fill="solid" value="hi@ionic.io" label="Email" helper-text="Enter an email" maxlength="20" counter="true"></ion-input>
-      `, config);
-            const input = page.locator('ion-input');
-            await expect(input).toHaveScreenshot(screenshot(`input-full-bottom-solid`));
-        });
-        test('entire input component should render correctly with outline fill', async ({ page }) => {
-            await page.setContent(`
-        <ion-input fill="outline" value="hi@ionic.io" label="Email" helper-text="Enter an email" maxlength="20" counter="true"></ion-input>
-      `, config);
-            const input = page.locator('ion-input');
-            await expect(input).toHaveScreenshot(screenshot(`input-full-bottom-outline`));
-        });
-    });
-});
-/**
- * Rendering is the same across modes
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('input: bottom content functionality'), () => {
-        test('should not render bottom content if no hint or counter is enabled', async ({ page }) => {
-            await page.setContent(`<ion-input label="my input"></ion-input>`, config);
-            const bottomEl = page.locator('ion-input .input-bottom');
-            await expect(bottomEl).toHaveCount(0);
-        });
-    });
-});
-/**
- * Rendering is the same across modes
- */
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('input: hint text'), () => {
-        test.describe('input: hint text functionality', () => {
-            test('helper text should be visible initially', async ({ page }) => {
-                await page.setContent(`<ion-input helper-text="my helper" error-text="my error" label="my input"></ion-input>`, config);
-                const helperText = page.locator('ion-input .helper-text');
-                const errorText = page.locator('ion-input .error-text');
-                await expect(helperText).toBeVisible();
-                await expect(helperText).toHaveText('my helper');
-                await expect(errorText).toBeHidden();
-            });
-            test('error text should be visible when input is invalid', async ({ page }) => {
-                await page.setContent(`<ion-input class="ion-invalid ion-touched" helper-text="my helper" error-text="my error" label="my input"></ion-input>`, config);
-                const helperText = page.locator('ion-input .helper-text');
-                const errorText = page.locator('ion-input .error-text');
-                await expect(helperText).toBeHidden();
-                await expect(errorText).toBeVisible();
-                await expect(errorText).toHaveText('my error');
-            });
-            test('error text should change when variable is customized', async ({ page }) => {
-                await page.setContent(`
-          <style>
-            ion-input.custom-input {
-              --highlight-color-invalid: purple;
-            }
-          </style>
-          <ion-input class="ion-invalid ion-touched custom-input" label="my label" error-text="my error"></ion-input>
-        `, config);
-                const errorText = page.locator('ion-input .error-text');
-                await expect(errorText).toHaveScreenshot(screenshot(`input-error-custom-color`));
-            });
-        });
-        test.describe('input: hint text rendering', () => {
-            test.describe('regular inputs', () => {
-                test('should not have visual regressions when rendering helper text', async ({ page }) => {
-                    await page.setContent(`<ion-input helper-text="my helper" label="my input"></ion-input>`, config);
-                    const bottomEl = page.locator('ion-input .input-bottom');
-                    await expect(bottomEl).toHaveScreenshot(screenshot(`input-bottom-content-helper`));
-                });
-                test('should not have visual regressions when rendering error text', async ({ page }) => {
-                    await page.setContent(`<ion-input class="ion-invalid ion-touched" error-text="my helper" label="my input"></ion-input>`, config);
-                    const bottomEl = page.locator('ion-input .input-bottom');
-                    await expect(bottomEl).toHaveScreenshot(screenshot(`input-bottom-content-error`));
-                });
-            });
-        });
-    });
-});
-/**
- * Rendering is the same across modes
- */
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('input: counter'), () => {
-        test.describe('input: counter functionality', () => {
-            test('should not activate if maxlength is not specified even if bottom content is visible', async ({ page }) => {
-                await page.setContent(`
-          <ion-input label="my label" counter="true" helper-text="helper text"></ion-input>
-        `, config);
-                const itemCounter = page.locator('ion-input .counter');
-                await expect(itemCounter).toBeHidden();
-            });
-            test('default formatter should be used', async ({ page }) => {
-                await page.setContent(`
-          <ion-input label="my label" counter="true" maxlength="20"></ion-input>
-        `, config);
-                const itemCounter = page.locator('ion-input .counter');
-                expect(await itemCounter.textContent()).toBe('0 / 20');
-            });
-            test('custom formatter should be used when provided', async ({ page }) => {
-                await page.setContent(`
-          <ion-input label="my label" counter="true" maxlength="20"></ion-input>
-
-          <script>
-            const input = document.querySelector('ion-input');
-            input.counterFormatter = (inputLength, maxLength) => {
-              const length = maxLength - inputLength;
-              return length.toString() + ' characters left';
-            };
-          </script>
-        `, config);
-                const input = page.locator('ion-input input');
-                const itemCounter = page.locator('ion-input .counter');
-                expect(await itemCounter.textContent()).toBe('20 characters left');
-                await input.click();
-                await input.type('abcde');
-                await page.waitForChanges();
-                expect(await itemCounter.textContent()).toBe('15 characters left');
-            });
-        });
-        test.describe('input: counter rendering', () => {
-            test.describe('regular inputs', () => {
-                test('should not have visual regressions when rendering counter', async ({ page }) => {
-                    await page.setContent(`<ion-input counter="true" maxlength="20" label="my input"></ion-input>`, config);
-                    const bottomEl = page.locator('ion-input .input-bottom');
-                    await expect(bottomEl).toHaveScreenshot(screenshot(`input-bottom-content-counter`));
-                });
-            });
-        });
-    });
-});

package/dist/collection/components/input/test/card/input.e2e.js

@@ -1,22 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('input: card'), () => {
-        test('should render correctly in card', async ({ page }) => {
-            await page.setContent(`
-        <ion-card>
-          <ion-card-content>
-            <ion-item style="border: 1px solid grey" lines="none">
-              <ion-input label="input" label-placement="stacked"></ion-input>
-            </ion-item>
-          </ion-card-content>
-        </ion-card>
-      `, config);
-            const card = page.locator('ion-card');
-            await expect(card).toHaveScreenshot(screenshot(`input-card`));
-        });
-    });
-});

package/dist/collection/components/input/test/clear-on-edit/input.e2e.js

@@ -1,53 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { test, configs } from "../../../../utils/test/playwright/index";
-const IGNORED_KEYS = ['Enter', 'Tab', 'Shift', 'Meta', 'Alt', 'Control'];
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('input: clearOnEdit'), () => {
-        test('should clear when typed into', async ({ page }) => {
-            await page.setContent(`<ion-input value="abc" clear-on-edit="true" aria-label="input"></ion-input>`, config);
-            const ionInput = await page.spyOnEvent('ionInput');
-            const input = page.locator('ion-input');
-            await input.locator('input').type('h');
-            await ionInput.next();
-            await expect(input).toHaveJSProperty('value', 'h');
-        });
-        test('should not clear the input if it does not have an initial value when typing', async ({ page }) => {
-            await page.setContent(`<ion-input label="input" value="" clear-on-edit="true"></ion-input>`, config);
-            const input = page.locator('ion-input');
-            await input.click();
-            await input.type('hello world');
-            await expect(input).toHaveJSProperty('value', 'hello world');
-        });
-        IGNORED_KEYS.forEach((ignoredKey) => {
-            test(`should not clear when ${ignoredKey} is pressed`, async ({ page, skip }) => {
-                skip.browser((browserName) => browserName === 'firefox' && ignoredKey === 'Meta', 'Firefox incorrectly adds "OS" to the input when pressing the Meta key on Linux');
-                await page.setContent(`<ion-input value="abc" clear-on-edit="true" aria-label="input"></ion-input>`, config);
-                const input = page.locator('ion-input');
-                await input.locator('input').focus();
-                await page.keyboard.press(ignoredKey);
-                await page.waitForChanges();
-                await expect(input).toHaveJSProperty('value', 'abc');
-            });
-        });
-        test('should clear after when pressing valid key after pressing ignored key', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/28633',
-            });
-            await page.setContent(`<ion-input value="abc" clear-on-edit="true" aria-label="input"></ion-input>`, config);
-            const input = page.locator('ion-input');
-            await input.locator('input').focus();
-            // ignored
-            await page.keyboard.press('Shift');
-            await page.waitForChanges();
-            await expect(input).toHaveJSProperty('value', 'abc');
-            // allowed
-            await page.keyboard.press('a');
-            await page.waitForChanges();
-            await expect(input).toHaveJSProperty('value', 'a');
-        });
-    });
-});