@ionic/core 8.2.3-nightly.20240626 → 8.2.3

package/dist/collection/components/modal/test/can-dismiss/modal.spec.js

@@ -1,191 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h, setMode } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { Content } from "../../../content/content";
-import { Modal } from "../../modal";
-describe('modal: canDismiss', () => {
-    describe('modal: regular modal', () => {
-        it('should dismiss when canDismiss is true', async () => {
-            const page = await newSpecPage({
-                components: [Modal],
-                template: () => h("ion-modal", { overlayIndex: 1, animated: false, canDismiss: true }),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            const returnValue = await modal.dismiss();
-            await expect(returnValue).toBe(true);
-        });
-        it('should not dismiss when canDismiss is false', async () => {
-            const page = await newSpecPage({
-                components: [Modal],
-                template: () => h("ion-modal", { overlayIndex: 1, animated: false, canDismiss: false }),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            const returnValue = await modal.dismiss();
-            await expect(returnValue).toBe(false);
-        });
-        it('should dismiss when canDismiss is Promise<true>', async () => {
-            const page = await newSpecPage({
-                components: [Modal],
-                template: () => (h("ion-modal", { overlayIndex: 1, animated: false, canDismiss: () => {
-                        return new Promise((resolve) => {
-                            setTimeout(() => resolve(true), 50);
-                        });
-                    } })),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            const returnValue = await modal.dismiss();
-            await expect(returnValue).toBe(true);
-        });
-        it('should not dismiss when canDismiss is Promise<false>', async () => {
-            const page = await newSpecPage({
-                components: [Modal],
-                template: () => (h("ion-modal", { overlayIndex: 1, animated: false, canDismiss: () => {
-                        return new Promise((resolve) => {
-                            setTimeout(() => resolve(false), 50);
-                        });
-                    } })),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            const returnValue = await modal.dismiss();
-            await expect(returnValue).toBe(false);
-        });
-    });
-    describe('modal: card modal', () => {
-        beforeEach(() => {
-            /**
-             * Card modal is only available on iOS
-             */
-            setMode(() => 'ios');
-        });
-        it('should dismiss when canDismiss is true', async () => {
-            const page = await newSpecPage({
-                components: [Content, Modal],
-                template: () => (h("ion-modal", { overlayIndex: 1, presentingElement: document.createElement('div'), animated: false, canDismiss: true }, h("ion-content", null, "Test Content"))),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            const returnValue = await modal.dismiss();
-            await expect(returnValue).toBe(true);
-        });
-        it('should not dismiss when canDismiss is false', async () => {
-            const page = await newSpecPage({
-                components: [Content, Modal],
-                template: () => (h("ion-modal", { overlayIndex: 1, presentingElement: document.createElement('div'), animated: false, canDismiss: false }, h("ion-content", null, "Test Content"))),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            const returnValue = await modal.dismiss();
-            await expect(returnValue).toBe(false);
-        });
-        it('should dismiss when canDismiss is Promise<true>', async () => {
-            const page = await newSpecPage({
-                components: [Content, Modal],
-                template: () => (h("ion-modal", { overlayIndex: 1, presentingElement: document.createElement('div'), animated: false, canDismiss: () => {
-                        return new Promise((resolve) => {
-                            setTimeout(() => resolve(true), 50);
-                        });
-                    } }, h("ion-content", null, "Test Content"))),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            const returnValue = await modal.dismiss();
-            await expect(returnValue).toBe(true);
-        });
-        it('should not dismiss when canDismiss is Promise<false>', async () => {
-            const page = await newSpecPage({
-                components: [Content, Modal],
-                template: () => (h("ion-modal", { overlayIndex: 1, presentingElement: document.createElement('div'), animated: false, canDismiss: () => {
-                        return new Promise((resolve) => {
-                            setTimeout(() => resolve(false), 50);
-                        });
-                    } }, h("ion-content", null, "Test Content"))),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            const returnValue = await modal.dismiss();
-            await expect(returnValue).toBe(false);
-        });
-    });
-    describe('modal: sheet modal', () => {
-        it('should dismiss when canDismiss is true', async () => {
-            const page = await newSpecPage({
-                components: [Modal],
-                template: () => (h("ion-modal", { overlayIndex: 1, breakpoints: [0, 1], initialBreakpoint: 1, animated: false, canDismiss: true })),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            const returnValue = await modal.dismiss();
-            await expect(returnValue).toBe(true);
-        });
-        it('should not dismiss when canDismiss is false', async () => {
-            const page = await newSpecPage({
-                components: [Modal],
-                template: () => (h("ion-modal", { overlayIndex: 1, breakpoints: [0, 1], initialBreakpoint: 1, animated: false, canDismiss: false })),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            const returnValue = await modal.dismiss();
-            await expect(returnValue).toBe(false);
-        });
-        it('should dismiss when canDismiss is Promise<true>', async () => {
-            const page = await newSpecPage({
-                components: [Modal],
-                template: () => (h("ion-modal", { overlayIndex: 1, breakpoints: [0, 1], initialBreakpoint: 1, animated: false, canDismiss: () => {
-                        return new Promise((resolve) => {
-                            setTimeout(() => resolve(true), 50);
-                        });
-                    } })),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            const returnValue = await modal.dismiss();
-            await expect(returnValue).toBe(true);
-        });
-        it('should not dismiss when canDismiss is Promise<false>', async () => {
-            const page = await newSpecPage({
-                components: [Modal],
-                template: () => (h("ion-modal", { overlayIndex: 1, breakpoints: [0, 1], initialBreakpoint: 1, animated: false, canDismiss: () => {
-                        return new Promise((resolve) => {
-                            setTimeout(() => resolve(false), 50);
-                        });
-                    } })),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            const returnValue = await modal.dismiss();
-            await expect(returnValue).toBe(false);
-        });
-    });
-    describe('modal: data and role', () => {
-        test('should pass data and role when calling dismiss', async () => {
-            const canDismiss = jest.fn();
-            const page = await newSpecPage({
-                components: [Modal],
-                template: () => h("ion-modal", { overlayIndex: 1, animated: false, canDismiss: canDismiss }),
-            });
-            const modal = page.body.querySelector('ion-modal');
-            await modal.present();
-            await page.waitForChanges();
-            await modal.dismiss('my data', 'my role');
-            expect(canDismiss).toHaveBeenCalledWith('my data', 'my role');
-        });
-    });
-});

package/dist/collection/components/modal/test/card/modal-card.e2e.js

@@ -1,83 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-import { CardModalPage } from "../fixtures";
-/**
- * This behavior does not vary across directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('card modal: rendering'), () => {
-        let cardModalPage;
-        test.beforeEach(async ({ page }) => {
-            cardModalPage = new CardModalPage(page);
-            await cardModalPage.navigate('/src/components/modal/test/card', config);
-        });
-        test('should not have visual regressions', async ({ page }) => {
-            await cardModalPage.openModalByTrigger('#card');
-            await expect(page).toHaveScreenshot(screenshot(`modal-card-present`));
-        });
-    });
-    test.describe(title('card modal: scenario rendering'), () => {
-        let cardModalPage;
-        test.beforeEach(async ({ page }) => {
-            cardModalPage = new CardModalPage(page);
-            await cardModalPage.navigate('/src/components/modal/test/card', config);
-        });
-        test('should not have visual regressions with custom modal', async ({ page }) => {
-            await cardModalPage.openModalByTrigger('#card-custom');
-            await expect(page).toHaveScreenshot(screenshot(`modal-card-custom-present`));
-        });
-        test('should not have visual regressions with stacked cards', async ({ page }) => {
-            await cardModalPage.openModalByTrigger('#card');
-            await cardModalPage.openModalByTrigger('.add');
-            await expect(page).toHaveScreenshot(screenshot(`modal-card-stacked-present`));
-        });
-        test('should not have visual regressions with stacked custom cards', async ({ page }) => {
-            await cardModalPage.openModalByTrigger('#card-custom');
-            await cardModalPage.openModalByTrigger('.add');
-            await expect(page).toHaveScreenshot(screenshot(`modal-card-custom-stacked-present`));
-        });
-    });
-    test.describe(title('card modal: functionality'), () => {
-        let cardModalPage;
-        test.beforeEach(async ({ page }) => {
-            cardModalPage = new CardModalPage(page);
-            await cardModalPage.navigate('/src/components/modal/test/card', config);
-        });
-        test.describe(title('card modal: swipe to close'), () => {
-            test('it should swipe to close when swiped on the header', async () => {
-                await cardModalPage.openModalByTrigger('#card');
-                await cardModalPage.swipeToCloseModal('ion-modal ion-header');
-            });
-            test('it should swipe to close when swiped on the content', async () => {
-                await cardModalPage.openModalByTrigger('#card');
-                await cardModalPage.swipeToCloseModal('ion-modal ion-content');
-            });
-            test('it should not swipe to close when swiped on the content but the content is scrolled', async ({ page }) => {
-                const modal = await cardModalPage.openModalByTrigger('#card');
-                const content = (await page.$('ion-modal ion-content'));
-                await content.evaluate((el) => el.scrollToBottom(0));
-                await cardModalPage.swipeToCloseModal('ion-modal ion-content', false);
-                await content.waitForElementState('stable');
-                await expect(modal).toBeVisible();
-            });
-            test('it should not swipe to close when swiped on the content but the content is scrolled even when content is replaced', async ({ page, }) => {
-                const modal = await cardModalPage.openModalByTrigger('#card');
-                await page.click('ion-button.replace');
-                const content = (await page.$('ion-modal ion-content'));
-                await content.evaluate((el) => el.scrollToBottom(0));
-                await cardModalPage.swipeToCloseModal('ion-modal ion-content', false);
-                await content.waitForElementState('stable');
-                await expect(modal).toBeVisible();
-            });
-            test('content should be scrollable after gesture ends', async ({ page }) => {
-                await cardModalPage.openModalByTrigger('#card');
-                await cardModalPage.swipeToCloseModal('ion-modal ion-content', false, 20);
-                const content = page.locator('ion-modal ion-content');
-                await expect(content).toHaveJSProperty('scrollY', true);
-            });
-        });
-    });
-});

package/dist/collection/components/modal/test/card/modal-tablet.e2e.js

@@ -1,82 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test, Viewports } from "../../../../utils/test/playwright/index";
-import { CardModalPage } from "../fixtures";
-/**
- * This behavior does not vary across directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('card modal: rendering - tablet'), () => {
-        let cardModalPage;
-        test.beforeEach(async ({ page }) => {
-            cardModalPage = new CardModalPage(page);
-            await page.setViewportSize(Viewports.tablet.portrait);
-            await cardModalPage.navigate('/src/components/modal/test/card', config);
-        });
-        test('should not have visual regressions', async ({ page }) => {
-            await cardModalPage.openModalByTrigger('#card');
-            await expect(page).toHaveScreenshot(screenshot(`modal-card-present-tablet`));
-        });
-        test('should not have visual regressions with custom modal', async ({ page }) => {
-            await cardModalPage.openModalByTrigger('#card-custom');
-            await expect(page).toHaveScreenshot(screenshot(`modal-card-custom-present-tablet`));
-        });
-        test('should not have visual regressions with stacked cards', async ({ page }) => {
-            await cardModalPage.openModalByTrigger('#card');
-            await cardModalPage.openModalByTrigger('.add');
-            await expect(page).toHaveScreenshot(screenshot(`modal-card-stacked-present-tablet`));
-        });
-        test('should not have visual regressions with stacked custom cards', async ({ page }) => {
-            await cardModalPage.openModalByTrigger('#card-custom');
-            await cardModalPage.openModalByTrigger('.add');
-            await expect(page).toHaveScreenshot(screenshot(`modal-card-custom-stacked-present-tablet`));
-        });
-    });
-});
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('card modal: functionality'), () => {
-        let cardModalPage;
-        test.beforeEach(async ({ page }) => {
-            cardModalPage = new CardModalPage(page);
-            await cardModalPage.navigate('/src/components/modal/test/card', config);
-        });
-        test.describe(title('card modal: swipe to close - tablet'), () => {
-            test.beforeEach(async ({ page }) => {
-                await page.setViewportSize(Viewports.tablet.portrait);
-            });
-            test('it should swipe to close when swiped on the header', async () => {
-                await cardModalPage.openModalByTrigger('#card');
-                await cardModalPage.swipeToCloseModal('ion-modal ion-header');
-            });
-            test('it should swipe to close when swiped on the content', async () => {
-                await cardModalPage.openModalByTrigger('#card');
-                await cardModalPage.swipeToCloseModal('ion-modal ion-content');
-            });
-            test('it should not swipe to close when swiped on the content but the content is scrolled', async ({ page }) => {
-                const modal = await cardModalPage.openModalByTrigger('#card');
-                const content = page.locator('ion-modal ion-content');
-                await content.evaluate((el) => el.scrollToBottom(0));
-                await cardModalPage.swipeToCloseModal('ion-modal ion-content', false);
-                await content.waitFor();
-                await expect(modal).toBeVisible();
-            });
-            test('it should not swipe to close when swiped on the content but the content is scrolled even when content is replaced', async ({ page, }) => {
-                const modal = await cardModalPage.openModalByTrigger('#card');
-                await page.click('ion-button.replace');
-                const content = page.locator('ion-modal ion-content');
-                await content.evaluate((el) => el.scrollToBottom(0));
-                await cardModalPage.swipeToCloseModal('ion-modal ion-content', false);
-                await content.waitFor();
-                await expect(modal).toBeVisible();
-            });
-            test('content should be scrollable after gesture ends', async ({ page }) => {
-                await cardModalPage.openModalByTrigger('#card');
-                await cardModalPage.swipeToCloseModal('ion-modal ion-content', false, 20);
-                const content = page.locator('ion-modal ion-content');
-                await expect(content).toHaveJSProperty('scrollY', true);
-            });
-        });
-    });
-});

package/dist/collection/components/modal/test/card-nav/modal.e2e.js

@@ -1,38 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test, dragElementBy } from "../../../../utils/test/playwright/index";
-import { CardModalPage } from "../fixtures";
-/**
- * This test only verifies that the gesture activates inside of a modal.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('card modal - nav'), () => {
-        let cardModalPage;
-        test.beforeEach(async ({ page }) => {
-            cardModalPage = new CardModalPage(page);
-            await cardModalPage.navigate('/src/components/modal/test/card-nav?ionic:_testing=false', config);
-        });
-        test('it should swipe to go back', async ({ page }) => {
-            await cardModalPage.openModalByTrigger('#open-modal');
-            const nav = page.locator('ion-nav');
-            const ionNavDidChange = await nav.spyOnEvent('ionNavDidChange');
-            await page.click('#go-page-two');
-            await ionNavDidChange.next();
-            const pageOne = page.locator('page-one');
-            await expect(pageOne).toHaveClass(/ion-page-hidden/);
-            const content = page.locator('.page-two-content');
-            await dragElementBy(content, page, 370, 0, 10);
-            await ionNavDidChange.next();
-        });
-        test('should swipe to close', async ({ page }) => {
-            await cardModalPage.openModalByTrigger('#open-modal');
-            const nav = page.locator('ion-nav');
-            const ionNavDidChange = await nav.spyOnEvent('ionNavDidChange');
-            await page.click('#go-page-two');
-            await ionNavDidChange.next();
-            await cardModalPage.swipeToCloseModal('ion-modal ion-content.page-two-content', true, 270);
-        });
-    });
-});

package/dist/collection/components/modal/test/card-refresher/modal.e2e.js

@@ -1,22 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, dragElementBy, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('card modal - with refresher'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/modal/test/card-refresher', config);
-        });
-        test('it should not swipe to close on the content due to the presence of the refresher', async ({ page }) => {
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            await page.click('#card');
-            await ionModalDidPresent.next();
-            const modal = page.locator('ion-modal');
-            const content = (await page.$('ion-modal ion-content'));
-            await dragElementBy(content, page, 0, 300);
-            await content.waitForElementState('stable');
-            await expect(modal).toBeVisible();
-        });
-    });
-});

package/dist/collection/components/modal/test/card-scroll-target/modal.e2e.js

@@ -1,42 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, dragElementBy, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('card modal - scroll target'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/modal/test/card-scroll-target', config);
-        });
-        test.describe('card modal: swipe to close', () => {
-            test('it should swipe to close when swiped on the content', async ({ page }) => {
-                const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-                const ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
-                await page.click('#card');
-                await ionModalDidPresent.next();
-                const content = page.locator('ion-modal .ion-content-scroll-host');
-                await dragElementBy(content, page, 0, 300);
-                await ionModalDidDismiss.next();
-            });
-            test('it should not swipe to close when swiped on the content but the content is scrolled', async ({ page }) => {
-                const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-                await page.click('#card');
-                await ionModalDidPresent.next();
-                const modal = page.locator('ion-modal');
-                const content = (await page.$('ion-modal .ion-content-scroll-host'));
-                await content.evaluate((el) => (el.scrollTop = 500));
-                await dragElementBy(content, page, 0, 300);
-                await content.waitForElementState('stable');
-                await expect(modal).toBeVisible();
-            });
-            test('content should be scrollable after gesture ends', async ({ page }) => {
-                const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-                await page.click('#card');
-                await ionModalDidPresent.next();
-                const content = page.locator('ion-modal .ion-content-scroll-host');
-                await dragElementBy(content, page, 0, 20);
-                await expect(content).not.toHaveCSS('overflow', 'hidden');
-            });
-        });
-    });
-});

package/dist/collection/components/modal/test/custom/modal.e2e.js

@@ -1,24 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test, Viewports } from "../../../../utils/test/playwright/index";
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('modal: custom rendering'), () => {
-        const runVisualTests = async (page, screenshotModifier = '') => {
-            await page.goto('/src/components/modal/test/custom', config);
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            await page.click('#custom-modal');
-            await ionModalDidPresent.next();
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`modal-custom-present${screenshotModifier}`));
-        };
-        test('should not have visual regressions', async ({ page }) => {
-            await runVisualTests(page);
-        });
-        test('should not have visual regressions with tablet viewport', async ({ page }) => {
-            await page.setViewportSize(Viewports.tablet.portrait);
-            await runVisualTests(page, '-tablet');
-        });
-    });
-});

package/dist/collection/components/modal/test/custom-dialog/modal.e2e.js

@@ -1,20 +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('modal: custom dialog'), () => {
-        test('should size custom modal correctly', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/24080',
-            });
-            await page.goto('/src/components/modal/test/custom-dialog', config);
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            await page.click('#custom-modal');
-            await ionModalDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`modal-custom-dialog`));
-        });
-    });
-});

package/dist/collection/components/modal/test/dark-mode/model.e2e.js

@@ -1,20 +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('modal: dark mode'), () => {
-        test('should render the correct text color when outside ion-content', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/26060',
-            });
-            await page.goto('/src/components/modal/test/dark-mode', config);
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            await page.click('#basic-modal');
-            await ionModalDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`modal-dark-color`));
-        });
-    });
-});

package/dist/collection/components/modal/test/inline/modal.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";
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('modal: inline'), () => {
-        test('it should present and then remain in the dom on dismiss', async ({ page }) => {
-            await page.goto('/src/components/modal/test/inline', config);
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            const ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
-            const modal = page.locator('ion-modal');
-            await page.click('#open-inline-modal');
-            await ionModalDidPresent.next();
-            await expect(modal).toBeVisible();
-            await modal.evaluate((el) => el.dismiss());
-            await ionModalDidDismiss.next();
-            await expect(modal).toBeHidden();
-        });
-        test('presenting should create a single root element with the ion-page class', async ({ page }, testInfo) => {
-            testInfo.annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/26117',
-            });
-            await page.setContent(`
-      <ion-datetime-button datetime="datetime"></ion-datetime-button>
-
-      <ion-modal>
-        <ion-datetime id="datetime" presentation="date-time"></ion-datetime>
-      </ion-modal>
-      `, config);
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            const ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
-            const modal = page.locator('ion-modal');
-            await page.click('#date-button');
-            await ionModalDidPresent.next();
-            // Verifies that the host element exists with the .ion-page class
-            expect(await modal.evaluate((el) => el.firstElementChild.className)).toContain('ion-page');
-            await modal.evaluate((el) => el.dismiss());
-            await ionModalDidDismiss.next();
-            await page.click('#date-button');
-            await ionModalDidPresent.next();
-            // Verifies that presenting the overlay again does not create a new host element
-            expect(await modal.evaluate((el) => el.firstElementChild.className)).toContain('ion-page');
-            expect(await modal.evaluate((el) => el.firstElementChild.firstElementChild.className)).not.toContain('ion-page');
-        });
-    });
-});

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

@@ -1,25 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('modal: isOpen'), () => {
-        test('should open and close the modal', async ({ page }) => {
-            await page.goto('/src/components/modal/test/is-open', config);
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            const ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
-            const modal = page.locator('ion-modal');
-            await page.click('#default');
-            await ionModalDidPresent.next();
-            await expect(modal).toBeVisible();
-            await modal.evaluate((el) => (el.isOpen = false));
-            await ionModalDidDismiss.next();
-            await expect(modal).toBeHidden();
-        });
-        test('should open if isOpen is true on load', async ({ page }) => {
-            await page.setContent('<ion-modal is-open="true"></ion-modal>', config);
-            await expect(page.locator('ion-modal')).toBeVisible();
-        });
-    });
-});

package/dist/collection/components/modal/test/modal-attributes.spec.js

@@ -1,32 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { Modal } from "../modal";
-it('should inherit attributes', async () => {
-    /**
-     * Note: This example should not be used in production.
-     * This only serves to check that `role` can be customized.
-     */
-    const page = await newSpecPage({
-        components: [Modal],
-        template: () => h("ion-modal", { overlayIndex: 1, "aria-label": "my label", role: "presentation" }),
-    });
-    const modal = page.body.querySelector('ion-modal');
-    const contentWrapper = modal.shadowRoot.querySelector('[part="content"]');
-    expect(contentWrapper.getAttribute('aria-label')).toBe('my label');
-    expect(contentWrapper.getAttribute('role')).toBe('presentation');
-});
-it('should inherit attributes when set via htmlAttributes', async () => {
-    const page = await newSpecPage({
-        components: [Modal],
-        template: () => (h("ion-modal", { overlayIndex: 1, htmlAttributes: { 'aria-label': 'my label', role: 'presentation' } })),
-    });
-    const modal = page.body.querySelector('ion-modal');
-    const contentWrapper = modal.shadowRoot.querySelector('[part="content"]');
-    expect(contentWrapper.getAttribute('aria-label')).toBe('my label');
-    expect(contentWrapper.getAttribute('role')).toBe('presentation');
-    expect(modal.hasAttribute('aria-label')).toBe(false);
-    expect(modal.hasAttribute('role')).toBe(false);
-});