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

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

@@ -1,17 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs().forEach(({ config, screenshot, title }) => {
-    test.describe(title('alert: standalone'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/alert/test/standalone`, config);
-            const alert = page.locator('ion-alert');
-            const didPresent = await page.spyOnEvent('ionAlertDidPresent');
-            await page.click('#basic');
-            await didPresent.next();
-            await expect(alert).toHaveScreenshot(screenshot('alert-standalone'));
-        });
-    });
-});

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

@@ -1,29 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ config, title }) => {
-    test.describe(title('alert: trigger'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/alert/test/trigger', config);
-        });
-        test('should open the alert', async ({ page }) => {
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const alert = page.locator('#default-alert');
-            await page.click('#default');
-            await ionAlertDidPresent.next();
-            await expect(alert).toBeVisible();
-        });
-        test('should present a previously presented alert', async ({ page }) => {
-            const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-            const ionAlertDidDismiss = await page.spyOnEvent('ionAlertDidDismiss');
-            const alert = page.locator('#timeout-alert');
-            await page.click('#timeout');
-            await ionAlertDidDismiss.next();
-            await page.click('#timeout');
-            await ionAlertDidPresent.next();
-            await expect(alert).toBeVisible();
-        });
-    });
-});

package/dist/collection/components/app/test/safe-area/app.e2e.js

@@ -1,35 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-/**
- * Safe area tests only check top and bottom edges. RTL checks are not required here.
- */
-configs({ directions: ['ltr'] }).forEach(({ config, title, screenshot }) => {
-    test.describe(title('app: safe-area'), () => {
-        const testOverlay = async (page, trigger, event, screenshotModifier) => {
-            const presentEvent = await page.spyOnEvent(event);
-            await page.click(trigger);
-            await presentEvent.next();
-            // Sometimes the inner content takes a frame or two to render
-            await page.waitForChanges();
-            await expect(page).toHaveScreenshot(screenshot(`app-${screenshotModifier}-diff`));
-        };
-        test.beforeEach(async ({ page }) => {
-            await page.goto(`/src/components/app/test/safe-area`, config);
-        });
-        test('should not have visual regressions with action sheet', async ({ page }) => {
-            await testOverlay(page, '#show-action-sheet', 'ionActionSheetDidPresent', 'action-sheet');
-        });
-        test('should not have visual regressions with menu', async ({ page }) => {
-            await testOverlay(page, '#show-menu', 'ionDidOpen', 'menu');
-        });
-        test('should not have visual regressions with picker', async ({ page }) => {
-            await testOverlay(page, '#show-picker', 'ionPickerDidPresent', 'picker');
-        });
-        test('should not have visual regressions with toast', async ({ page }) => {
-            await testOverlay(page, '#show-toast', 'ionToastDidPresent', 'toast');
-        });
-    });
-});

package/dist/collection/components/avatar/avatar.ionic.css

@@ -1,255 +0,0 @@
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/**
- * This is an auto-generated file, please do not change it directly.
- * Ionic Design System
- */
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-:host {
-  /**
-   * @prop --border-radius: Border radius of the avatar and inner image
-   */
-  border-radius: var(--border-radius);
-  display: block;
-}
-
-::slotted(ion-img),
-::slotted(img) {
-  border-radius: var(--border-radius);
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  overflow: hidden;
-}
-
-:host {
-  --padding-top: var(--ionic-space-0, 0px);
-  --padding-bottom: var(--ionic-space-0, 0px);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--ionic-color-neutral-100, #f1f1f1);
-  color: var(--ionic-color-neutral-800, #626262);
-  font-weight: var(--ionic-font-weight-medium, 500);
-  line-height: var(--ionic-line-height-700, 28px);
-}
-
-:host(:not(.avatar-image)) {
-  -webkit-padding-start: var(--padding-start);
-  padding-inline-start: var(--padding-start);
-  -webkit-padding-end: var(--padding-end);
-  padding-inline-end: var(--padding-end);
-  padding-top: var(--padding-top);
-  padding-bottom: var(--padding-bottom);
-  border: var(--ionic-border-size-025, 1px) var(--ionic-border-style-solid, solid) var(--ionic-color-neutral-800, #626262);
-}
-
-:host(.avatar-xsmall) {
-  --padding-end: var(--ionic-space-050, 2px);
-  --padding-start: var(--ionic-space-050, 2px);
-  width: var(--ionic-scale-600, 24px);
-  height: var(--ionic-scale-600, 24px);
-  font-size: var(--ionic-font-size-300, 0.75rem);
-  line-height: var(--ionic-line-height-400, 16px);
-}
-
-:host(.avatar-small) {
-  --padding-end: var(--ionic-space-150, 6px);
-  --padding-start: var(--ionic-space-150, 6px);
-  width: var(--ionic-scale-800, 32px);
-  height: var(--ionic-scale-800, 32px);
-  font-size: var(--ionic-font-size-400, 1rem);
-  line-height: var(--ionic-line-height-600, 24px);
-}
-
-:host(.avatar-medium) {
-  --padding-end: var(--ionic-space-200, 8px);
-  --padding-start: var(--ionic-space-200, 8px);
-  width: var(--ionic-scale-1000, 40px);
-  height: var(--ionic-scale-1000, 40px);
-  font-size: var(--ionic-font-size-450, 1.125rem);
-}
-
-:host(.avatar-large) {
-  --padding-end: var(--ionic-space-250, 10px);
-  --padding-start: var(--ionic-space-250, 10px);
-  width: var(--ionic-scale-1200, 48px);
-  height: var(--ionic-scale-1200, 48px);
-  font-size: var(--ionic-font-size-500, 1.25rem);
-}
-
-:host(.avatar-xlarge) {
-  --padding-end: var(--ionic-space-300, 12px);
-  --padding-start: var(--ionic-space-300, 12px);
-  width: var(--ionic-scale-1400, 56px);
-  height: var(--ionic-scale-1400, 56px);
-  font-size: var(--ionic-font-size-550, 1.375rem);
-}
-
-:host(.avatar-xsmall.avatar-soft),
-:host(.avatar-small.avatar-soft) {
-  --border-radius: var(--ionic-border-radius-100, 4px);
-}
-
-:host(.avatar-soft) {
-  --border-radius: var(--ionic-border-radius-200, 8px);
-}
-
-:host(.avatar-round) {
-  --border-radius: var(--ionic-border-radius-full, 999px);
-}
-
-:host(.avatar-rectangular) {
-  --border-radius: var(--ionic-border-radius-0, 0px);
-}
-
-:host(.avatar-icon) {
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-:host(.avatar-xsmall) ::slotted(ion-icon) {
-  width: var(--ionic-scale-400, 16px);
-  height: var(--ionic-scale-400, 16px);
-}
-
-:host(.avatar-small) ::slotted(ion-icon) {
-  width: var(--ionic-scale-500, 20px);
-  height: var(--ionic-scale-500, 20px);
-}
-
-:host(.avatar-medium) ::slotted(ion-icon) {
-  width: var(--ionic-scale-600, 24px);
-  height: var(--ionic-scale-600, 24px);
-}
-
-:host(.avatar-large) ::slotted(ion-icon) {
-  width: var(--ionic-scale-800, 32px);
-  height: var(--ionic-scale-800, 32px);
-}
-
-:host(.avatar-xlarge) ::slotted(ion-icon) {
-  width: var(--ionic-scale-1000, 40px);
-  height: var(--ionic-scale-1000, 40px);
-}

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

@@ -1,24 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-/**
- * Avatar does not test RTL behaviors.
- * Usages of Avatar in slots are tested in components that use Avatar.
- */
-configs({ directions: ['ltr'] }).forEach(({ config, screenshot, title }) => {
-    test.describe(title('avatar: basic'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/avatar/test/basic`, config);
-            const avatar = page.locator('#avatar');
-            const avatarChip = page.locator('#avatar-chip');
-            const avatarItemStart = page.locator('#avatar-item-start');
-            const avatarItemEnd = page.locator('#avatar-item-end');
-            await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`));
-            await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`));
-            await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`));
-            await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`));
-        });
-    });
-});

package/dist/collection/components/avatar/test/shape/avatar.e2e.js

@@ -1,134 +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'], modes: ['ionic-md'] }).forEach(({ config, screenshot, title }) => {
-    test.describe(title('avatar: shape'), () => {
-        test.describe('round', () => {
-            test('should not have visual regressions when containing text', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar shape="round">AB</ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-round-text`));
-            });
-            test('should not have visual regressions when containing an icon', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar shape="round">
-            <ion-icon name="person-outline"></ion-icon>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-round-icon`));
-            });
-            test('should not have visual regressions when containing an image', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar shape="round">
-            <img src="/src/components/avatar/test/avatar.svg"/>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-round-image`));
-            });
-        });
-        test.describe('rectangular', () => {
-            test('should not have visual regressions when containing text', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar shape="rectangular">AB</ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-rectangular-text`));
-            });
-            test('should not have visual regressions when containing an icon', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar shape="rectangular">
-            <ion-icon name="person-outline"></ion-icon>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-rectangular-icon`));
-            });
-            test('should not have visual regressions when containing an image', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar shape="rectangular">
-            <img src="/src/components/avatar/test/avatar.svg"/>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-rectangular-image`));
-            });
-        });
-        test.describe('soft', () => {
-            test('should not have visual regressions when containing text', async ({ page }) => {
-                await page.setContent(`
-          <style>
-            #container {
-              display: flex;
-              gap: 10px;
-            }
-          </style>
-
-          <div id="container">
-            <ion-avatar shape="soft" size="xsmall">AB</ion-avatar>
-            <ion-avatar shape="soft" size="small">AB</ion-avatar>
-            <ion-avatar shape="soft">AB</ion-avatar>
-          </div>
-        `, config);
-                const container = page.locator('#container');
-                await expect(container).toHaveScreenshot(screenshot(`avatar-shape-soft-text`));
-            });
-            test('should not have visual regressions when containing an icon', async ({ page }) => {
-                await page.setContent(`
-          <style>
-            #container {
-              display: flex;
-              gap: 10px;
-            }
-          </style>
-
-          <div id="container">
-            <ion-avatar shape="soft" size="xsmall">
-              <ion-icon name="person-outline"></ion-icon>
-            </ion-avatar>
-            <ion-avatar shape="soft" size="small">
-              <ion-icon name="person-outline"></ion-icon>
-            </ion-avatar>
-            <ion-avatar shape="soft">
-              <ion-icon name="person-outline"></ion-icon>
-            </ion-avatar>
-          </div>
-        `, config);
-                const container = page.locator('#container');
-                await expect(container).toHaveScreenshot(screenshot(`avatar-shape-soft-icon`));
-            });
-            test('should not have visual regressions when containing an image', async ({ page }) => {
-                await page.setContent(`
-          <style>
-            #container {
-              display: flex;
-              gap: 10px;
-            }
-          </style>
-
-          <div id="container">
-            <ion-avatar shape="soft" size="xsmall">
-              <img src="/src/components/avatar/test/avatar.svg"/>
-            </ion-avatar>
-            <ion-avatar shape="soft" size="small">
-              <img src="/src/components/avatar/test/avatar.svg"/>
-            </ion-avatar>
-            <ion-avatar shape="soft">
-              <img src="/src/components/avatar/test/avatar.svg"/>
-            </ion-avatar>
-          </div>
-        `, config);
-                const container = page.locator('#container');
-                await expect(container).toHaveScreenshot(screenshot(`avatar-shape-soft-image`));
-            });
-        });
-    });
-});

package/dist/collection/components/avatar/test/size/avatar.e2e.js

@@ -1,147 +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'], modes: ['ionic-md'] }).forEach(({ config, screenshot, title }) => {
-    test.describe(title('avatar: size'), () => {
-        test.describe('xsmall', () => {
-            test('should not have visual regressions when containing text', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="xsmall">AB</ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-xsmall-text`));
-            });
-            test('should not have visual regressions when containing an icon', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="xsmall">
-            <ion-icon name="person-outline"></ion-icon>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-xsmall-icon`));
-            });
-            test('should not have visual regressions when containing an image', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="xsmall">
-            <img src="/src/components/avatar/test/avatar.svg"/>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-xsmall-image`));
-            });
-        });
-        test.describe('small', () => {
-            test('should not have visual regressions when containing text', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="small">AB</ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-small-text`));
-            });
-            test('should not have visual regressions when containing an icon', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="small">
-            <ion-icon name="person-outline"></ion-icon>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-small-icon`));
-            });
-            test('should not have visual regressions when containing an image', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="small">
-            <img src="/src/components/avatar/test/avatar.svg"/>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-small-image`));
-            });
-        });
-        test.describe('medium', () => {
-            test('should not have visual regressions when containing text', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="medium">AB</ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-medium-text`));
-            });
-            test('should not have visual regressions when containing an icon', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="medium">
-            <ion-icon name="person-outline"></ion-icon>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-medium-icon`));
-            });
-            test('should not have visual regressions when containing an image', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="medium">
-            <img src="/src/components/avatar/test/avatar.svg"/>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-medium-image`));
-            });
-        });
-        test.describe('large', () => {
-            test('should not have visual regressions when containing text', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="large">AB</ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-large-text`));
-            });
-            test('should not have visual regressions when containing an icon', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="large">
-            <ion-icon name="person-outline"></ion-icon>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-large-icon`));
-            });
-            test('should not have visual regressions when containing an image', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="large">
-            <img src="/src/components/avatar/test/avatar.svg"/>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-large-image`));
-            });
-        });
-        test.describe('xlarge', () => {
-            test('should not have visual regressions when containing text', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="xlarge">AB</ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-xlarge-text`));
-            });
-            test('should not have visual regressions when containing an icon', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="xlarge">
-            <ion-icon name="person-outline"></ion-icon>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-xlarge-icon`));
-            });
-            test('should not have visual regressions when containing an image', async ({ page }) => {
-                await page.setContent(`
-          <ion-avatar size="xlarge">
-            <img src="/src/components/avatar/test/avatar.svg"/>
-          </ion-avatar>
-        `, config);
-                const avatar = page.locator('ion-avatar');
-                await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-xlarge-image`));
-            });
-        });
-    });
-});