@ionic/core 8.2.3-nightly.20240626 → 8.2.3

package/dist/collection/components/textarea/test/states/textarea.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({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('textarea: states'), () => {
-        test('should render readonly textarea correctly', async ({ page }) => {
-            await page.setContent(`
-        <ion-textarea label="Email" value="hi@ionic.io" readonly="true"></ion-textarea>
-      `, config);
-            const textarea = page.locator('ion-textarea');
-            await expect(textarea).toHaveScreenshot(screenshot(`textarea-readonly`));
-        });
-        test('should render disabled textarea correctly', async ({ page }) => {
-            await page.setContent(`
-        <ion-textarea label="Email" value="hi@ionic.io" disabled="true"></ion-textarea>
-      `, config);
-            const textarea = page.locator('ion-textarea');
-            await expect(textarea).toHaveScreenshot(screenshot(`textarea-disabled`));
-        });
-    });
-});

package/dist/collection/components/textarea/test/textarea-events.e2e.js

@@ -1,70 +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('textarea: events: ionChange'), () => {
-        test.describe('when the textarea is blurred', () => {
-            test('should emit if the value has changed', async ({ page }) => {
-                await page.setContent(`<ion-textarea aria-label="textarea"></ion-textarea>`, config);
-                const nativeTextarea = page.locator('ion-textarea textarea');
-                const ionChangeSpy = await page.spyOnEvent('ionChange');
-                await nativeTextarea.type('new value', { delay: 100 });
-                // Value change is not emitted until the control is blurred.
-                await nativeTextarea.evaluate((e) => e.blur());
-                await ionChangeSpy.next();
-                expect(ionChangeSpy).toHaveReceivedEventDetail({ value: 'new value', event: { isTrusted: true } });
-                expect(ionChangeSpy).toHaveReceivedEventTimes(1);
-            });
-            test('should emit if the textarea is cleared with an initial value', async ({ page }) => {
-                await page.setContent(`<ion-textarea aria-label="textarea" clear-on-edit="true" value="123"></ion-textarea>`, config);
-                const textarea = page.locator('ion-textarea');
-                const nativeTextarea = textarea.locator('textarea');
-                const ionChangeSpy = await page.spyOnEvent('ionChange');
-                await nativeTextarea.type('new value');
-                await nativeTextarea.evaluate((e) => e.blur());
-                await ionChangeSpy.next();
-                expect(ionChangeSpy).toHaveReceivedEventDetail({ value: 'new value', event: { isTrusted: true } });
-                expect(ionChangeSpy).toHaveReceivedEventTimes(1);
-            });
-            test('should not emit if the value is set programmatically', async ({ page }) => {
-                await page.setContent(`<ion-textarea aria-label="textarea"></ion-textarea>`, config);
-                const textarea = page.locator('ion-textarea');
-                const ionChangeSpy = await page.spyOnEvent('ionChange');
-                await textarea.evaluate((el) => {
-                    el.value = 'new value';
-                });
-                await page.waitForChanges();
-                expect(ionChangeSpy).toHaveReceivedEventTimes(0);
-                // Update the value again to make sure it doesn't emit a second time
-                await textarea.evaluate((el) => {
-                    el.value = 'new value 2';
-                });
-                await page.waitForChanges();
-                expect(ionChangeSpy).toHaveReceivedEventTimes(0);
-            });
-        });
-    });
-    test.describe(title('textarea: events: ionInput'), () => {
-        test('should emit when the user types', async ({ page }) => {
-            await page.setContent(`<ion-textarea aria-label="textarea" value="some value"></ion-textarea>`, config);
-            const ionInputSpy = await page.spyOnEvent('ionInput');
-            const nativeTextarea = page.locator('ion-textarea textarea');
-            await nativeTextarea.type('new value', { delay: 100 });
-            expect(ionInputSpy).toHaveReceivedEventDetail({ value: 'new valuesome value', event: { isTrusted: true } });
-        });
-        test('should emit when the textarea is cleared on edit', async ({ page }) => {
-            await page.setContent(`<ion-textarea clear-on-edit="true" value="some value"></ion-textarea>`, config);
-            const ionInputSpy = await page.spyOnEvent('ionInput');
-            const textarea = page.locator('ion-textarea');
-            await textarea.click();
-            await textarea.press('Backspace');
-            expect(ionInputSpy).toHaveReceivedEventTimes(1);
-            expect(ionInputSpy).toHaveReceivedEventDetail({ value: '', event: { isTrusted: true } });
-        });
-    });
-});

package/dist/collection/components/textarea/test/textarea.spec.js

@@ -1,59 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { Textarea } from "../textarea";
-it('should inherit attributes', async () => {
-    const page = await newSpecPage({
-        components: [Textarea],
-        html: '<ion-textarea title="my title" tabindex="-1" data-form-type="password"></ion-textarea>',
-    });
-    const nativeEl = page.body.querySelector('ion-textarea textarea');
-    expect(nativeEl.getAttribute('title')).toBe('my title');
-    expect(nativeEl.getAttribute('tabindex')).toBe('-1');
-    expect(nativeEl.getAttribute('data-form-type')).toBe('password');
-});
-/**
- * Textarea uses emulated slots, so the internal
- * behavior will not exactly match IonSelect's slots.
- * For example, Textarea does not render an actual `<slot>` element
- * internally, so we do not check for that here. Instead,
- * we check to see which label text is being used.
- * If Textarea is updated to use Shadow DOM (and therefore native slots),
- * then we can update these tests to more closely match the Select tests.
- **/
-describe('textarea: label rendering', () => {
-    it('should render label prop if only prop provided', async () => {
-        const page = await newSpecPage({
-            components: [Textarea],
-            html: `
-        <ion-textarea label="Label Prop Text"></ion-textarea>
-      `,
-        });
-        const textarea = page.body.querySelector('ion-textarea');
-        const labelText = textarea.querySelector('.label-text-wrapper');
-        expect(labelText.textContent).toBe('Label Prop Text');
-    });
-    it('should render label slot if only slot provided', async () => {
-        const page = await newSpecPage({
-            components: [Textarea],
-            html: `
-        <ion-textarea><div slot="label">Label Prop Slot</div></ion-textarea>
-      `,
-        });
-        const textarea = page.body.querySelector('ion-textarea');
-        const labelText = textarea.querySelector('.label-text-wrapper');
-        expect(labelText.textContent).toBe('Label Prop Slot');
-    });
-    it('should render label prop if both prop and slot provided', async () => {
-        const page = await newSpecPage({
-            components: [Textarea],
-            html: `
-        <ion-textarea label="Label Prop Text"><div slot="label">Label Prop Slot</div></ion-textarea>
-      `,
-        });
-        const textarea = page.body.querySelector('ion-textarea');
-        const labelText = textarea.querySelector('.label-text-wrapper');
-        expect(labelText.textContent).toBe('Label Prop Text');
-    });
-});

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

@@ -1,48 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-/**
- * ion-thumbnail does not have mode/RTL-specific logic
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('thumbnail: rendering'), () => {
-        test('should not have visual regressions when rendering <img>', async ({ page }) => {
-            await page.goto(`/src/components/thumbnail/test/basic`, config);
-            const referenceEl = page.locator('#img');
-            await expect(referenceEl).toHaveScreenshot(screenshot(`thumbnail-img-diff`));
-        });
-        test('size should be customizable in <ion-item>', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/22935',
-            });
-            await page.setContent(`
-          <ion-item>
-            <ion-thumbnail style="--size: 20px">
-              <img src="/src/components/thumbnail/test/thumbnail.svg" />
-            </ion-thumbnail>
-          </ion-item>
-        `, config);
-            const item = page.locator('ion-item');
-            await expect(item).toHaveScreenshot(screenshot(`thumbnail-ion-item-size-diff`));
-        });
-    });
-});
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('thumbnail: item rendering'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto(`/src/components/thumbnail/test/basic`, config);
-        });
-        /**
-         * ion-item has mode and RTL specific logic
-         * for ion-thumbnail which is why we do not skip
-         * RTL and mode tests here.
-         */
-        test('should not have visual regressions when rendering inside of an <ion-item>', async ({ page }) => {
-            const referenceEl = page.locator('#ion-item');
-            await expect(referenceEl).toHaveScreenshot(screenshot(`thumbnail-ion-item-diff`));
-        });
-    });
-});

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

@@ -1,61 +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('title: font scaling'), () => {
-        test('should scale default title text on larger font sizes', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 36px;
-          }
-        </style>
-        <ion-header>
-          <ion-toolbar>
-            <ion-title>Title</ion-title>
-          </ion-toolbar>
-        </ion-header>
-      `, config);
-            const title = page.locator('ion-title');
-            await expect(title).toHaveScreenshot(screenshot(`title-default-scale`));
-        });
-        test('should scale small title text on larger font sizes', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 36px;
-          }
-        </style>
-        <ion-header>
-          <ion-toolbar>
-            <ion-title size="small">Title</ion-title>
-          </ion-toolbar>
-        </ion-header>
-      `, config);
-            const title = page.locator('ion-title');
-            await expect(title).toHaveScreenshot(screenshot(`title-small-scale`));
-        });
-    });
-});
-configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('title: font scaling for large attribute'), () => {
-        test('should scale text on larger font sizes', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 36px;
-          }
-        </style>
-        <ion-header>
-          <ion-toolbar>
-            <ion-title size="large">Title</ion-title>
-          </ion-toolbar>
-        </ion-header>
-      `, config);
-            const title = page.locator('ion-title');
-            await expect(title).toHaveScreenshot(screenshot(`title-large-scale`));
-        });
-    });
-});

package/dist/collection/components/title/test/basic/title.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().forEach(({ title, screenshot, config }) => {
-    test.describe(title('title: basic'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto('/src/components/title/test/basic', config);
-            const wrapper = page.locator('#header-wrapper');
-            // only screenshot the headers to avoid unnecessary blank space from ion-content
-            await expect(wrapper).toHaveScreenshot(screenshot(`title-basic`));
-        });
-    });
-});
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('title: special characters'), () => {
-        test('should not cut off characters', async ({ page }) => {
-            await page.setContent(`
-        <ion-header>
-          <ion-toolbar>
-            <ion-title size="large">ÔÔÔ</ion-title>
-          </ion-toolbar>
-        </ion-header>
-      `, config);
-            const title = page.locator('ion-title');
-            await expect(title).toHaveScreenshot(screenshot('title-characters'));
-        });
-    });
-});

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

@@ -1,210 +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: ['dark', 'light'] }).forEach(({ title, config }) => {
-    test.describe(title('toast: Axe testing'), () => {
-        test('should not have any axe violations with inline toasts', async ({ page }) => {
-            await page.setContent(`
-          <ion-toast></ion-toast>
-
-          <script>
-            const toast = document.querySelector('ion-toast');
-            toast.icon = 'person';
-            toast.header = 'Inline Toast Header';
-            toast.message = 'Inline Toast Message';
-            toast.buttons = ['OK'];
-          </script>
-        `, config);
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            const toast = page.locator('ion-toast');
-            await toast.evaluate((el) => el.present());
-            await ionToastDidPresent.next();
-            const results = await new AxeBuilder({ page }).analyze();
-            expect(results.violations).toEqual([]);
-        });
-        test('should not have any axe violations with controller toasts', async ({ page }) => {
-            await page.setContent(`
-          <script type="module">
-            import { toastController } from '../../../../dist/ionic/index.esm.js';
-            window.toastController = toastController;
-          </script>
-
-          <ion-button onclick="presentToast()">Present</ion-button>
-
-          <script>
-            const presentToast = async () => {
-              // we only want to test color contrast on the toast itself
-              const button = document.querySelector('ion-button');
-              button.style.display = 'none';
-
-              const toast = await toastController.create({
-                icon: 'person',
-                header: 'Controller Toast Header',
-                message: 'Controller Toast Message',
-                buttons: ['OK']
-              });
-
-              await toast.present();
-            };
-          </script>
-        `, config);
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            const button = page.locator('ion-button');
-            await button.click();
-            await ionToastDidPresent.next();
-            const results = await new AxeBuilder({ page }).analyze();
-            expect(results.violations).toEqual([]);
-        });
-    });
-});
-/**
- * This test does not check LTR vs RTL layouts
- */
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('toast: a11y'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto(`/src/components/toast/test/a11y`, config);
-        });
-        test('should have aria-labelledby and aria-label added to the button when htmlAttributes is set', async ({ page, }) => {
-            const didPresent = await page.spyOnEvent('ionToastDidPresent');
-            await page.click('#aria-label-toast-trigger');
-            await didPresent.next();
-            const toastButton = page.locator('#aria-label-toast .toast-button');
-            await expect(toastButton).toHaveAttribute('aria-labelledby', 'close-label');
-            await expect(toastButton).toHaveAttribute('aria-label', 'close button');
-        });
-    });
-    test.describe(title('toast: font scaling'), () => {
-        test('should scale header text on larger font sizes', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 310%;
-          }
-        </style>
-
-        <ion-toast is-open="true" header="Testing" message="Hello world"></ion-toast>
-      `, config);
-            const toast = page.locator('ion-toast');
-            await expect(toast).toBeVisible();
-            const toastWrapper = toast.locator('.toast-wrapper');
-            await expect(toastWrapper).toHaveScreenshot(screenshot('toast-header-scale'));
-        });
-        test('should scale message text on larger font sizes', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 310%;
-          }
-        </style>
-
-        <ion-toast is-open="true" message="Hello world"></ion-toast>
-      `, config);
-            const toast = page.locator('ion-toast');
-            await expect(toast).toBeVisible();
-            const toastWrapper = toast.locator('.toast-wrapper');
-            await expect(toastWrapper).toHaveScreenshot(screenshot('toast-message-scale'));
-        });
-        test('should scale content icon on larger font sizes', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 310%;
-          }
-        </style>
-
-        <ion-toast is-open="true" message="Hello world" icon="alert"></ion-toast>
-      `, config);
-            const toast = page.locator('ion-toast');
-            await expect(toast).toBeVisible();
-            const toastWrapper = toast.locator('.toast-wrapper');
-            await expect(toastWrapper).toHaveScreenshot(screenshot('toast-icon-scale'));
-        });
-        test('should scale button text on larger font sizes', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 310%;
-          }
-        </style>
-
-        <ion-toast is-open="true" message="Hello world"></ion-toast>
-      `, config);
-            const toast = page.locator('ion-toast');
-            toast.evaluate((el) => {
-                el.buttons = [
-                    {
-                        text: 'Cancel',
-                    },
-                ];
-            });
-            await expect(toast).toBeVisible();
-            const toastWrapper = toast.locator('.toast-wrapper');
-            await expect(toastWrapper).toHaveScreenshot(screenshot('toast-buttons-scale'));
-        });
-        test('should scale buttons and icons on larger font sizes', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 310%;
-          }
-        </style>
-
-        <ion-toast is-open="true" message="Hello world"></ion-toast>
-      `, config);
-            const toast = page.locator('ion-toast');
-            toast.evaluate((el) => {
-                el.buttons = [
-                    {
-                        text: 'Cancel',
-                        icon: 'close',
-                    },
-                ];
-            });
-            await expect(toast).toBeVisible();
-            /**
-             * Linux incorrectly clips the screenshot when capturing the toast container
-             * with the inset styling.
-             *
-             * We capture the entire toast container (entire page) to avoid this issue.
-             */
-            await expect(toast).toHaveScreenshot(screenshot('toast-buttons-icon-scale'));
-        });
-    });
-});
-/**
- * High contrast mode tests
- */
-configs({ directions: ['ltr'], palettes: ['high-contrast-dark', 'high-contrast'] }).forEach(({ title, config, screenshot }) => {
-    test.describe(title('toast: high contrast: buttons'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.setContent(`
-        <ion-toast is-open="true" header="Testing" message="Hello world"></ion-toast>
-        <script>
-          const toast = document.querySelector('ion-toast');
-          toast.buttons = [
-            { text: 'Cancel', role: 'cancel' },
-            { text: 'OK' }
-          ];
-        </script>
-      `, config);
-        });
-        test('should not have visual regressions', async ({ page }) => {
-            const toast = page.locator('ion-toast');
-            await expect(toast).toBeVisible();
-            const toastWrapper = toast.locator('.toast-wrapper');
-            await expect(toastWrapper).toHaveScreenshot(screenshot(`toast-high-contrast-buttons`));
-        });
-        test('should pass AAA guidelines', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            await ionToastDidPresent.next();
-            const results = await new AxeBuilder({ page })
-                .options({ rules: { 'color-contrast-enhanced': { enabled: true } } })
-                .analyze();
-            expect(results.violations).toEqual([]);
-        });
-    });
-});

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

@@ -1,123 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-class ToastFixture {
-    constructor(page) {
-        this.page = page;
-    }
-    async goto(config) {
-        const { page } = this;
-        await page.goto(`/src/components/toast/test/basic`, config);
-        this.ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-    }
-    async openToast(selector) {
-        const { page, ionToastDidPresent } = this;
-        const button = page.locator(selector);
-        await button.click();
-        await ionToastDidPresent.next();
-        return {
-            toast: page.locator('ion-toast'),
-            container: page.locator('ion-toast .toast-container'),
-        };
-    }
-    async screenshot(screenshotModifier, screenshot, el) {
-        const { page } = this;
-        const screenshotString = screenshot(`toast-${screenshotModifier}`);
-        if (el === undefined) {
-            await expect(page).toHaveScreenshot(screenshotString);
-        }
-        else {
-            await expect(el).toHaveScreenshot(screenshotString);
-        }
-    }
-}
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('toast: position rendering'), () => {
-        let toastFixture;
-        test.beforeEach(async ({ page }) => {
-            toastFixture = new ToastFixture(page);
-            await toastFixture.goto(config);
-        });
-        test('should render toast at the top', async () => {
-            await toastFixture.openToast('#show-top-toast');
-            await toastFixture.screenshot('top', screenshot);
-        });
-        test('should render toast at the middle', async () => {
-            await toastFixture.openToast('#show-middle-toast');
-            await toastFixture.screenshot('middle', screenshot);
-        });
-        test('should render toast at the bottom', async () => {
-            await toastFixture.openToast('#show-bottom-toast');
-            await toastFixture.screenshot('bottom', screenshot);
-        });
-    });
-    test.describe(title('toast: color rendering'), () => {
-        test('should set color correctly', async ({ page }) => {
-            const toastFixture = new ToastFixture(page);
-            await toastFixture.goto(config);
-            const { container } = await toastFixture.openToast('#color-toast');
-            await toastFixture.screenshot('color', screenshot, container);
-        });
-    });
-    test.describe(title('toast: text wrapping'), () => {
-        test('should wrap text correctly', async ({ page }) => {
-            const toastFixture = new ToastFixture(page);
-            await toastFixture.goto(config);
-            const { container } = await toastFixture.openToast('#two-line-toast');
-            await toastFixture.screenshot('text', screenshot, container);
-        });
-    });
-});
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    /**
-     * Translucency only works on iOS
-     */
-    test.describe(title('toast: translucency'), () => {
-        test('should set translucency correctly', async ({ page }) => {
-            const toastFixture = new ToastFixture(page);
-            await toastFixture.goto(config);
-            const { container } = await toastFixture.openToast('#translucent-toast');
-            await toastFixture.screenshot('translucent', screenshot, container);
-        });
-        // TODO(FW-6220): investigate why backdrop filter is not being captured in screenshot
-        test('should set translucency correctly when color is provided', async ({ page }) => {
-            const toastFixture = new ToastFixture(page);
-            await toastFixture.goto(config);
-            const { container } = await toastFixture.openToast('#translucent-color-toast');
-            await toastFixture.screenshot('translucent-color', screenshot, container);
-        });
-    });
-    /**
-     * This functionality has no mode specific logic.
-     */
-    test.describe(title('toast: properties'), () => {
-        let toastFixture;
-        test.beforeEach(async ({ page }) => {
-            toastFixture = new ToastFixture(page);
-            await toastFixture.goto(config);
-        });
-        test('should correctly set custom class', async () => {
-            const { toast } = await toastFixture.openToast('#custom-class-toast');
-            await expect(toast).toHaveClass(/my-custom-class/);
-        });
-    });
-});
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('toast: rendering'), () => {
-        let toastFixture;
-        test.beforeEach(async ({ page }) => {
-            toastFixture = new ToastFixture(page);
-            await toastFixture.goto(config);
-        });
-        test('should set buttons correctly', async () => {
-            const { container } = await toastFixture.openToast('#custom-action-buttons-toast');
-            await toastFixture.screenshot('buttons', screenshot, container);
-        });
-        test('should set start/end positioning correctly', async () => {
-            const { container } = await toastFixture.openToast('#toast-start-and-end');
-            await toastFixture.screenshot('start-end', screenshot, container);
-        });
-    });
-});

package/dist/collection/components/toast/test/is-open/toast.e2e.js

@@ -1,28 +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('toast: isOpen'), () => {
-        test('should open and close the toast', async ({ page }) => {
-            await page.goto('/src/components/toast/test/is-open', config);
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-            const toast = page.locator('ion-toast');
-            await page.click('#default');
-            await ionToastDidPresent.next();
-            await expect(toast).toBeVisible();
-            await toast.evaluate((el) => (el.isOpen = false));
-            await ionToastDidDismiss.next();
-            await expect(toast).toBeHidden();
-        });
-        test('should open if isOpen is true on load', async ({ page }) => {
-            await page.setContent('<ion-toast is-open="true"></ion-toast>', config);
-            await expect(page.locator('ion-toast')).toBeVisible();
-        });
-    });
-});