@ionic/core 8.2.3-dev.11719301373.17616928 → 8.2.3-dev.11719440872.196c045b

package/dist/collection/components/picker/test/keyboard-entry/picker.e2e.js

@@ -1,183 +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('picker: keyboard entry'), () => {
-        test('should scroll to and update the value prop for a single column', async ({ page }) => {
-            await page.setContent(`
-        <ion-picker>
-          <ion-picker-column></ion-picker-column>
-        </ion-picker>
-
-        <script>
-          const column = document.querySelector('ion-picker-column');
-          column.numericInput = true;
-          const items = [
-            { text: '01', value: 1 },
-            { text: '02', value: 2 },
-            { text: '03', value: 3 },
-            { text: '04', value: 4 },
-            { text: '05', value: 5 }
-          ];
-
-          items.forEach((item) => {
-            const option = document.createElement('ion-picker-column-option');
-            option.value = item.value;
-            option.textContent = item.text;
-
-            column.appendChild(option);
-          });
-        </script>
-      `, config);
-            const column = page.locator('ion-picker-column');
-            const ionChange = await page.spyOnEvent('ionChange');
-            await column.evaluate((el) => el.setFocus());
-            await page.keyboard.press('Digit2');
-            await expect(ionChange).toHaveReceivedEventDetail({ value: 2 });
-            await expect(column).toHaveJSProperty('value', 2);
-        });
-        test('should scroll to and update the value prop for multiple columns', async ({ page }) => {
-            await page.setContent(`
-        <ion-picker>
-          <ion-picker-column id="first"></ion-picker-column>
-          <ion-picker-column id="second"></ion-picker-column>
-        </ion-picker>
-
-        <script>
-          const firstColumn = document.querySelector('ion-picker-column#first');
-          const firstItems = [
-            { text: '01', value: 1 },
-            { text: '02', value: 2 },
-            { text: '03', value: 3 },
-            { text: '04', value: 4 },
-            { text: '05', value: 5 }
-          ];
-          firstColumn.value = 5;
-          firstColumn.numericInput = true;
-
-          firstItems.forEach((item) => {
-            const option = document.createElement('ion-picker-column-option');
-            option.value = item.value;
-            option.textContent = item.text;
-
-            firstColumn.appendChild(option);
-          });
-
-          const secondColumn = document.querySelector('ion-picker-column#second');
-          const secondItems = [
-            { text: '20', value: 20 },
-            { text: '21', value: 21 },
-            { text: '22', value: 22 },
-            { text: '23', value: 23 },
-            { text: '24', value: 24 }
-          ];
-          secondColumn.value = 22;
-          secondColumn.numericInput = true;
-
-          secondItems.forEach((item) => {
-            const option = document.createElement('ion-picker-column-option');
-            option.value = item.value;
-            option.textContent = item.text;
-
-            secondColumn.appendChild(option);
-          });
-        </script>
-      `, config);
-            const firstColumn = page.locator('ion-picker-column#first');
-            const secondColumn = page.locator('ion-picker-column#second');
-            const highlight = page.locator('ion-picker .picker-highlight');
-            const firstIonChange = await firstColumn.spyOnEvent('ionChange');
-            const secondIonChange = await secondColumn.spyOnEvent('ionChange');
-            const box = await highlight.boundingBox();
-            if (box !== null) {
-                await page.mouse.click(box.x + box.width / 2, box.y + box.height / 2);
-            }
-            await expect(firstColumn).toHaveClass(/picker-column-active/);
-            await expect(secondColumn).toHaveClass(/picker-column-active/);
-            await page.keyboard.press('Digit2');
-            await expect(firstIonChange).toHaveReceivedEventDetail({ value: 2 });
-            await expect(firstColumn).toHaveJSProperty('value', 2);
-            await page.keyboard.press('Digit2+Digit4');
-            await expect(secondIonChange).toHaveReceivedEventDetail({ value: 24 });
-            await expect(secondColumn).toHaveJSProperty('value', 24);
-        });
-        test('should select 00', async ({ page }) => {
-            await page.setContent(`
-        <ion-picker>
-          <ion-picker-column></ion-picker-column>
-        </ion-picker>
-
-        <script>
-          const column = document.querySelector('ion-picker-column');
-          const items = [
-            { text: '00', value: 12 },
-            { text: '01', value: 1 },
-            { text: '02', value: 2 },
-            { text: '03', value: 3 },
-            { text: '04', value: 4 },
-            { text: '05', value: 5 }
-          ];
-          column.value = 5;
-          column.numericInput = true;
-
-          items.forEach((item) => {
-            const option = document.createElement('ion-picker-column-option');
-            option.value = item.value;
-            option.textContent = item.text;
-
-            column.appendChild(option);
-          });
-        </script>
-      `, config);
-            const column = page.locator('ion-picker-column');
-            const ionChange = await page.spyOnEvent('ionChange');
-            await column.evaluate((el) => el.setFocus());
-            await page.keyboard.press('Digit0');
-            await expect(ionChange).toHaveReceivedEventDetail({ value: 12 });
-            await expect(column).toHaveJSProperty('value', 12);
-        });
-        test('pressing Enter should dismiss the keyboard', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/28325',
-            });
-            await page.setContent(`
-        <ion-picker>
-          <ion-picker-column></ion-picker-column>
-        </ion-picker>
-
-        <script>
-          const column = document.querySelector('ion-picker-column');
-          column.numericInput = true;
-          const items = [
-            { text: '01', value: 1 },
-            { text: '02', value: 2 },
-            { text: '03', value: 3 },
-            { text: '04', value: 4 },
-            { text: '05', value: 5 }
-          ];
-
-          items.forEach((item) => {
-            const option = document.createElement('ion-picker-column-option');
-            option.value = item.value;
-            option.textContent = item.text;
-
-            column.appendChild(option);
-          });
-        </script>
-      `, config);
-            const column = page.locator('ion-picker-column');
-            await column.click();
-            const input = page.locator('ion-picker input');
-            await expect(input).toBeFocused();
-            // pressing Enter should blur the input and therefore close the keyboard
-            await page.keyboard.press('Enter');
-            await expect(input).not.toBeFocused();
-        });
-    });
-});

package/dist/collection/components/picker-column/test/basic/picker-column.e2e.js

@@ -1,64 +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('picker-column'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/picker-column/test/basic', config);
-        });
-        test('should render a picker item for each item', async ({ page }) => {
-            const columns = page.locator('ion-picker-column ion-picker-column-option');
-            await expect(columns).toHaveCount(24);
-        });
-        test('should render 6 empty picker items', async ({ page }) => {
-            const columns = page.locator('ion-picker-column .picker-item-empty');
-            await expect(columns).toHaveCount(6);
-        });
-        test('should not have an active item when value is not set', async ({ page }) => {
-            const activeColumn = page.locator('ion-picker-column ion-picker-column-option.option-active');
-            await expect(activeColumn).toHaveCount(0);
-        });
-        test('should have an active item when value is set', async ({ page }) => {
-            await page.locator('#default').evaluate((el) => {
-                el.value = '12';
-            });
-            await page.waitForChanges();
-            const activeColumn = page.locator('ion-picker-column ion-picker-column-option.option-active');
-            expect(activeColumn).not.toBeNull();
-        });
-        // TODO FW-3616
-        test.skip('scrolling should change the active item', async ({ page, skip }) => {
-            skip.browser('firefox', 'https://bugzilla.mozilla.org/show_bug.cgi?id=1766890');
-            await page.locator('#default').evaluate((el) => {
-                el.scrollTop = 801;
-            });
-            await page.waitForChanges();
-            const activeColumn = page.locator('ion-picker-column ion-picker-column-option.option-active');
-            await expect(activeColumn).toHaveJSProperty('value', 23);
-        });
-        test('should not emit ionChange when the value is modified externally', async ({ page, skip }) => {
-            skip.browser('firefox', 'https://bugzilla.mozilla.org/show_bug.cgi?id=1766890');
-            const ionChangeSpy = await page.spyOnEvent('ionChange');
-            await page.locator('#default').evaluate((el) => {
-                el.value = '12';
-            });
-            expect(ionChangeSpy).not.toHaveReceivedEvent();
-        });
-        // TODO FW-3616
-        test.skip('should emit ionChange when the picker is scrolled', async ({ page, skip }) => {
-            skip.browser('firefox', 'https://bugzilla.mozilla.org/show_bug.cgi?id=1766890');
-            const ionChangeSpy = await page.spyOnEvent('ionChange');
-            await page.locator('#default').evaluate((el) => {
-                el.scrollTo(0, el.scrollHeight);
-            });
-            await page.waitForChanges();
-            await ionChangeSpy.next();
-            expect(ionChangeSpy).toHaveReceivedEvent();
-        });
-    });
-});

package/dist/collection/components/picker-column/test/disabled/picker-column.e2e.js

@@ -1,91 +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('picker-column: disabled items'), () => {
-        test('disabled picker item should not be considered active', async ({ page }) => {
-            await page.setContent(`
-        <ion-picker>
-          <ion-picker-column value="b">
-            <ion-picker-column-option value="a">A</ion-picker-column-option>
-            <ion-picker-column-option value="b" disabled="true">B</ion-picker-column-option>
-            <ion-picker-column-option value="c">C</ion-picker-column-option>
-          </ion-picker-column>
-        </ion-picker>
-      `, config);
-            const disabledItem = page.locator('ion-picker-column-option').nth(1);
-            await expect(disabledItem).not.toHaveClass(/option-active/);
-        });
-        test('setting the value to a disabled item should not cause that item to be active', async ({ page }) => {
-            await page.setContent(`
-        <ion-picker>
-          <ion-picker-column>
-            <ion-picker-column-option value="a">A</ion-picker-column-option>
-            <ion-picker-column-option value="b" disabled="true">B</ion-picker-column-option>
-            <ion-picker-column-option value="c">C</ion-picker-column-option>
-          </ion-picker-column>
-        </ion-picker>
-      `, config);
-            const pickerColumn = page.locator('ion-picker-column');
-            await pickerColumn.evaluate((el) => (el.value = 'b'));
-            await page.waitForChanges();
-            const disabledItem = page.locator('ion-picker-column ion-picker-column-option').nth(1);
-            await expect(disabledItem).not.toHaveClass(/option-active/);
-        });
-        test('defaulting the value to a disabled item should not cause that item to be active', async ({ page }) => {
-            await page.setContent(`
-        <ion-picker>
-          <ion-picker-column value="b">
-            <ion-picker-column-option value="a">A</ion-picker-column-option>
-            <ion-picker-column-option value="b" disabled="true">B</ion-picker-column-option>
-            <ion-picker-column-option value="c">C</ion-picker-column-option>
-          </ion-picker-column>
-        </ion-picker>
-      `, config);
-            const disabledItem = page.locator('ion-picker-column ion-picker-column-option').nth(1);
-            await expect(disabledItem).not.toHaveClass(/option-active/);
-        });
-    });
-});
-/**
- * This behavior does not vary across directions.
- */
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('picker-column: disabled column rendering'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/picker-column/test/disabled', config);
-        });
-        test('disabled column should not have visual regressions', async ({ page }) => {
-            const disabledColumn = page.locator('#column-disabled');
-            await page.waitForChanges();
-            await expect(disabledColumn).toHaveScreenshot(screenshot('picker-disabled-column'));
-        });
-    });
-});
-/**
- * This behavior does not vary across modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('picker-column: disabled column'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/picker-column/test/disabled', config);
-        });
-        test('clicking option in disabled column should not change value', async ({ page }) => {
-            const column = page.locator('#column-disabled');
-            const option = column.locator('ion-picker-column-option').nth(1);
-            await expect(column).toHaveJSProperty('value', 11);
-            /**
-             * Options do not receive pointer events
-             * so we need to forcibly click the element.
-             */
-            await option.click({ force: true });
-            await page.waitForChanges();
-            await expect(column).toHaveJSProperty('value', 11);
-        });
-    });
-});

package/dist/collection/components/picker-column/test/picker-column.spec.js

@@ -1,83 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { PickerColumn } from "../picker-column";
-import { PickerColumnOption } from "../../picker-column-option/picker-column-option";
-describe('picker-column: assistive element', () => {
-    beforeEach(() => {
-        const mockIntersectionObserver = jest.fn();
-        mockIntersectionObserver.mockReturnValue({
-            observe: () => null,
-            unobserve: () => null,
-            disconnect: () => null,
-        });
-        global.IntersectionObserver = mockIntersectionObserver;
-    });
-    it('should have a default label', async () => {
-        const page = await newSpecPage({
-            components: [PickerColumn],
-            template: () => h("ion-picker-column", null),
-        });
-        const pickerCol = page.body.querySelector('ion-picker-column');
-        const assistiveFocusable = pickerCol.shadowRoot.querySelector('.assistive-focusable');
-        expect(assistiveFocusable.getAttribute('aria-label')).not.toBe(null);
-    });
-    it('should have a custom label', async () => {
-        const page = await newSpecPage({
-            components: [PickerColumn],
-            template: () => h("ion-picker-column", { "aria-label": "my label" }),
-        });
-        const pickerCol = page.body.querySelector('ion-picker-column');
-        const assistiveFocusable = pickerCol.shadowRoot.querySelector('.assistive-focusable');
-        expect(assistiveFocusable.getAttribute('aria-label')).toBe('my label');
-    });
-    it('should update a custom label', async () => {
-        const page = await newSpecPage({
-            components: [PickerColumn],
-            template: () => h("ion-picker-column", null),
-        });
-        const pickerCol = page.body.querySelector('ion-picker-column');
-        const assistiveFocusable = pickerCol.shadowRoot.querySelector('.assistive-focusable');
-        pickerCol.setAttribute('aria-label', 'my label');
-        await page.waitForChanges();
-        expect(assistiveFocusable.getAttribute('aria-label')).toBe('my label');
-    });
-    it('should receive keyboard focus when enabled', async () => {
-        const page = await newSpecPage({
-            components: [PickerColumn],
-            template: () => h("ion-picker-column", null),
-        });
-        const pickerCol = page.body.querySelector('ion-picker-column');
-        const assistiveFocusable = pickerCol.shadowRoot.querySelector('.assistive-focusable');
-        expect(assistiveFocusable.tabIndex).toBe(0);
-    });
-    it('should not receive keyboard focus when disabled', async () => {
-        const page = await newSpecPage({
-            components: [PickerColumn],
-            template: () => h("ion-picker-column", { disabled: true }),
-        });
-        const pickerCol = page.body.querySelector('ion-picker-column');
-        const assistiveFocusable = pickerCol.shadowRoot.querySelector('.assistive-focusable');
-        expect(assistiveFocusable.tabIndex).toBe(-1);
-    });
-    it('should use option aria-label as assistive element aria-valuetext', async () => {
-        const page = await newSpecPage({
-            components: [PickerColumn, PickerColumnOption],
-            template: () => (h("ion-picker-column", { value: 1 }, h("ion-picker-column-option", { value: 1, "aria-label": "My Label" }, "My Text"))),
-        });
-        const pickerCol = page.body.querySelector('ion-picker-column');
-        const assistiveFocusable = pickerCol.shadowRoot.querySelector('.assistive-focusable');
-        expect(assistiveFocusable.getAttribute('aria-valuetext')).toBe('My Label');
-    });
-    it('should use option text as assistive element aria-valuetext when no label provided', async () => {
-        const page = await newSpecPage({
-            components: [PickerColumn, PickerColumnOption],
-            template: () => (h("ion-picker-column", { value: 1 }, h("ion-picker-column-option", { value: 1 }, "My Text"))),
-        });
-        const pickerCol = page.body.querySelector('ion-picker-column');
-        const assistiveFocusable = pickerCol.shadowRoot.querySelector('.assistive-focusable');
-        expect(assistiveFocusable.getAttribute('aria-valuetext')).toBe('My Text');
-    });
-});

package/dist/collection/components/picker-column/test/slots/picker-column.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('picker-column: slots'), () => {
-        test('should not have visual regressions with prefix and suffix', async ({ page }) => {
-            await page.setContent(`
-        <ion-picker>
-          <ion-picker-column value="b">
-            <ion-picker-column-option value="a">A</ion-picker-column-option>
-            <ion-picker-column-option value="b">B</ion-picker-column-option>
-            <ion-picker-column-option value="c">C</ion-picker-column-option>
-            <div slot="prefix">Prefix</div>
-            <div slot="suffix">Suffix</div>
-          </ion-picker-column>
-        </ion-picker>
-      `, config);
-            const picker = page.locator('ion-picker');
-            await expect(picker).toHaveScreenshot(screenshot(`picker-prefix-suffix`));
-        });
-        test('should not have visual regressions with a long prefix and suffix', async ({ page }) => {
-            await page.setContent(`
-        <ion-picker>
-          <ion-picker-column value="b">
-            <ion-picker-column-option value="a">A</ion-picker-column-option>
-            <ion-picker-column-option value="b">B</ion-picker-column-option>
-            <ion-picker-column-option value="c">C</ion-picker-column-option>
-            <div slot="prefix">Long prefix long prefix long prefix</div>
-            <div slot="suffix">Long suffix long suffix long suffix</div>
-          </ion-picker-column>
-        </ion-picker>
-      `, config);
-            const picker = page.locator('ion-picker');
-            await expect(picker).toHaveScreenshot(screenshot(`picker-long-prefix-suffix`));
-        });
-    });
-});

package/dist/collection/components/picker-column-option/test/a11y/picker-column-option.e2e.js

@@ -1,18 +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";
-/**
- * This behavior does not vary across directions
- */
-configs({ directions: ['ltr'] }).forEach(({ config, title }) => {
-    test.describe(title('picker column option: a11y'), () => {
-        test('should not have accessibility violations', async ({ page }) => {
-            await page.goto(`/src/components/picker-column-option/test/a11y`, config);
-            const results = await new AxeBuilder({ page }).analyze();
-            expect(results.violations).toEqual([]);
-        });
-    });
-});

package/dist/collection/components/picker-column-option/test/basic/picker-column-option.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({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('picker-column-option: rendering'), () => {
-        test('picker option should not have visual regressions', async ({ page }) => {
-            await page.setContent(`
-        <ion-picker-column-option value="option">My Option</ion-picker-column-option>
-      `, config);
-            const option = page.locator('ion-picker-column-option');
-            await expect(option).toHaveScreenshot(screenshot('picker-column-option'));
-        });
-        test('disabled picker option should not have visual regressions', async ({ page }) => {
-            await page.setContent(`
-        <ion-picker-column-option disabled="true" value="option">My Option</ion-picker-column-option>
-      `, config);
-            const option = page.locator('ion-picker-column-option');
-            await expect(option).toHaveScreenshot(screenshot('disabled-picker-column-option'));
-        });
-        test('active picker option should not have visual regressions', async ({ page }) => {
-            await page.setContent(`
-        <ion-picker-column-option class="option-active" value="option">My Option</ion-picker-column-option>
-      `, config);
-            const option = page.locator('ion-picker-column-option');
-            await expect(option).toHaveScreenshot(screenshot('active-picker-column-option'));
-        });
-        test('disabled active picker option should not have visual regressions', async ({ page }) => {
-            await page.setContent(`
-        <ion-picker-column-option class="option-active" disabled="true" value="option">My Option</ion-picker-column-option>
-      `, config);
-            const option = page.locator('ion-picker-column-option');
-            await expect(option).toHaveScreenshot(screenshot('disabled-active-picker-column-option'));
-        });
-    });
-});

package/dist/collection/components/picker-column-option/test/picker-column-option.spec.js

@@ -1,29 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { PickerColumnOption } from "../picker-column-option";
-describe('picker column option', () => {
-    it('button should be enabled by default', async () => {
-        const page = await newSpecPage({
-            components: [PickerColumnOption],
-            html: `
-        <ion-picker-column-option value="test">Test</ion-picker-column-otion>
-      `,
-        });
-        const option = page.body.querySelector('ion-picker-column-option');
-        const button = option.shadowRoot.querySelector('button');
-        await expect(button.hasAttribute('disabled')).toEqual(false);
-    });
-    it('button should be disabled if specified', async () => {
-        const page = await newSpecPage({
-            components: [PickerColumnOption],
-            html: `
-        <ion-picker-column-option disabled="true" value="test">Test</ion-picker-column-otion>
-      `,
-        });
-        const option = page.body.querySelector('ion-picker-column-option');
-        const button = option.shadowRoot.querySelector('button');
-        await expect(button.hasAttribute('disabled')).toEqual(true);
-    });
-});

package/dist/collection/components/picker-legacy/test/basic/picker.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().forEach(({ title, screenshot, config }) => {
-    test.describe(title('picker: basic'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto('/src/components/picker-legacy/test/basic', config);
-            const didPresent = await page.spyOnEvent('ionPickerDidPresent');
-            const didDismiss = await page.spyOnEvent('ionPickerDidDismiss');
-            await page.click('#basic');
-            await didPresent.next();
-            await page.waitForChanges();
-            await expect(page).toHaveScreenshot(screenshot(`picker-basic`));
-            await page.click('.picker-opt:nth-child(2)');
-            await page.click('ion-picker-legacy .save-btn');
-            await didDismiss.next();
-            await page.click('#basic');
-            await didPresent.next();
-            await page.waitForChanges();
-            await expect(page).toHaveScreenshot(screenshot(`picker-value-selected`));
-        });
-    });
-});

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

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

package/dist/collection/components/picker-legacy/test/picker-id.spec.js

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