voyager-ionic-core 8.1.0 → 8.2.5

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

@@ -1,209 +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: highlights'), () => {
-        test.describe('select: no fill', () => {
-            test('should render valid state correctly', async ({ page }) => {
-                await page.setContent(`
-          <ion-select value="apple" class="ion-valid ion-focused" label="Favorite Fruit">
-            <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-valid`));
-            });
-            test('should render invalid state correctly', async ({ page }) => {
-                await page.setContent(`
-          <ion-select value="apple" class="ion-touched ion-invalid" label="Favorite Fruit">
-            <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-invalid`));
-            });
-            test('should render focused state correctly', async ({ page }) => {
-                await page.setContent(`
-          <ion-select value="apple" class="ion-focused" label="Favorite Fruit">
-            <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-focus`));
-            });
-            test('should render custom highlight correctly', async ({ page }) => {
-                await page.setContent(`
-          <style>
-            ion-select.custom {
-              --highlight-color-focused: red;
-              --highlight-color-invalid: blue;
-              --highlight-color-valid: purple;
-              --highlight-height: 6px;
-            }
-          </style>
-
-          <div class="container">
-            <ion-select value="apple" class="custom ion-valid ion-focused" label="Favorite Fruit">
-              <ion-select-option value="apple">Apple</ion-select-option>
-            </ion-select>
-
-            <ion-select value="apple" class="custom ion-touched ion-invalid ion-focused" label="Favorite Fruit">
-              <ion-select-option value="apple">Apple</ion-select-option>
-            </ion-select>
-
-            <ion-select value="apple" class="custom ion-focused" label="Favorite Fruit">
-              <ion-select-option value="apple">Apple</ion-select-option>
-            </ion-select>
-          </div>
-        `, config);
-                const container = page.locator('.container');
-                await expect(container).toHaveScreenshot(screenshot(`select-no-fill-custom-highlight`));
-            });
-        });
-        test.describe('select: solid', () => {
-            test('should render valid state correctly', async ({ page }) => {
-                await page.setContent(`
-          <ion-select fill="solid" value="apple" class="ion-valid ion-focused" label="Favorite Fruit">
-            <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-valid`));
-            });
-            test('should render invalid state correctly', async ({ page }) => {
-                await page.setContent(`
-          <ion-select fill="solid" value="apple" class="ion-touched ion-invalid" label="Favorite Fruit">
-            <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-invalid`));
-            });
-            test('should render focused state correctly', async ({ page }) => {
-                await page.setContent(`
-          <ion-select fill="solid" value="apple" class="ion-focused" label="Favorite Fruit">
-            <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-focus`));
-            });
-            test('should render custom highlight correctly', async ({ page }) => {
-                await page.setContent(`
-          <style>
-            ion-select.custom {
-              --highlight-color-focused: red;
-              --highlight-color-invalid: blue;
-              --highlight-color-valid: purple;
-              --highlight-height: 6px;
-            }
-          </style>
-
-          <div class="container">
-            <ion-select fill="solid" value="apple" class="custom ion-valid ion-focused" label="Favorite Fruit">
-              <ion-select-option value="apple">Apple</ion-select-option>
-            </ion-select>
-
-            <ion-select fill="solid" value="apple" class="custom ion-touched ion-invalid ion-focused" label="Favorite Fruit">
-              <ion-select-option value="apple">Apple</ion-select-option>
-            </ion-select>
-
-            <ion-select fill="solid" value="apple" class="custom ion-focused" label="Favorite Fruit">
-              <ion-select-option value="apple">Apple</ion-select-option>
-            </ion-select>
-          </div>
-        `, config);
-                const container = page.locator('.container');
-                await expect(container).toHaveScreenshot(screenshot(`select-solid-custom-highlight`));
-            });
-        });
-        test.describe('select: outline', () => {
-            test('should render valid state correctly', async ({ page }) => {
-                await page.setContent(`
-          <ion-select fill="outline" value="apple" class="ion-valid ion-focused" label="Favorite Fruit">
-            <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-valid`));
-            });
-            test('should render invalid state correctly', async ({ page }) => {
-                await page.setContent(`
-          <ion-select fill="outline" value="apple" class="ion-touched ion-invalid ion-focused" label="Favorite Fruit">
-            <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-invalid`));
-            });
-            test('should render focused state correctly', async ({ page }) => {
-                await page.setContent(`
-          <ion-select fill="outline" value="apple" class="ion-focused" label="Favorite Fruit">
-            <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-focus`));
-            });
-            test('should render custom highlight correctly', async ({ page }) => {
-                await page.setContent(`
-          <style>
-            ion-select.custom {
-              --highlight-color-focused: red;
-              --highlight-color-invalid: blue;
-              --highlight-color-valid: purple;
-              --highlight-height: 6px;
-            }
-          </style>
-
-          <div class="container">
-            <ion-select fill="outline" value="apple" class="custom ion-valid ion-focused" label="Favorite Fruit">
-              <ion-select-option value="apple">Apple</ion-select-option>
-            </ion-select>
-
-            <ion-select fill="outline" value="apple" class="custom ion-touched ion-invalid ion-focused" label="Favorite Fruit">
-              <ion-select-option value="apple">Apple</ion-select-option>
-            </ion-select>
-
-            <ion-select fill="outline" value="apple" class="custom ion-focused" label="Favorite Fruit">
-              <ion-select-option value="apple">Apple</ion-select-option>
-            </ion-select>
-          </div>
-        `, config);
-                const container = page.locator('.container');
-                await expect(container).toHaveScreenshot(screenshot(`select-outline-custom-highlight`));
-            });
-        });
-    });
-    test.describe(title('select: expanded highlight'), () => {
-        test.describe('select: no fill', () => {
-            test('should render bottom highlight', async ({ page }) => {
-                await page.setContent(`
-          <ion-select label="Label" class="select-expanded"></ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-no-fill-highlight`));
-            });
-        });
-        test.describe('select: solid', () => {
-            test('should render bottom highlight', async ({ page }) => {
-                await page.setContent(`
-          <ion-select fill="solid" label="Label" class="select-expanded"></ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-solid-highlight`));
-            });
-        });
-        test.describe('select: outline', () => {
-            test('should render bottom highlight', async ({ page }) => {
-                await page.setContent(`
-          <ion-select fill="outline" label="Label" class="select-expanded"></ion-select>
-        `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-outline-highlight`));
-            });
-        });
-    });
-});

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

@@ -1,56 +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: item'), () => {
-        test('should render correctly in list with no fill', async ({ page }) => {
-            await page.setContent(`
-        <ion-list>
-          <ion-item>
-            <ion-select
-              label="Email"
-              value="apple"
-            >
-              <ion-select-option value="apple">Apple</ion-select-option>
-            </ion-select>
-          </ion-item>
-        </ion-list>
-      `, config);
-            const list = page.locator('ion-list');
-            await expect(list).toHaveScreenshot(screenshot(`select-list-no-fill`));
-        });
-        test('should render correctly in inset list with no fill', async ({ page }) => {
-            await page.setContent(`
-        <ion-list inset="true">
-          <ion-item>
-            <ion-select
-              label="Fruit"
-              value="apple"
-            >
-              <ion-select-option value="apple">Apple</ion-select-option>
-            </ion-select>
-          </ion-item>
-        </ion-list>
-      `, config);
-            const list = page.locator('ion-list');
-            await expect(list).toHaveScreenshot(screenshot(`select-inset-list-no-fill`));
-        });
-        test('should render correctly in an item inside of a flex container', async ({ page }) => {
-            await page.setContent(`
-        <div id="container" style="display: flex">
-          <ion-list>
-            <ion-item>
-              <ion-select label="Fruit" value="apple">
-                <ion-select-option value="apple">Apple</ion-select-option>
-              </ion-select>
-            </ion-item>
-          <ion-list>
-        </div>
-      `, config);
-            const container = page.locator('#container');
-            await expect(container).toHaveScreenshot(screenshot(`select-item-flex-container`));
-        });
-    });
-});

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

@@ -1,245 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-/**
- * By default ion-select only takes up
- * as much space as it needs. Justification is
- * used for when the select takes up the full
- * line (such as in an ion-item). As a result,
- * we set the width of the select so we can
- * see the justification results.
- */
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('select: label'), () => {
-        test.describe('select: start placement', () => {
-            test('should render a start justification with label in the start position', async ({ page }) => {
-                await page.setContent(`
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="start" style="width: 200px"></ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-start-justify-start`));
-            });
-            test('should render an end justification with label in the start position', async ({ page }) => {
-                await page.setContent(`
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="end" style="width: 200px"></ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-start-justify-end`));
-            });
-            test('should render a space between justification with label in the start position', async ({ page }) => {
-                await page.setContent(`
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="space-between" style="width: 200px"></ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-start-justify-space-between`));
-            });
-        });
-        test.describe('select: end placement', () => {
-            test('should render a start justification with label in the end position', async ({ page }) => {
-                await page.setContent(`
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="start" style="width: 200px"></ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-end-justify-start`));
-            });
-            test('should render an end justification with label in the end position', async ({ page }) => {
-                await page.setContent(`
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="end" style="width: 200px"></ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-end-justify-end`));
-            });
-            test('should render a space between justification with label in the end position', async ({ page }) => {
-                await page.setContent(`
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="space-between" style="width: 200px"></ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-end-justify-space-between`));
-            });
-        });
-        test.describe('select: fixed placement', () => {
-            test('should render a start justification with label in the fixed position', async ({ page }) => {
-                await page.setContent(`
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="start" style="width: 200px"></ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-fixed-justify-start`));
-            });
-            test('should render an end justification with label in the fixed position', async ({ page }) => {
-                await page.setContent(`
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="end" style="width: 200px"></ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-fixed-justify-end`));
-            });
-            test('should render a space between justification with label in the fixed position', async ({ page }) => {
-                await page.setContent(`
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="space-between" style="width: 200px"></ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-fixed-justify-space-between`));
-            });
-        });
-        test.describe('select: floating placement', () => {
-            test('label should appear above the select when there is a value', async ({ page }) => {
-                await page.setContent(`
-           <ion-select label="Label" value="apples" label-placement="floating">
-             <ion-select-option value="apples">Apples</ion-select-option>
-           </ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-floating-value`));
-            });
-            test('label should appear on top of the select when there is no value', async ({ page }) => {
-                await page.setContent(`
-           <ion-select label="Label" label-placement="floating">
-             <ion-select-option value="apples">Apples</ion-select-option>
-           </ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-floating-no-value`));
-            });
-            test('label should appear on top of the select when there is a placeholder and no value', async ({ page }) => {
-                await page.setContent(`
-           <ion-select label="Label" label-placement="floating" placeholder="Placeholder">
-             <ion-select-option value="apples">Apples</ion-select-option>
-           </ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-floating-no-value-placeholder`));
-            });
-            test('label should appear on top of the select when the select is expanded', async ({ page }) => {
-                await page.setContent(`
-           <ion-select class="select-expanded label-floating" label="Label" label-placement="floating" placeholder="Select a Fruit">
-             <ion-select-option value="apples">Apples</ion-select-option>
-           </ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-floating-expanded`));
-            });
-            test('long text should truncate', async ({ page }) => {
-                await page.setContent(`
-           <ion-select label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" label-placement="floating" value="apples" placeholder="Select a Fruit">
-             <ion-select-option value="apples">Apples Apples Apples Apples Apples Apples Apples Apples</ion-select-option>
-           </ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-floating-long-text`));
-            });
-        });
-        test.describe('select: stacked placement', () => {
-            test('label should appear above the select when there is a value', async ({ page }) => {
-                await page.setContent(`
-           <ion-select label="Label" value="apples" label-placement="stacked">
-             <ion-select-option value="apples">Apples</ion-select-option>
-           </ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-stacked-value`));
-            });
-            test('label should appear above the select when there is no value', async ({ page }) => {
-                await page.setContent(`
-           <ion-select label="Label" label-placement="stacked">
-             <ion-select-option value="apples">Apples</ion-select-option>
-           </ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-stacked-no-value`));
-            });
-            test('label should appear on top of the select when the select is expanded', async ({ page }) => {
-                await page.setContent(`
-           <ion-select class="select-expanded" label="Label" label-placement="stacked" placeholder="Select a Fruit">
-             <ion-select-option value="apples">Apples</ion-select-option>
-           </ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-stacked-expanded`));
-            });
-            test('long text should truncate', async ({ page }) => {
-                await page.setContent(`
-           <ion-select label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" label-placement="stacked" value="apples" placeholder="Select a Fruit">
-             <ion-select-option value="apples">Apples Apples Apples Apples Apples Apples Apples Apples</ion-select-option>
-           </ion-select>
-         `, config);
-                const select = page.locator('ion-select');
-                await expect(select).toHaveScreenshot(screenshot(`select-label-stacked-long-text`));
-            });
-        });
-    });
-});
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('select: label overflow'), () => {
-        test('label property should be truncated with ellipses', async ({ page }) => {
-            await page.setContent(`
-            <ion-select label="Label Label Label Label Label" placeholder="Select an Item"></ion-select>
-          `, config);
-            const select = page.locator('ion-select');
-            await expect(select).toHaveScreenshot(screenshot(`select-label-truncate`));
-        });
-        test('label slot should be truncated with ellipses', async ({ page }) => {
-            await page.setContent(`
-            <ion-select placeholder="Select an Item">
-              <div slot="label">Label Label Label Label Label</div>
-            </ion-select>
-          `, config);
-            const select = page.locator('ion-select');
-            await expect(select).toHaveScreenshot(screenshot(`select-label-slot-truncate`));
-        });
-    });
-});
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('select: alert label'), () => {
-        test('should use the label prop to set the default header in an alert', async ({ page }) => {
-            await page.setContent(`
-         <ion-select label="My Alert" interface="alert">
-           <ion-select-option value="a">A</ion-select-option>
-         </ion-select>
-       `, config);
-            const select = page.locator('ion-select');
-            const alert = page.locator('ion-alert');
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            await select.click();
-            await ionAlertDidPresent.next();
-            await expect(alert.locator('.alert-title')).toHaveText('My Alert');
-        });
-        test('should use the label slot to set the default header in an alert', async ({ page }) => {
-            await page.setContent(`
-         <ion-select interface="alert">
-            <div slot="label">My Alert</div>
-           <ion-select-option value="a">A</ion-select-option>
-         </ion-select>
-       `, config);
-            const select = page.locator('ion-select');
-            const alert = page.locator('ion-alert');
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            await select.click();
-            await ionAlertDidPresent.next();
-            await expect(alert.locator('.alert-title')).toHaveText('My Alert');
-        });
-        test('should use the label prop to set the default header in an alert if both prop and slot are set', async ({ page, }) => {
-            await page.setContent(`
-         <ion-select label="My Prop Alert" interface="alert">
-            <div slot="label">My Slot Alert</div>
-           <ion-select-option value="a">A</ion-select-option>
-         </ion-select>
-       `, config);
-            const select = page.locator('ion-select');
-            const alert = page.locator('ion-alert');
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            await select.click();
-            await ionAlertDidPresent.next();
-            await expect(alert.locator('.alert-title')).toHaveText('My Prop Alert');
-        });
-    });
-});

package/dist/collection/components/select/test/popover-size/select.e2e.js

@@ -1,80 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-class SelectPopoverSizeFixture {
-    constructor(page) {
-        this.page = page;
-    }
-    async setContent(config, placement, fill) {
-        const { page } = this;
-        const fillString = fill !== undefined ? ` fill=${fill}` : '';
-        await page.setContent(`
-      <ion-select interface="popover" label="My Label" label-placement="${placement}"${fillString}>
-        <ion-select-option value="apple">Apple</ion-select-option>
-      </ion-select>
-    `, config);
-    }
-    async openPopover() {
-        const { page } = this;
-        const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-        await page.click('ion-select');
-        await ionPopoverDidPresent.next();
-    }
-    async expectPopoverSize(size) {
-        const { page } = this;
-        const popover = page.locator('ion-popover');
-        await expect(popover).toHaveJSProperty('size', size);
-    }
-}
-configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('select: popover sizing'), () => {
-        test('popover should have cover size with a floating label', async ({ page }) => {
-            const fixture = new SelectPopoverSizeFixture(page);
-            await fixture.setContent(config, 'floating');
-            await fixture.openPopover();
-            await fixture.expectPopoverSize('cover');
-        });
-        test('popover should have cover size with a stacked label', async ({ page }) => {
-            const fixture = new SelectPopoverSizeFixture(page);
-            await fixture.setContent(config, 'stacked');
-            await fixture.openPopover();
-            await fixture.expectPopoverSize('cover');
-        });
-        test('popover should have auto size with a start label', async ({ page }) => {
-            const fixture = new SelectPopoverSizeFixture(page);
-            await fixture.setContent(config, 'start');
-            await fixture.openPopover();
-            await fixture.expectPopoverSize('auto');
-        });
-        test('popover should have auto size with a end label', async ({ page }) => {
-            const fixture = new SelectPopoverSizeFixture(page);
-            await fixture.setContent(config, 'end');
-            await fixture.openPopover();
-            await fixture.expectPopoverSize('auto');
-        });
-        test('popover should have auto size with a fixed label', async ({ page }) => {
-            const fixture = new SelectPopoverSizeFixture(page);
-            await fixture.setContent(config, 'fixed');
-            await fixture.openPopover();
-            await fixture.expectPopoverSize('auto');
-        });
-    });
-});
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('select: popover sizing with fill'), () => {
-        test('popover should have cover size with outline fill in MD', async ({ page }) => {
-            const fixture = new SelectPopoverSizeFixture(page);
-            await fixture.setContent(config, 'start', 'outline');
-            await fixture.openPopover();
-            await fixture.expectPopoverSize('cover');
-        });
-        test('popover should have cover size with solid fill in MD', async ({ page }) => {
-            const fixture = new SelectPopoverSizeFixture(page);
-            await fixture.setContent(config, 'start', 'solid');
-            await fixture.openPopover();
-            await fixture.expectPopoverSize('cover');
-        });
-    });
-});