@ionic/core 8.2.3-dev.11718879673.1a3f486b → 8.2.3-dev.11719439159.152ff050

package/dist/collection/components/action-sheet/test/basic/action-sheet.spec.js

@@ -1,40 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { ActionSheet } from "../../action-sheet";
-describe('action sheet: htmlAttributes inheritance', () => {
-    it('should correctly inherit attributes on host', async () => {
-        const page = await newSpecPage({
-            components: [ActionSheet],
-            template: () => (h("ion-action-sheet", { htmlAttributes: {
-                    'data-testid': 'basic-action-sheet',
-                }, overlayIndex: 1 })),
-        });
-        const actionSheet = page.body.querySelector('ion-action-sheet');
-        await expect(actionSheet.getAttribute('data-testid')).toBe('basic-action-sheet');
-    });
-});
-describe('action sheet: disabled buttons', () => {
-    it('regular button should be disabled', async () => {
-        const page = await newSpecPage({
-            components: [ActionSheet],
-            template: () => (h("ion-action-sheet", { buttons: [{ text: 'cancel', disabled: true }], overlayIndex: 1 })),
-        });
-        const actionSheet = page.body.querySelector('ion-action-sheet');
-        await actionSheet.present();
-        const button = actionSheet.querySelector('.action-sheet-button');
-        await expect(button.hasAttribute('disabled')).toBe(true);
-    });
-    it('cancel button should not be disabled', async () => {
-        const page = await newSpecPage({
-            components: [ActionSheet],
-            template: () => (h("ion-action-sheet", { buttons: [{ text: 'cancel', role: 'cancel', disabled: true }], overlayIndex: 1 })),
-        });
-        const actionSheet = page.body.querySelector('ion-action-sheet');
-        await actionSheet.present();
-        const cancelButton = actionSheet.querySelector('.action-sheet-cancel');
-        await expect(cancelButton.hasAttribute('disabled')).toBe(false);
-    });
-});

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

@@ -1,33 +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'], modes: ['ios'] }).forEach(({ config, title }) => {
-    test.describe(title('action sheet: isOpen'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/action-sheet/test/is-open', config);
-        });
-        test('should open the action sheet', async ({ page }) => {
-            const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-            const actionSheet = page.locator('ion-action-sheet');
-            await page.click('#default');
-            await ionActionSheetDidPresent.next();
-            await expect(actionSheet).toBeVisible();
-        });
-        test('should open the action sheet then close after a timeout', async ({ page }) => {
-            const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-            const ionActionSheetDidDismiss = await page.spyOnEvent('ionActionSheetDidDismiss');
-            const actionSheet = page.locator('ion-action-sheet');
-            await page.click('#timeout');
-            await ionActionSheetDidPresent.next();
-            await expect(actionSheet).toBeVisible();
-            await ionActionSheetDidDismiss.next();
-            await expect(actionSheet).toBeHidden();
-        });
-        test('should open if isOpen is true on load', async ({ page }) => {
-            await page.setContent('<ion-action-sheet is-open="true"></ion-action-sheet>', config);
-            await expect(page.locator('ion-action-sheet')).toBeVisible();
-        });
-    });
-});

package/dist/collection/components/action-sheet/test/translucent/action-sheet.e2e.js

@@ -1,18 +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'], modes: ['ios'] }).forEach(({ config, screenshot, title }) => {
-    test.describe(title('action sheet: translucent'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/action-sheet/test/translucent`, config);
-            const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-            const basic = page.locator('#basic');
-            await basic.click();
-            await ionActionSheetDidPresent.next();
-            const actionSheet = page.locator('ion-action-sheet');
-            await expect(actionSheet).toHaveScreenshot(screenshot('action-sheet-translucent'));
-        });
-    });
-});

package/dist/collection/components/action-sheet/test/trigger/action-sheet.e2e.js

@@ -1,29 +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'], modes: ['ios'] }).forEach(({ config, title }) => {
-    test.describe(title('action sheet: trigger'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/action-sheet/test/trigger', config);
-        });
-        test('should open the action sheet', async ({ page }) => {
-            const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-            const actionSheet = page.locator('#default-action-sheet');
-            await page.click('#default');
-            await ionActionSheetDidPresent.next();
-            await expect(actionSheet).toBeVisible();
-        });
-        test('should present a previously presented action sheet', async ({ page }) => {
-            const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-            const ionActionSheetDidDismiss = await page.spyOnEvent('ionActionSheetDidDismiss');
-            const actionSheet = page.locator('#timeout-action-sheet');
-            await page.click('#timeout');
-            await ionActionSheetDidDismiss.next();
-            await page.click('#timeout');
-            await ionActionSheetDidPresent.next();
-            await expect(actionSheet).toBeVisible();
-        });
-    });
-});

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

@@ -1,247 +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";
-const testAria = async (page, buttonID, expectedAriaLabelledBy, expectedAriaDescribedBy) => {
-    const didPresent = await page.spyOnEvent('ionAlertDidPresent');
-    const button = page.locator(`#${buttonID}`);
-    await button.click();
-    await didPresent.next();
-    const alert = page.locator('ion-alert');
-    /**
-     * expect().toHaveAttribute() can't check for a null value, so grab and check
-     * the values manually instead.
-     */
-    const ariaLabelledBy = await alert.getAttribute('aria-labelledby');
-    const ariaDescribedBy = await alert.getAttribute('aria-describedby');
-    expect(ariaLabelledBy).toBe(expectedAriaLabelledBy);
-    expect(ariaDescribedBy).toBe(expectedAriaDescribedBy);
-};
-configs({ directions: ['ltr'], palettes: ['dark', 'light'] }).forEach(({ title, config }) => {
-    test.describe(title('alert: Axe testing'), () => {
-        test('should not have accessibility violations when header and message are defined', async ({ page }) => {
-            await page.setContent(`
-          <ion-alert></ion-alert>
-
-          <script>
-            const alert = document.querySelector('ion-alert');
-            alert.header = 'Header';
-            alert.subHeader = 'Subtitle';
-            alert.buttons = ['OK'];
-          </script>
-        `, config);
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const alert = page.locator('ion-alert');
-            await alert.evaluate((el) => el.present());
-            await ionAlertDidPresent.next();
-            const results = await new AxeBuilder({ page }).analyze();
-            expect(results.violations).toEqual([]);
-        });
-    });
-});
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('alert: text wrapping'), () => {
-        test('should break on words and white spaces for radios', async ({ page }, testInfo) => {
-            testInfo.annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/28406',
-            });
-            await page.setContent(`
-        <ion-alert header='Text Wrapping'></ion-alert>
-
-        <script>
-          const alert = document.querySelector('ion-alert');
-          alert.inputs = [
-            { type: 'radio', value: 'a', label: 'ThisIsAllOneReallyLongWordThatShouldWrap' },
-            { type: 'radio', value: 'b', label: 'These are separate words that should wrap' }
-          ];
-        </script>
-      `, config);
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const alert = page.locator('ion-alert');
-            await alert.evaluate((el) => el.present());
-            await ionAlertDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`alert-radio-text-wrap`));
-        });
-        test('should break on words and white spaces for checkboxes', async ({ page }, testInfo) => {
-            testInfo.annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/28406',
-            });
-            await page.setContent(`
-        <ion-alert header='Text Wrapping'></ion-alert>
-
-        <script>
-          const alert = document.querySelector('ion-alert');
-          alert.inputs = [
-            { type: 'checkbox', value: 'a', label: 'ThisIsAllOneReallyLongWordThatShouldWrap' },
-            { type: 'checkbox', value: 'b', label: 'These are separate words that should wrap' }
-          ];
-        </script>
-      `, config);
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const alert = page.locator('ion-alert');
-            await alert.evaluate((el) => el.present());
-            await ionAlertDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`alert-checkbox-text-wrap`));
-        });
-    });
-});
-configs({ directions: ['ltr'] }).forEach(({ config, title }) => {
-    test.describe(title('alert: a11y'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto(`/src/components/alert/test/a11y`, config);
-        });
-        test('should have aria-labelledby when header is set', async ({ page }) => {
-            await testAria(page, 'noMessage', 'alert-1-hdr', null);
-        });
-        test('should have aria-describedby when message is set', async ({ page }) => {
-            await testAria(page, 'noHeaders', null, 'alert-1-msg');
-        });
-        test('should fall back to subHeader for aria-labelledby if header is not defined', async ({ page }) => {
-            await testAria(page, 'subHeaderOnly', 'alert-1-sub-hdr', 'alert-1-msg');
-        });
-        test('should allow for manually specifying aria attributes', async ({ page }) => {
-            await testAria(page, 'customAria', 'Custom title', 'Custom description');
-        });
-        test('should have aria-labelledby and aria-label added to the button when htmlAttributes is set', async ({ page, }) => {
-            const didPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const button = page.locator('#ariaLabelButton');
-            await button.click();
-            await didPresent.next();
-            const alertButton = page.locator('ion-alert .alert-button');
-            await expect(alertButton).toHaveAttribute('aria-labelledby', 'close-label');
-            await expect(alertButton).toHaveAttribute('aria-label', 'close button');
-        });
-        test('should not toggle the checkbox when pressing the Enter key', async ({ page }) => {
-            const didPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const button = page.locator('#checkbox');
-            await button.click();
-            await didPresent.next();
-            const alertCheckbox = page.locator('ion-alert .alert-checkbox');
-            const ariaChecked = await alertCheckbox.getAttribute('aria-checked');
-            await expect(alertCheckbox).toHaveAttribute('aria-checked', ariaChecked);
-            await alertCheckbox.press('Enter');
-            await expect(alertCheckbox).toHaveAttribute('aria-checked', ariaChecked);
-        });
-    });
-});
-/**
- * This behavior does not vary across directions
- */
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('alert: font scaling'), () => {
-        test('should scale text on larger font sizes', async ({ page, skip }) => {
-            // TODO(ROU-8158): unskip this test when a solution is found
-            skip.browser('chromium', 'Rendering is flaky in Chrome.');
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 36px;
-          }
-        </style>
-
-
-        <ion-alert header="Header" sub-header="Sub Header" message="Message"></ion-alert>
-
-        <script>
-          const alert = document.querySelector('ion-alert');
-          alert.buttons = ['Ok', 'Cancel'];
-        </script>
-      `, config);
-            const alert = page.locator('ion-alert');
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            await alert.evaluate((el) => el.present());
-            await ionAlertDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`alert-scale`));
-        });
-        test('should scale text on larger font sizes with checkboxes', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 36px;
-          }
-        </style>
-
-
-        <ion-alert header="Header" sub-header="Sub Header" message="Message"></ion-alert>
-
-        <script>
-          const alert = document.querySelector('ion-alert');
-          alert.inputs = [
-            { type: 'checkbox', value: 'a', label: 'Checkbox A', checked: true },
-            { type: 'checkbox', value: 'b', label: 'Checkbox B' },
-            { type: 'checkbox', value: 'c', label: 'Checkbox C' },
-            { type: 'checkbox', value: 'd', label: 'Checkbox D' },
-          ];
-          alert.buttons = ['Ok', 'Cancel'];
-        </script>
-      `, config);
-            const alert = page.locator('ion-alert');
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            await alert.evaluate((el) => el.present());
-            await ionAlertDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`alert-checkbox-scale`));
-        });
-        test('should scale text on larger font sizes with radios', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 36px;
-          }
-        </style>
-
-
-        <ion-alert header="Header" sub-header="Sub Header" message="Message"></ion-alert>
-
-        <script>
-          const alert = document.querySelector('ion-alert');
-          alert.inputs = [
-            { type: 'radio', value: 'a', label: 'Radio A', checked: true },
-            { type: 'radio', value: 'b', label: 'Radio B' },
-            { type: 'radio', value: 'c', label: 'Radio C' },
-            { type: 'radio', value: 'd', label: 'Radio D' },
-          ];
-          alert.buttons = ['Ok', 'Cancel'];
-        </script>
-      `, config);
-            const alert = page.locator('ion-alert');
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            await alert.evaluate((el) => el.present());
-            await ionAlertDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`alert-radio-scale`));
-        });
-        test('should scale text on larger font sizes with text fields', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 36px;
-          }
-        </style>
-
-
-        <ion-alert header="Header" sub-header="Sub Header" message="Message"></ion-alert>
-
-        <script>
-          const alert = document.querySelector('ion-alert');
-          alert.inputs = [
-            { type: 'text', value: 'My Input', label: 'Input' },
-            { type: 'textarea', value: 'My Textarea', label: 'Textarea' },
-          ];
-          alert.buttons = ['Ok', 'Cancel'];
-        </script>
-      `, config);
-            const alert = page.locator('ion-alert');
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            await alert.evaluate((el) => el.present());
-            await ionAlertDidPresent.next();
-            /**
-             * The borders on the text fields may not be visible in the screenshot
-             * when using Safari, this is due to a WebKit rendering quirk.
-             */
-            await expect(page).toHaveScreenshot(screenshot(`alert-text-fields-scale`));
-        });
-    });
-});

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

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

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

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

package/dist/collection/components/alert/test/basic/alert-tablet.e2e.js

@@ -1,40 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test, Viewports } from "../../../../utils/test/playwright/index";
-/**
- * This behavior does not vary across directions.
- */
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('alert: rendering - tablet'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.setViewportSize(Viewports.tablet.portrait);
-            await page.goto('/src/components/alert/test/basic', config);
-        });
-        test('should expand width and height on larger displays with text', async ({ page }) => {
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const button = page.locator('#longMessage');
-            const alert = page.locator('ion-alert');
-            await button.click();
-            await ionAlertDidPresent.next();
-            await expect(alert).toHaveScreenshot(screenshot('alert-tablet-text'));
-        });
-        test('should expand width and height on larger displays with checkboxes', async ({ page }) => {
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const button = page.locator('#checkbox');
-            const alert = page.locator('ion-alert');
-            await button.click();
-            await ionAlertDidPresent.next();
-            await expect(alert).toHaveScreenshot(screenshot('alert-tablet-checkboxes'));
-        });
-        test('should expand width and height on larger displays with radios', async ({ page }) => {
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const button = page.locator('#radio');
-            const alert = page.locator('ion-alert');
-            await button.click();
-            await ionAlertDidPresent.next();
-            await expect(alert).toHaveScreenshot(screenshot('alert-tablet-radios'));
-        });
-    });
-});

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

@@ -1,135 +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(({ config, screenshot, title }) => {
-    test.describe(title('alert: basic'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/alert/test/basic', config);
-        });
-        test('focus trap should work correctly', async ({ page, browserName }) => {
-            const tabKey = browserName === 'webkit' ? 'Alt+Tab' : 'Tab';
-            const alertFixture = new AlertFixture(page, screenshot);
-            const alert = await alertFixture.open('#multipleButtons');
-            const alertBtns = alert.locator('button');
-            await page.keyboard.press(tabKey);
-            await expect(alertBtns.nth(0)).toBeFocused();
-            await page.keyboard.press(`Shift+${tabKey}`);
-            await expect(alertBtns.nth(2)).toBeFocused();
-            await page.keyboard.press(tabKey);
-            await expect(alertBtns.nth(0)).toBeFocused();
-        });
-        test('should set custom attributes', async ({ page }) => {
-            const alertFixture = new AlertFixture(page, screenshot);
-            const alert = await alertFixture.open('#basic');
-            await expect(alert).toHaveAttribute('data-testid', 'basic-alert');
-        });
-        test('should dismiss when async handler resolves', async ({ page }) => {
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const ionAlertDidDismiss = await page.spyOnEvent('ionAlertDidDismiss');
-            const ionLoadingDidDismiss = await page.spyOnEvent('ionLoadingDidDismiss');
-            const alert = page.locator('ion-alert');
-            await page.click('#asyncHandler');
-            await ionAlertDidPresent.next();
-            await page.click('.alert-button');
-            await expect(alert).toBeVisible();
-            await ionLoadingDidDismiss.next();
-            await ionAlertDidDismiss.next();
-            await expect(alert).toBeHidden();
-        });
-    });
-});
-configs().forEach(({ config, screenshot, title }) => {
-    test.describe(title('should not have visual regressions'), () => {
-        let alertFixture;
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/alert/test/basic', config);
-            alertFixture = new AlertFixture(page, screenshot);
-        });
-        test('header, subheader, message', async () => {
-            await alertFixture.open('#basic');
-            await alertFixture.screenshot('basic');
-        });
-        test('long message', async () => {
-            await alertFixture.open('#longMessage');
-            await alertFixture.screenshot('longMessage');
-        });
-        test('no message', async () => {
-            await alertFixture.open('#noMessage');
-            await alertFixture.screenshot('noMessage');
-        });
-        test('two buttons', async () => {
-            await alertFixture.open('#confirm');
-            await alertFixture.screenshot('confirm');
-        });
-        test('form prompt', async () => {
-            await alertFixture.open('#prompt');
-            await alertFixture.screenshot('prompt');
-        });
-        test('radios', async () => {
-            await alertFixture.open('#radio');
-            await alertFixture.screenshot('radio');
-        });
-        test('checkboxes', async () => {
-            await alertFixture.open('#checkbox');
-            await alertFixture.screenshot('checkbox');
-        });
-    });
-});
-configs({ palettes: ['light', 'dark'] }).forEach(({ config, screenshot, title }) => {
-    test.describe(title('should not have visual regressions'), () => {
-        test('more than two buttons', async ({ page }) => {
-            await page.setContent(`
-        <ion-alert
-          header="Alert"
-          sub-header="Subtitle"
-          message="This is an alert message."
-          is-open="true"
-        ></ion-alert>
-
-        <script>
-          const alert = document.querySelector('ion-alert');
-          alert.buttons = [
-            'Open Modal',
-            {
-              text: 'Delete',
-              id: 'delete-button',
-              role: 'destructive',
-            },
-            'Cancel'
-          ];
-        </script>
-      `, config);
-            const alert = page.locator('ion-alert');
-            await expect(alert).toHaveScreenshot(screenshot(`alert-multipleButtons`));
-        });
-    });
-});
-class AlertFixture {
-    constructor(page, screenshot) {
-        this.page = page;
-        this.screenshotFn = screenshot;
-    }
-    async open(selector) {
-        const ionAlertDidPresent = await this.page.spyOnEvent('ionAlertDidPresent');
-        await this.page.locator(selector).click();
-        await ionAlertDidPresent.next();
-        this.alert = this.page.locator('ion-alert');
-        await expect(this.alert).toBeVisible();
-        return this.alert;
-    }
-    async dismiss() {
-        const ionAlertDidDismiss = await this.page.spyOnEvent('ionAlertDidDismiss');
-        await this.alert.evaluate((el) => el.dismiss());
-        await ionAlertDidDismiss.next();
-        await expect(this.alert).not.toBeVisible();
-    }
-    async screenshot(modifier) {
-        const { screenshotFn } = this;
-        if (!screenshotFn) {
-            throw new Error('A screenshot function is required to take a screenshot. Pass one in when creating ActionSheetFixture.');
-        }
-        await expect(this.alert).toHaveScreenshot(screenshotFn(`alert-${modifier}`));
-    }
-}

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

@@ -1,33 +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'], modes: ['ios'] }).forEach(({ config, title }) => {
-    test.describe(title('alert: isOpen'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/alert/test/is-open', config);
-        });
-        test('should open the alert', async ({ page }) => {
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const alert = page.locator('ion-alert');
-            await page.click('#default');
-            await ionAlertDidPresent.next();
-            await expect(alert).toBeVisible();
-        });
-        test('should open the alert then close after a timeout', async ({ page }) => {
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const ionAlertDidDismiss = await page.spyOnEvent('ionAlertDidDismiss');
-            const alert = page.locator('ion-alert');
-            await page.click('#timeout');
-            await ionAlertDidPresent.next();
-            await expect(alert).toBeVisible();
-            await ionAlertDidDismiss.next();
-            await expect(alert).toBeHidden();
-        });
-        test('should open if isOpen is true on load', async ({ page }) => {
-            await page.setContent('<ion-alert is-open="true"></ion-alert>', config);
-            await expect(page.locator('ion-alert')).toBeVisible();
-        });
-    });
-});