voyager-ionic-core 7.7.3 → 8.0.0-beta.2

package/dist/collection/components/select/test/legacy/basic/select.e2e.js

@@ -1,145 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../../utils/test/playwright/index";
-configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('select: basic'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/select/test/legacy/basic', config);
-        });
-        test.describe('select: alert', () => {
-            test('it should open an alert select', async ({ page }) => {
-                const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-                await page.click('#customAlertSelect');
-                await ionAlertDidPresent.next();
-                await expect(page.locator('ion-alert')).toBeVisible();
-            });
-        });
-        test.describe('select: action sheet', () => {
-            test('it should open an action sheet select', async ({ page }) => {
-                const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-                await page.click('#customActionSheetSelect');
-                await ionActionSheetDidPresent.next();
-                await expect(page.locator('ion-action-sheet')).toBeVisible();
-            });
-        });
-        test.describe('select: popover', () => {
-            test('it should open a popover select', async ({ page, browserName, skip }) => {
-                // TODO (FW-2979)
-                skip.browser('webkit', 'Safari 16 only allows text fields and pop-up menus to be focused.');
-                const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-                await page.click('#customPopoverSelect');
-                await ionPopoverDidPresent.next();
-                const popover = page.locator('ion-popover');
-                // TODO(FW-1436)
-                if (browserName !== 'firefox') {
-                    // select has no value, so first option should be focused by default
-                    const popoverOption1 = await popover.locator('.select-interface-option:first-of-type ion-radio');
-                    await expect(popoverOption1).toBeFocused();
-                }
-                await expect(popover).toBeVisible();
-            });
-        });
-    });
-});
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('select: multiple selects'), () => {
-        test('should not open multiple alert windows when clicked multiple times', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/25126',
-            });
-            await page.goto('/src/components/select/test/legacy/basic', config);
-            const select = page.locator('#gender');
-            await select.evaluate((el) => {
-                /*
-                 * Playwright's click() method attempts to scroll to the handle
-                 * to perform the action. That is problematic when the overlay
-                 * is already visible. We manually click() the element instead
-                 * to avoid flaky tests.
-                 */
-                el.click();
-                el.click();
-                el.click();
-            });
-            const alerts = await page.$$('ion-alert');
-            expect(alerts.length).toBe(1);
-        });
-    });
-});
-/**
- * ionChange has a consistent behavior across modes
- */
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('select: ionChange'), () => {
-        test('should fire ionChange when confirming a value from an alert', async ({ page }) => {
-            await page.setContent(`
-        <ion-select interface="alert">
-          <ion-select-option value="apple">Apple</ion-select-option>
-          <ion-select-option value="banana">Banana</ion-select-option>
-        </ion-select>
-      `, config);
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const ionChange = await page.spyOnEvent('ionChange');
-            const select = page.locator('ion-select');
-            await select.click();
-            await ionAlertDidPresent.next();
-            const alert = page.locator('ion-alert');
-            const radioButtons = alert.locator('.alert-radio-button');
-            const confirmButton = alert.locator('.alert-button:not(.alert-button-role-cancel)');
-            await radioButtons.nth(0).click();
-            await confirmButton.click();
-            await ionChange.next();
-            expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
-        });
-        test('should fire ionChange when confirming a value from a popover', async ({ page }) => {
-            await page.setContent(`
-        <ion-select interface="popover">
-          <ion-select-option value="apple">Apple</ion-select-option>
-          <ion-select-option value="banana">Banana</ion-select-option>
-        </ion-select>
-      `, config);
-            const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-            const ionChange = await page.spyOnEvent('ionChange');
-            const select = page.locator('ion-select');
-            await select.click();
-            await ionPopoverDidPresent.next();
-            const popover = page.locator('ion-popover');
-            const radioButtons = popover.locator('ion-radio');
-            await radioButtons.nth(0).click();
-            await ionChange.next();
-            expect(ionChange).toHaveReceivedEventDetail({ value: 'apple', event: { isTrusted: true } });
-        });
-        test('should fire ionChange when confirming a value from an action sheet', async ({ page }) => {
-            await page.setContent(`
-        <ion-select interface="action-sheet">
-          <ion-select-option value="apple">Apple</ion-select-option>
-          <ion-select-option value="banana">Banana</ion-select-option>
-        </ion-select>
-      `, config);
-            const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-            const ionChange = await page.spyOnEvent('ionChange');
-            const select = page.locator('ion-select');
-            await select.click();
-            await ionActionSheetDidPresent.next();
-            const actionSheet = page.locator('ion-action-sheet');
-            const buttons = actionSheet.locator('.action-sheet-button');
-            await buttons.nth(0).click();
-            await ionChange.next();
-            expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
-        });
-        test('should not fire when programmatically setting a valid value', async ({ page }) => {
-            await page.setContent(`
-        <ion-select>
-          <ion-select-option value="apple">Apple</ion-select-option>
-          <ion-select-option value="banana">Banana</ion-select-option>
-        </ion-select>
-      `, config);
-            const ionChange = await page.spyOnEvent('ionChange');
-            const select = page.locator('ion-select');
-            await select.evaluate((el) => (el.value = 'banana'));
-            await expect(ionChange).not.toHaveReceivedEvent();
-        });
-    });
-});

package/dist/collection/components/select/test/legacy/compare-with/select.e2e.js

@@ -1,67 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../../utils/test/playwright/index";
-/**
- * This behavior does not vary across modes/directions.
- */
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('select: compare-with'), () => {
-        test('should correctly set value when using compareWith property', async ({ page }) => {
-            await page.goto('/src/components/select/test/legacy/compare-with', config);
-            const multipleSelect = page.locator('#multiple');
-            const singleSelect = page.locator('#single');
-            await expect(multipleSelect).toHaveJSProperty('value', [
-                {
-                    label: 'selected by default',
-                    value: '1',
-                },
-            ]);
-            await expect(singleSelect).toHaveJSProperty('value', {
-                label: 'selected by default',
-                value: '1',
-            });
-        });
-        test('should work with different parameter types', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/25759',
-            });
-            await page.setContent(`
-        <ion-select value="3" placeholder="Please select"></ion-select>
-
-        <script>
-          const data = [
-            { id: 1, name: 'Option #1' },
-            { id: 2, name: 'Option #2' },
-            { id: 3, name: 'Option #3' },
-          ]
-          const select = document.querySelector('ion-select');
-          select.compareWith = (val1, val2) => {
-            // convert val1 to a number
-            return +val1 === val2;
-          }
-
-          data.forEach((d) => {
-            const el = document.createElement('ion-select-option');
-            el.value = d.id;
-            el.innerText = d.name;
-
-            select.appendChild(el);
-          });
-        </script>
-      `, config);
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const select = page.locator('ion-select');
-            const selectLabel = select.locator('[part="text"]');
-            await expect(selectLabel).toHaveText('Option #3');
-            await select.click();
-            await ionAlertDidPresent.next();
-            const selectRadios = page.locator('ion-alert button.alert-radio');
-            await expect(selectRadios.nth(0)).toHaveAttribute('aria-checked', 'false');
-            await expect(selectRadios.nth(1)).toHaveAttribute('aria-checked', 'false');
-            await expect(selectRadios.nth(2)).toHaveAttribute('aria-checked', 'true');
-        });
-    });
-});

package/dist/collection/components/select/test/legacy/custom/custom.e2e.js

@@ -1,13 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../../utils/test/playwright/index";
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('select: custom'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/select/test/legacy/custom`, config);
-            await expect(page).toHaveScreenshot(screenshot(`select-custom-diff`));
-        });
-    });
-});

package/dist/collection/components/select/test/legacy/single-value/select.e2e.js

@@ -1,16 +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('select: single-value'), () => {
-        test('should open single value select', async ({ page }) => {
-            await page.goto(`/src/components/select/test/legacy/single-value`, config);
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            await page.click('#gender');
-            await ionAlertDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`select-single-value-diff`));
-        });
-    });
-});

package/dist/collection/components/select/test/legacy/spec/select.e2e.js

@@ -1,14 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../../utils/test/playwright/index";
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('select: spec'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/select/test/legacy/spec`, config);
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`select-spec-diff`));
-        });
-    });
-});

package/dist/collection/components/select/test/legacy/standalone/select.e2e.js

@@ -1,18 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { configs, test } from "../../../../../utils/test/playwright/index";
-configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('select: standalone'), () => {
-        test('should open an overlay without ion-app', async ({ page }) => {
-            await page.goto(`/src/components/select/test/legacy/standalone`, config);
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const ionAlertDidDismiss = await page.spyOnEvent('ionAlertDidDismiss');
-            await page.click('#gender');
-            await ionAlertDidPresent.next();
-            const alert = page.locator('ion-alert');
-            await alert.evaluate((el) => el.dismiss());
-            await ionAlertDidDismiss.next();
-        });
-    });
-});

package/dist/collection/components/select/test/legacy/wrapping/select.e2e.js

@@ -1,39 +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('select: wrapping'), () => {
-        test('should not wrap text by default', async ({ page }) => {
-            await page.setContent(`
-        <ion-select value="nowrap" legacy="true">
-          <ion-select-option value="nowrap">Should not wrap when no label exists and no class is added to make the text wrap</ion-select-option>
-        </ion-select>
-      `, config);
-            const select = page.locator('ion-select');
-            await expect(select).toHaveScreenshot(screenshot(`select-nowrap`));
-        });
-        test('should wrap text with class', async ({ page }) => {
-            await page.setContent(`
-        <ion-select value="wrap" legacy="true" class="ion-text-wrap">
-          <ion-select-option value="wrap">Should wrap when no label exists and really long text exists to make it wrap the text</ion-select-option>
-        </ion-select>
-      `, config);
-            const select = page.locator('ion-select');
-            await expect(select).toHaveScreenshot(screenshot(`select-wrap`));
-        });
-        test('should not wrap label while wrapping text with class', async ({ page }) => {
-            await page.setContent(`
-        <ion-item>
-          <ion-label>Really long label should not wrap</ion-label>
-          <ion-select value="wrap" legacy="true" class="ion-text-wrap">
-            <ion-select-option value="wrap">Should wrap value only when label exists and really long text exists to make it wrap the text</ion-select-option>
-          </ion-select>
-        </ion-item>
-      `, config);
-            const select = page.locator('ion-item');
-            await expect(select).toHaveScreenshot(screenshot(`select-wrap-with-label`));
-        });
-    });
-});

package/dist/collection/components/textarea/test/legacy/a11y/textarea.e2e.js

@@ -1,31 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../../utils/test/playwright/index";
-/**
- * This behavior does not vary across modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('textarea: a11y'), () => {
-        test('does not set a default aria-labelledby when there is not a neighboring ion-label', async ({ page }) => {
-            await page.setContent(`<ion-textarea></ion-textarea>`, config);
-            await page.setIonViewport();
-            const textarea = page.locator('ion-textarea textarea');
-            const ariaLabelledBy = await textarea.getAttribute('aria-labelledby');
-            expect(ariaLabelledBy).toBe(null);
-        });
-        test('set a default aria-labelledby when a neighboring ion-label exist', async ({ page }) => {
-            await page.setContent(`
-        <ion-item>
-          <ion-label>A11y Test</ion-label>
-          <ion-textarea></ion-textarea>
-        </ion-item>
-      `, config);
-            const label = page.locator('ion-label');
-            const textarea = page.locator('ion-textarea textarea');
-            const ariaLabelledBy = await textarea.getAttribute('aria-labelledby');
-            expect(ariaLabelledBy).toBe(await label.getAttribute('id'));
-        });
-    });
-});

package/dist/collection/components/textarea/test/legacy/autogrow/textarea.e2e.js

@@ -1,58 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../../utils/test/playwright/index";
-/**
- * This behavior does not vary across directions
- */
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('textarea: autogrow'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/textarea/test/legacy/autogrow`, config);
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`textarea-autogrow-diff`));
-        });
-        test('should grow when typing', async ({ page }) => {
-            await page.setContent(`
-        <ion-app>
-          <ion-content>
-            <ion-list>
-              <ion-item>
-                <ion-textarea auto-grow="true" legacy="true"></ion-textarea>
-              </ion-item>
-            </ion-list>
-          </ion-content>
-        </ion-app>`, config);
-            const textarea = page.locator('ion-textarea');
-            await textarea.click();
-            await page.waitForChanges();
-            await textarea.type('Now, this is a story all about how');
-            await page.setIonViewport();
-            await expect(textarea).toHaveScreenshot(screenshot(`textarea-autogrow-initial`));
-            await textarea.type([
-                `\nMy life got flipped-turned upside down`,
-                `And I'd like to take a minute`,
-                `Just sit right there`,
-                `I'll tell you how I became the prince of a town called Bel-Air`,
-            ].join('\n'));
-            await expect(textarea).toHaveScreenshot(screenshot(`textarea-autogrow-after`));
-        });
-        test('should break long lines without white space', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/25893',
-            });
-            await page.setContent(`<ion-app>
-          <ion-content>
-            <ion-textarea
-              legacy="true"
-              auto-grow="true"
-              value="abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz"></ion-textarea>
-          </ion-content>
-        </ion-app>`, config);
-            const textarea = page.locator('ion-textarea');
-            await expect(textarea).toHaveScreenshot(screenshot(`textarea-autogrow-word-break`));
-        });
-    });
-});

package/dist/collection/components/textarea/test/legacy/basic/textarea.e2e.js

@@ -1,43 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../../utils/test/playwright/index";
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('textarea: basic'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/textarea/test/legacy/basic`, config);
-            /**
-             * The auto grow implementation uses a requestAnimationFrame to append styles to the textarea
-             * on load. We need to wait for changes otherwise the screenshot can be taken before the
-             * styles are applied.
-             */
-            await page.waitForChanges();
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`textarea-diff`));
-        });
-        test.describe(title('with floating labels'), () => {
-            /**
-             * Verifies the display of a floating label above an `ion-textarea`.
-             * Captures a screenshot of the initial state (without a value) and verifies
-             * that the label translates correctly after the value is set.
-             */
-            test('should not have visual regressions', async ({ page }) => {
-                await page.setContent(`
-        <ion-item>
-          <ion-label position="floating">Floating Label</ion-label>
-          <ion-textarea></ion-textarea>
-        </ion-item>`, config);
-                const item = page.locator('ion-item');
-                const textarea = page.locator('ion-textarea');
-                await expect(item).toHaveScreenshot(screenshot(`textarea-floating-label-initial`));
-                await textarea.evaluate((el) => {
-                    el.value = 'Updated value';
-                });
-                await page.waitForChanges();
-                await page.setIonViewport();
-                await expect(item).toHaveScreenshot(screenshot(`textarea-floating-label-diff`));
-            });
-        });
-    });
-});

package/dist/collection/components/textarea/test/legacy/clear-on-edit/textarea.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('textarea: clearOnEdit'), () => {
-        test('should clear the textarea on first keystroke of textarea being focused', async ({ page }) => {
-            await page.setContent(`<ion-textarea value="some value" clear-on-edit="true"></ion-textarea>`, config);
-            const textarea = page.locator('ion-textarea');
-            await textarea.click();
-            await textarea.type('h');
-            expect(await textarea.evaluate((el) => el.value)).toBe('h');
-            await textarea.type('ello world');
-            expect(await textarea.evaluate((el) => el.value)).toBe('hello world');
-        });
-        test('should not clear the textarea if it does not have an initial value when typing', async ({ page }) => {
-            await page.setContent(`<ion-textarea value="" clear-on-edit="true"></ion-textarea>`, config);
-            const textarea = page.locator('ion-textarea');
-            await textarea.click();
-            await textarea.type('hello world');
-            expect(await textarea.evaluate((el) => el.value)).toBe('hello world');
-        });
-    });
-});

package/dist/collection/components/toggle/test/legacy/basic/toggle.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";
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('toggle: rendering'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/toggle/test/legacy/basic`, config);
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`toggle-diff`));
-        });
-    });
-});
-/**
- * This behavior does not vary across modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('toggle: functionality'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto(`/src/components/toggle/test/legacy/basic`, config);
-        });
-        test('should have proper class and aria role when checked', async ({ page }) => {
-            const toggle = page.locator('#orange');
-            await expect(toggle).not.toHaveClass(/toggle-checked/);
-            await expect(toggle).toHaveAttribute('aria-checked', 'false');
-            await toggle.click();
-            await page.waitForChanges();
-            await expect(toggle).toHaveClass(/toggle-checked/);
-            await expect(toggle).toHaveAttribute('aria-checked', 'true');
-            await toggle.click();
-            await page.waitForChanges();
-            await expect(toggle).not.toHaveClass(/toggle-checked/);
-            await expect(toggle).toHaveAttribute('aria-checked', 'false');
-        });
-        test('should fire change event with detail', async ({ page }) => {
-            const toggle = page.locator('#orange');
-            const ionChange = await page.spyOnEvent('ionChange');
-            await toggle.click();
-            await page.waitForChanges();
-            expect(ionChange).toHaveReceivedEventDetail({
-                checked: true,
-                value: 'on',
-            });
-            await toggle.click();
-            await page.waitForChanges();
-            expect(ionChange).toHaveReceivedEventDetail({
-                checked: false,
-                value: 'on',
-            });
-        });
-        test('should not fire change event if checked prop is changed directly', async ({ page }) => {
-            const toggle = page.locator('#orange');
-            const ionChange = await page.spyOnEvent('ionChange');
-            await toggle.evaluate((el) => (el.checked = true));
-            await page.waitForChanges();
-            expect(ionChange).toHaveReceivedEventTimes(0);
-        });
-        test('should pass properties down to hidden input', async ({ page }) => {
-            const toggle = page.locator('#grapeChecked');
-            await expect(toggle).toHaveJSProperty('disabled', true);
-            await expect(toggle).toHaveJSProperty('value', 'grape');
-            await expect(toggle).toHaveJSProperty('name', 'grape');
-            const hiddenInput = page.locator('#grapeChecked input[type=hidden]');
-            await expect(hiddenInput).toBeDisabled();
-            await expect(hiddenInput).toHaveJSProperty('value', 'grape');
-            await expect(hiddenInput).toHaveJSProperty('name', 'grape');
-            await toggle.evaluate((el) => {
-                el.disabled = false;
-                el.checked = false;
-                el.value = 'new-value';
-                el.name = 'new-name';
-            });
-            await page.waitForChanges();
-            await expect(hiddenInput).not.toBeDisabled();
-            await expect(hiddenInput).toHaveJSProperty('name', 'new-name');
-            // shouldn't have a value because it's unchecked
-            // note: using toHaveJSProperty to check empty string triggers error for some reason
-            const value = await hiddenInput.evaluate((el) => el.value);
-            expect(value).toBe('');
-        });
-    });
-});

package/dist/collection/components/toggle/test/legacy/enable-on-off-labels/toggle.e2e.js

@@ -1,37 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../../utils/test/playwright/index";
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('toggle: enableOnOffLabels'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/toggle/test/legacy/enable-on-off-labels`, config);
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`toggle-on-off-labels-diff`));
-        });
-    });
-});
-/**
- * This behavior does not vary across directions.
- */
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('toggle: dark mode'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/toggle/test/legacy/enable-on-off-labels`, config);
-            const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-            const ionPopoverDidDismiss = await page.spyOnEvent('ionPopoverDidDismiss');
-            await page.click('#popover-trigger');
-            await ionPopoverDidPresent.next();
-            await page.click('#dark-mode');
-            await page.evaluate(() => {
-                const popover = document.querySelector('ion-popover');
-                return popover === null || popover === void 0 ? void 0 : popover.dismiss();
-            });
-            await ionPopoverDidDismiss.next();
-            await page.waitForChanges();
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`toggle-on-off-labels-dark-mode-diff`));
-        });
-    });
-});

package/dist/collection/components/toggle/test/legacy/sizes/power-outline.svg

@@ -1 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><title>ionicons-v5-p</title><path d='M378,108a191.41,191.41,0,0,1,70,148c0,106-86,192-192,192S64,362,64,256a192,192,0,0,1,69-148' style='fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><line x1='256' y1='64' x2='256' y2='256' style='fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/></svg>

package/dist/collection/components/toggle/test/legacy/sizes/toggle.e2e.js

@@ -1,14 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../../utils/test/playwright/index";
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('toggle: sizes'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/toggle/test/legacy/sizes`, config);
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`toggle-sizes-diff`));
-        });
-    });
-});