voyager-ionic-core 8.2.0 → 8.2.5

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

@@ -1,195 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-/**
- * This checks that certain overlays open correctly. While the
- * overlay rendering varies across directions, the select behavior
- * does not. The overlay rendering is already tested in the respective
- * test files.
- */
-configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('select: basic'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/select/test/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, skip }) => {
-                // TODO (ROU-5437)
-                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');
-                // select has no value, so first option should be focused by default
-                const popoverOption1 = 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/basic', config);
-            const select = page.locator('#alert-select');
-            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 aria-label="Fruit" 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' });
-            expect(ionChange).toHaveReceivedEventTimes(1);
-        });
-        test('should fire ionChange when confirming a value from a popover', async ({ page }) => {
-            await page.setContent(`
-        <ion-select aria-label="Fruit" 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 select = page.locator('ion-select');
-            const ionChange = await select.spyOnEvent('ionChange');
-            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' });
-            expect(ionChange).toHaveReceivedEventTimes(1);
-        });
-        test('should fire ionChange when confirming multiple values from a popover', async ({ page }) => {
-            await page.setContent(`
-        <ion-select aria-label="Fruit" interface="popover" multiple="true">
-          <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 select = page.locator('ion-select');
-            const ionChange = await select.spyOnEvent('ionChange');
-            await select.click();
-            await ionPopoverDidPresent.next();
-            const popover = page.locator('ion-popover');
-            const checkboxes = popover.locator('ion-checkbox');
-            await checkboxes.nth(0).click();
-            await ionChange.next();
-            expect(ionChange).toHaveReceivedEventDetail({ value: ['apple'] });
-            expect(ionChange).toHaveReceivedEventTimes(1);
-            await checkboxes.nth(1).click();
-            await ionChange.next();
-            expect(ionChange).toHaveReceivedEventDetail({ value: ['apple', 'banana'] });
-            expect(ionChange).toHaveReceivedEventTimes(2);
-        });
-        test('should fire ionChange when confirming a value from an action sheet', async ({ page }) => {
-            await page.setContent(`
-        <ion-select aria-label="Fruit" 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' });
-            expect(ionChange).toHaveReceivedEventTimes(1);
-        });
-        test('should not fire when programmatically setting a valid value', async ({ page }) => {
-            await page.setContent(`
-        <ion-select aria-label="Fruit">
-          <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();
-        });
-        test('clicking padded space within item should click the select', async ({ page }) => {
-            await page.setContent(`
-        <ion-item>
-          <ion-select label="Fruit" interface="action-sheet">
-            <ion-select-option value="apple">Apple</ion-select-option>
-            <ion-select-option value="banana">Banana</ion-select-option>
-          </ion-select>
-        </ion-item>
-      `, config);
-            const itemNative = page.locator('.item-native');
-            const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-            // Clicks the padded space within the item
-            await itemNative.click({
-                position: {
-                    x: 5,
-                    y: 5,
-                },
-            });
-            await ionActionSheetDidPresent.next();
-            expect(ionActionSheetDidPresent).toHaveReceivedEvent();
-        });
-    });
-});

package/dist/collection/components/select/test/card/select.e2e.js

@@ -1,22 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('select: card'), () => {
-        test('should render correctly in card', async ({ page }) => {
-            await page.setContent(`
-        <ion-card>
-          <ion-card-content>
-            <ion-item style="border: 1px solid grey" lines="none">
-              <ion-select label="select" label-placement="stacked"></ion-select>
-            </ion-item>
-          </ion-card-content>
-        </ion-card>
-      `, config);
-            const card = page.locator('ion-card');
-            await expect(card).toHaveScreenshot(screenshot(`select-card`));
-        });
-    });
-});

package/dist/collection/components/select/test/color/select.e2e.js

@@ -1,42 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('input: color'), () => {
-        test.describe('input: fill none', () => {
-            test('should set label and highlight color on expand', async ({ page }) => {
-                await page.setContent(`
-          <ion-select label="Label" class="select-expanded" value="apple" class="ion-focused" color="danger">
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-no-fill-color`));
-            });
-        });
-        test.describe('input: fill solid', () => {
-            test('should set label and highlight color on expand', async ({ page }) => {
-                await page.setContent(`
-          <ion-select fill="solid" label="Label" class="select-expanded" value="apple" class="ion-focused" color="danger">
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-solid-color`));
-            });
-        });
-        test.describe('input: fill outline', () => {
-            test('should set label and highlight color on expand', async ({ page }) => {
-                await page.setContent(`
-          <ion-select fill="outline" label="Label" class="select-expanded" value="apple" class="ion-focused" color="danger">
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-outline-color`));
-            });
-        });
-    });
-});

package/dist/collection/components/select/test/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: ['ios'], 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/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 label="Select a value" 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/custom/select.e2e.js

@@ -1,68 +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: custom'), () => {
-        test('should be able to customize select using css apis', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/27208',
-            });
-            await page.setContent(`
-        <ion-select label="Select" value="a">
-          <ion-select-option value="a">Apple</ion-select-option>
-        </ion-select>
-
-        <style>
-          ion-select {
-            color: white;
-
-            --background: #0088cc;
-            --border-radius: 20px;
-            --padding-start: 16px;
-            --padding-end: 16px;
-            --padding-top: 16px;
-            --padding-bottom: 16px;
-          }
-
-          ion-select::part(icon) {
-            color: white;
-          }
-        </style>
-      `, config);
-            const select = page.locator('ion-select');
-            await expect(select).toHaveScreenshot(screenshot(`select-custom-diff`));
-        });
-        test('should be able to customize select label, placeholder, and value using css parts', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/27112',
-            });
-            await page.setContent(`
-        <div class="wrapper">
-          <ion-select label="Select" label-placement="stacked" placeholder="Fruits">
-            <ion-select-option value="a">Apple</ion-select-option>
-          </ion-select>
-
-          <ion-select label="Select" label-placement="stacked" value="a">
-            <ion-select-option value="a">Apple</ion-select-option>
-          </ion-select>
-        </div>
-
-        <style>
-          ion-select::part(container) {
-            color: purple;
-          }
-
-          ion-select::part(label) {
-            color: green;
-          }
-        </style>
-      `, config);
-            const wrapper = page.locator('.wrapper');
-            await expect(wrapper).toHaveScreenshot(screenshot(`select-custom-parts-diff`));
-        });
-    });
-});

package/dist/collection/components/select/test/disabled/select.e2e.js

@@ -1,30 +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('select: disabled options'), () => {
-        test('should not focus a disabled option when no value is set', async ({ page, skip }) => {
-            // TODO (ROU-5437)
-            skip.browser('webkit', 'Safari 16 only allows text fields and pop-up menus to be focused.');
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/28284',
-            });
-            await page.setContent(`
-        <ion-select aria-label="Select" interface="popover">
-          <ion-select-option value="a" disabled="true">A</ion-select-option>
-          <ion-select-option value="b">B</ion-select-option>
-        </ion-select>
-      `, config);
-            const select = page.locator('ion-select');
-            const popover = page.locator('ion-popover');
-            const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-            await select.click();
-            await ionPopoverDidPresent.next();
-            const popoverOption = popover.locator('.select-interface-option:nth-of-type(2) ion-radio');
-            await expect(popoverOption).toBeFocused();
-        });
-    });
-});

package/dist/collection/components/select/test/fill/select.e2e.js

@@ -1,217 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('select: fill'), () => {
-        test.describe('select: fill solid', () => {
-            test('should not have visual regressions', async ({ page }) => {
-                await page.setContent(`
-          <ion-select
-            fill="solid"
-            label="Fruit"
-            value="apple"
-          >
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-fill-solid`));
-            });
-            test('should render correctly with floating label', async ({ page }) => {
-                await page.setContent(`
-          <ion-select
-            fill="solid"
-            label="Fruit"
-            label-placement="floating"
-            value="apple"
-          >
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-fill-solid-label-floating`));
-            });
-            test('should not have visual regressions with shaped solid', async ({ page }) => {
-                await page.setContent(`
-          <ion-select
-            shape="round"
-            fill="solid"
-            label="Fruit"
-            value="apple"
-          >
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-fill-shaped-solid`));
-            });
-            test('padding and border radius should be customizable', async ({ page }) => {
-                await page.setContent(`
-          <style>
-            ion-select {
-              --border-radius: 10px !important;
-              --padding-start: 50px !important;
-              --padding-end: 50px !important;
-            }
-          </style>
-          <ion-select
-            shape="round"
-            fill="solid"
-            label="Fruit"
-            label-placement="floating"
-            value="apple"
-          >
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-fill-shaped-solid-custom`));
-            });
-        });
-        test.describe('select: fill outline', () => {
-            test('should not have visual regressions', async ({ page }) => {
-                await page.setContent(`
-          <ion-select
-            fill="outline"
-            label="Fruit"
-            value="apple"
-          >
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-fill-outline`));
-            });
-            test('should render correctly with floating label', async ({ page }) => {
-                await page.setContent(`
-          <ion-select
-            fill="outline"
-            label="Fruit"
-            label-placement="floating"
-            value="apple"
-          >
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-fill-outline-label-floating`));
-            });
-            test('should not have visual regressions with shaped outline', async ({ page }) => {
-                await page.setContent(`
-          <ion-select
-            shape="round"
-            fill="outline"
-            label="Fruit"
-            value="apple"
-          >
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-fill-shaped-outline`));
-            });
-            test('padding and border radius should be customizable', async ({ page }) => {
-                await page.setContent(`
-          <style>
-            ion-select {
-              --border-radius: 10px !important;
-              --padding-start: 50px !important;
-              --padding-end: 50px !important;
-            }
-          </style>
-          <ion-select
-            shape="round"
-            fill="outline"
-            label="Fruit"
-            label-placement="floating"
-            value="apple"
-          >
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-fill-shaped-outline-custom`));
-            });
-        });
-    });
-});
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('select: label slot'), () => {
-        test('should render the notch correctly with a slotted label', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          .custom-label {
-            font-size: 30px;
-          }
-        </style>
-        <ion-select
-          fill="outline"
-          label-placement="stacked"
-          value="apple"
-        >
-          <div slot="label" class="custom-label">My Label Content</div>
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `, config);
-            const select = page.locator('ion-select');
-            await expect(select).toHaveScreenshot(screenshot(`select-fill-outline-slotted-label`));
-        });
-        test('should render the notch correctly with a slotted label after the select was originally hidden', async ({ page, }) => {
-            await page.setContent(`
-        <style>
-          .custom-label {
-            font-size: 30px;
-          }
-        </style>
-        <ion-select
-          fill="outline"
-          label-placement="stacked"
-          value="apple"
-          style="display: none"
-        >
-          <div slot="label" class="custom-label">My Label Content</div>
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `, config);
-            const select = page.locator('ion-select');
-            await select.evaluate((el) => el.style.removeProperty('display'));
-            await expect(select).toHaveScreenshot(screenshot(`select-fill-outline-hidden-slotted-label`));
-        });
-    });
-    test.describe(title('select: notch cutout'), () => {
-        test('notch cutout should be hidden when no label is passed', async ({ page }) => {
-            await page.setContent(`
-        <ion-select fill="outline" label-placement="stacked" aria-label="my select"></ion-select>
-      `, config);
-            const notchCutout = page.locator('ion-select .select-outline-notch');
-            await expect(notchCutout).toBeHidden();
-        });
-    });
-    test(title('select: fill outline: fit-content should display select options'), async ({ page }, testInfo) => {
-        testInfo.annotations.push({
-            type: 'issue',
-            description: 'https://github.com/ionic-team/ionic-framework/issues/29321',
-        });
-        await page.setContent(`
-        <ion-select
-          fill="outline"
-          aria-label="Fruit"
-          value="apple"
-          interface="popover"
-          style="width: fit-content"
-        >
-          <ion-select-option value="5">5</ion-select-option>
-          <ion-select-option value="10">10</ion-select-option>
-          <ion-select-option value="15">15</ion-select-option>
-        </ion-select>
-      `, config);
-        const select = page.locator('ion-select');
-        const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-        await select.click();
-        await ionPopoverDidPresent.next();
-        const selectPopover = page.locator('ion-select-popover');
-        await expect(selectPopover).toHaveScreenshot(screenshot(`select-fill-outline-fit-content`));
-    });
-});