voyager-ionic-core 8.1.0 → 8.2.5

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);
-});

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

@@ -1,32 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { Modal } from "../modal";
-it('modal should be assigned an incrementing id', async () => {
-    const page = await newSpecPage({
-        components: [Modal],
-        html: `<ion-modal is-open="true"></ion-modal>`,
-    });
-    let modal;
-    modal = page.body.querySelector('ion-modal');
-    expect(modal).not.toBe(null);
-    expect(modal.getAttribute('id')).toBe('ion-overlay-1');
-    // Remove the modal from the DOM
-    modal.remove();
-    await page.waitForChanges();
-    // Create a new modal to verify the id is incremented
-    modal = document.createElement('ion-modal');
-    modal.isOpen = true;
-    page.body.appendChild(modal);
-    await page.waitForChanges();
-    modal = page.body.querySelector('ion-modal');
-    expect(modal.getAttribute('id')).toBe('ion-overlay-2');
-    // Presenting the same modal again should reuse the existing id
-    modal.isOpen = false;
-    await page.waitForChanges();
-    modal.isOpen = true;
-    await page.waitForChanges();
-    modal = page.body.querySelector('ion-modal');
-    expect(modal.getAttribute('id')).toBe('ion-overlay-2');
-});

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

@@ -1,212 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test, dragElementBy } from "../../../../utils/test/playwright/index";
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('sheet modal: rendering'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto('/src/components/modal/test/sheet', config);
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            await page.click('#sheet-modal');
-            await ionModalDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`modal-sheet-present`));
-        });
-    });
-});
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('sheet modal: backdrop'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/modal/test/sheet', config);
-        });
-        test('should dismiss the sheet modal when clicking the active backdrop', async ({ page }) => {
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            const ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
-            await page.click('#backdrop-active');
-            await ionModalDidPresent.next();
-            await page.mouse.click(50, 50);
-            await ionModalDidDismiss.next();
-        });
-        test('should present another sheet modal when clicking an inactive backdrop', async ({ page }) => {
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            const modal = page.locator('.custom-height');
-            await page.click('#backdrop-inactive');
-            await ionModalDidPresent.next();
-            await page.click('#custom-height-modal');
-            await ionModalDidPresent.next();
-            await expect(modal).toBeVisible();
-        });
-        test('input outside sheet modal should be focusable when backdrop is inactive', async ({ page }) => {
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            await page.click('#backdrop-inactive');
-            await ionModalDidPresent.next();
-            const input = page.locator('#root-input').first();
-            await input.click();
-            await expect(input).toBeFocused();
-        });
-    });
-    test.describe(title('sheet modal: setting the breakpoint'), () => {
-        test.describe('sheet modal: invalid values', () => {
-            let warnings = [];
-            test.beforeEach(async ({ page }) => {
-                await page.goto('/src/components/modal/test/sheet', config);
-                warnings = [];
-                page.on('console', (ev) => {
-                    if (ev.type() === 'warning') {
-                        warnings.push(ev.text());
-                    }
-                });
-                const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-                await page.click('#sheet-modal');
-                await ionModalDidPresent.next();
-                const modal = page.locator('ion-modal');
-                await modal.evaluate((el) => el.setCurrentBreakpoint(0.01));
-            });
-            test('it should not change the breakpoint when setting to an invalid value', async ({ page }) => {
-                const modal = page.locator('ion-modal');
-                const breakpoint = await modal.evaluate((el) => el.getCurrentBreakpoint());
-                expect(breakpoint).toBe(0.25);
-            });
-            test('it should warn when setting an invalid breakpoint', async () => {
-                expect(warnings.length).toBe(1);
-                expect(warnings[0]).toBe('[Ionic Warning]: Attempted to set invalid breakpoint value 0.01. Please double check that the breakpoint value is part of your defined breakpoints.');
-            });
-        });
-        test.describe('sheet modal: valid values', () => {
-            test.beforeEach(async ({ page }) => {
-                await page.goto('/src/components/modal/test/sheet', config);
-                const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-                await page.click('#sheet-modal');
-                await ionModalDidPresent.next();
-            });
-            test('should update the current breakpoint', async ({ page }) => {
-                const ionBreakpointDidChange = await page.spyOnEvent('ionBreakpointDidChange');
-                const modal = page.locator('.modal-sheet');
-                await modal.evaluate((el) => el.setCurrentBreakpoint(0.5));
-                await ionBreakpointDidChange.next();
-                const breakpoint = await modal.evaluate((el) => el.getCurrentBreakpoint());
-                expect(breakpoint).toBe(0.5);
-            });
-            test('should emit ionBreakpointDidChange', async ({ page }) => {
-                const ionBreakpointDidChange = await page.spyOnEvent('ionBreakpointDidChange');
-                const modal = page.locator('.modal-sheet');
-                await modal.evaluate((el) => el.setCurrentBreakpoint(0.5));
-                await ionBreakpointDidChange.next();
-                expect(ionBreakpointDidChange.events.length).toBe(1);
-            });
-            test('should emit ionBreakpointDidChange when breakpoint is set to 0', async ({ page }) => {
-                const ionBreakpointDidChange = await page.spyOnEvent('ionBreakpointDidChange');
-                const modal = page.locator('.modal-sheet');
-                await modal.evaluate((el) => el.setCurrentBreakpoint(0));
-                await ionBreakpointDidChange.next();
-                expect(ionBreakpointDidChange.events.length).toBe(1);
-            });
-            test('should emit ionBreakpointDidChange when the sheet is swiped to breakpoint 0', async ({ page }) => {
-                const ionBreakpointDidChange = await page.spyOnEvent('ionBreakpointDidChange');
-                const header = page.locator('.modal-sheet ion-header');
-                await dragElementBy(header, page, 0, 125);
-                await ionBreakpointDidChange.next();
-                expect(ionBreakpointDidChange.events.length).toBe(1);
-            });
-        });
-        test('it should reset the breakpoint value on dismiss', async ({ page }) => {
-            await page.goto('/src/components/modal/test/sheet', config);
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/25245',
-            });
-            await page.setContent(`
-        <ion-content>
-          <ion-button id="open-modal">Open</ion-button>
-          <ion-modal trigger="open-modal" initial-breakpoint="0.25">
-            <ion-content>
-              <ion-button id="dismiss" onclick="modal.dismiss();">Dismiss</ion-button>
-              <ion-button id="set-breakpoint">Set breakpoint</ion-button>
-            </ion-content>
-          </ion-modal>
-        </ion-content>
-        <script>
-          const modal = document.querySelector('ion-modal');
-          const setBreakpointButton = document.querySelector('#set-breakpoint');
-
-          modal.breakpoints = [0.25, 0.5, 1];
-
-          setBreakpointButton.addEventListener('click', () => {
-            modal.setCurrentBreakpoint(0.5);
-          });
-        </script>
-      `, config);
-            const modal = page.locator('ion-modal');
-            const dismissButton = page.locator('#dismiss');
-            const openButton = page.locator('#open-modal');
-            const setBreakpointButton = page.locator('#set-breakpoint');
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            const ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
-            const ionBreakpointDidChange = await page.spyOnEvent('ionBreakpointDidChange');
-            await openButton.click();
-            await ionModalDidPresent.next();
-            await setBreakpointButton.click();
-            await ionBreakpointDidChange.next();
-            await dismissButton.click();
-            await ionModalDidDismiss.next();
-            await openButton.click();
-            await ionModalDidPresent.next();
-            const breakpoint = await modal.evaluate((el) => el.getCurrentBreakpoint());
-            expect(breakpoint).toBe(0.25);
-            await setBreakpointButton.click();
-            await ionBreakpointDidChange.next();
-            const updatedBreakpoint = await modal.evaluate((el) => el.getCurrentBreakpoint());
-            expect(updatedBreakpoint).toBe(0.5);
-        });
-    });
-    test.describe(title('sheet modal: clicking the handle'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/modal/test/sheet', config);
-        });
-        test('should advance to the next breakpoint when handleBehavior is cycle', async ({ page }) => {
-            const ionBreakpointDidChange = await page.spyOnEvent('ionBreakpointDidChange');
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            const modal = page.locator('ion-modal');
-            await page.click('#handle-behavior-cycle-modal');
-            await ionModalDidPresent.next();
-            const handle = page.locator('ion-modal .modal-handle');
-            await handle.click();
-            await ionBreakpointDidChange.next();
-            await expect(await modal.evaluate((el) => el.getCurrentBreakpoint())).toBe(0.5);
-            await handle.click();
-            await ionBreakpointDidChange.next();
-            await expect(await modal.evaluate((el) => el.getCurrentBreakpoint())).toBe(0.75);
-            await handle.click();
-            await ionBreakpointDidChange.next();
-            await expect(await modal.evaluate((el) => el.getCurrentBreakpoint())).toBe(1);
-            await handle.click();
-            await ionBreakpointDidChange.next();
-            // Advancing from the last breakpoint should change the breakpoint to the first non-zero breakpoint
-            await expect(await modal.evaluate((el) => el.getCurrentBreakpoint())).toBe(0.25);
-        });
-        test('should not advance the breakpoint when handleBehavior is none', async ({ page }) => {
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            const modal = page.locator('ion-modal');
-            await page.click('#sheet-modal');
-            await ionModalDidPresent.next();
-            const handle = page.locator('ion-modal .modal-handle');
-            await handle.click();
-            await expect(await modal.evaluate((el) => el.getCurrentBreakpoint())).toBe(0.25);
-        });
-        test('should not dismiss the modal when backdrop is clicked and breakpoint is moving', async ({ page }) => {
-            const ionBreakpointDidChange = await page.spyOnEvent('ionBreakpointDidChange');
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            const modal = page.locator('ion-modal');
-            await page.click('#handle-behavior-cycle-modal');
-            await ionModalDidPresent.next();
-            const handle = page.locator('ion-modal .modal-handle');
-            const backdrop = page.locator('ion-modal ion-backdrop');
-            await handle.click();
-            backdrop.click();
-            await ionBreakpointDidChange.next();
-            await handle.click();
-            await ionBreakpointDidChange.next();
-            await expect(await modal.evaluate((el) => el.getCurrentBreakpoint())).toBe(0.75);
-        });
-    });
-});

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

@@ -1,19 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('modal: standalone'), () => {
-        test('should open even without an ion-app', async ({ page }) => {
-            await page.goto('/src/components/modal/test/standalone', config);
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            const ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
-            await page.click('#basic-modal');
-            await ionModalDidPresent.next();
-            const modal = page.locator('ion-modal');
-            await modal.evaluate((el) => el.dismiss());
-            await ionModalDidDismiss.next();
-            await page.locator('ion-modal').waitFor({ state: 'detached' });
-        });
-    });
-});