voyager-ionic-core 8.1.0 → 8.2.5

package/dist/collection/components/toast/test/layout/toast.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(({ title, screenshot, config }) => {
-    test.describe(title('toast: stacked layout'), () => {
-        test('should render stacked buttons', async ({ page }) => {
-            await page.goto('/src/components/toast/test/layout', config);
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            await page.click('#stacked');
-            await ionToastDidPresent.next();
-            const toastWrapper = page.locator('ion-toast .toast-wrapper');
-            await expect(toastWrapper).toHaveScreenshot(screenshot(`toast-stacked`));
-        });
-    });
-});

package/dist/collection/components/toast/test/position-anchor/toast.e2e.js

@@ -1,45 +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('toast: positionAnchor'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/toast/test/position-anchor', config);
-            /**
-             * We need to screenshot the whole page to ensure the toasts are positioned
-             * correctly, but we don't need much extra white space between the header
-             * and footer.
-             */
-            await page.setViewportSize({
-                width: 425,
-                height: 425,
-            });
-        });
-        test('should place top-position toast underneath anchor', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            await page.click('#headerAnchor');
-            await ionToastDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`toast-header-anchor`));
-        });
-        test('should place bottom-position toast above anchor', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            await page.click('#footerAnchor');
-            await ionToastDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`toast-footer-anchor`));
-        });
-        test('should ignore anchor for middle-position toast', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            await page.click('#middleAnchor');
-            await ionToastDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`toast-middle-anchor`));
-        });
-        test('should correctly anchor toast when using an element reference', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            await page.click('#headerElAnchor');
-            await ionToastDidPresent.next();
-            await expect(page).toHaveScreenshot(screenshot(`toast-header-el-anchor`));
-        });
-    });
-});

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

@@ -1,21 +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('toast: standalone'), () => {
-        test('should open overlay without ion-app', async ({ page }) => {
-            await page.goto(`/src/components/toast/test/standalone`, config);
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            const toast = page.locator('ion-toast');
-            const basicButton = page.locator('#basic-toast');
-            await basicButton.click();
-            await ionToastDidPresent.next();
-            await expect(toast).toBeVisible();
-        });
-    });
-});

package/dist/collection/components/toast/test/swipe-gesture/toast.e2e.js

@@ -1,84 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { configs, test, dragElementBy } from "../../../../utils/test/playwright/index";
-/**
- * This behavior does not vary across modes and directions.
- */
-configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ title, config }) => {
-    test.describe(title('toast: swipe gesture with top position'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('src/components/toast/test/swipe-gesture', config);
-        });
-        test('should swipe up to dismiss', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-            const presentButton = page.locator('#top');
-            await presentButton.click();
-            await ionToastDidPresent.next();
-            const toastWrapper = page.locator('ion-toast#top-toast .toast-wrapper');
-            await dragElementBy(toastWrapper, page, 0, -30);
-            await ionToastDidDismiss.next();
-        });
-        test('should swipe up to dismiss with anchor', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-            const presentButton = page.locator('#top-anchor');
-            await presentButton.click();
-            await ionToastDidPresent.next();
-            const toastWrapper = page.locator('ion-toast#top-anchor-toast .toast-wrapper');
-            await dragElementBy(toastWrapper, page, 0, -30);
-            await ionToastDidDismiss.next();
-        });
-    });
-    test.describe(title('toast: swipe gesture with bottom position'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('src/components/toast/test/swipe-gesture', config);
-        });
-        test('should swipe down to dismiss', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-            const presentButton = page.locator('#bottom');
-            await presentButton.click();
-            await ionToastDidPresent.next();
-            const toastWrapper = page.locator('ion-toast#bottom-toast .toast-wrapper');
-            await dragElementBy(toastWrapper, page, 0, 30);
-            await ionToastDidDismiss.next();
-        });
-        test('should swipe down to dismiss with anchor', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-            const presentButton = page.locator('#bottom-anchor');
-            await presentButton.click();
-            await ionToastDidPresent.next();
-            const toastWrapper = page.locator('ion-toast#bottom-anchor-toast .toast-wrapper');
-            await dragElementBy(toastWrapper, page, 0, 30);
-            await ionToastDidDismiss.next();
-        });
-    });
-    test.describe(title('toast: swipe gesture with middle position'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('src/components/toast/test/swipe-gesture', config);
-        });
-        test('should swipe down to dismiss', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-            const presentButton = page.locator('#middle');
-            await presentButton.click();
-            await ionToastDidPresent.next();
-            const toastWrapper = page.locator('ion-toast#middle-toast .toast-wrapper');
-            await dragElementBy(toastWrapper, page, 0, 100);
-            await ionToastDidDismiss.next();
-        });
-        test('should swipe up to dismiss', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-            const presentButton = page.locator('#middle');
-            await presentButton.click();
-            await ionToastDidPresent.next();
-            const toastWrapper = page.locator('ion-toast#middle-toast .toast-wrapper');
-            await dragElementBy(toastWrapper, page, 0, -100);
-            await ionToastDidDismiss.next();
-        });
-    });
-});

package/dist/collection/components/toast/test/toast-config.spec.js

@@ -1,25 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { Toast } from "../toast";
-import { config } from "../../../global/config";
-describe('toast: duration config', () => {
-    it('should have duration set to 0', async () => {
-        const page = await newSpecPage({
-            components: [Toast],
-            html: `<ion-toast></ion-toast>`,
-        });
-        const toast = page.body.querySelector('ion-toast');
-        expect(toast.duration).toBe(0);
-    });
-    it('should have duration set to 5000', async () => {
-        config.reset({ toastDuration: 5000 });
-        const page = await newSpecPage({
-            components: [Toast],
-            html: `<ion-toast></ion-toast>`,
-        });
-        const toast = page.body.querySelector('ion-toast');
-        expect(toast.duration).toBe(5000);
-    });
-});

package/dist/collection/components/toast/test/toast-id.spec.js

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

package/dist/collection/components/toast/test/toast.spec.js

@@ -1,212 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { config } from "../../../global/config";
-import { createAnimation } from "../../../utils/animation/animation";
-import { Toast } from "../toast";
-describe('toast: custom html', () => {
-    it('should not allow for custom html by default', async () => {
-        const page = await newSpecPage({
-            components: [Toast],
-            html: `<ion-toast message="<button class='custom-html'>Custom Text</button>"></ion-toast>`,
-        });
-        const toast = page.body.querySelector('ion-toast');
-        const content = toast.shadowRoot.querySelector('.toast-message');
-        expect(content.textContent).toContain('Custom Text');
-        expect(content.querySelector('button.custom-html')).toBe(null);
-    });
-    it('should allow for custom html', async () => {
-        config.reset({ innerHTMLTemplatesEnabled: true });
-        const page = await newSpecPage({
-            components: [Toast],
-            html: `<ion-toast message="<button class='custom-html'>Custom Text</button>"></ion-toast>`,
-        });
-        const toast = page.body.querySelector('ion-toast');
-        const content = toast.shadowRoot.querySelector('.toast-message');
-        expect(content.textContent).toContain('Custom Text');
-        expect(content.querySelector('button.custom-html')).not.toBe(null);
-    });
-    it('should not allow for custom html', async () => {
-        config.reset({ innerHTMLTemplatesEnabled: false });
-        const page = await newSpecPage({
-            components: [Toast],
-            html: `<ion-toast message="<button class='custom-html'>Custom Text</button>"></ion-toast>`,
-        });
-        const toast = page.body.querySelector('ion-toast');
-        const content = toast.shadowRoot.querySelector('.toast-message');
-        expect(content.textContent).toContain('Custom Text');
-        expect(content.querySelector('button.custom-html')).toBe(null);
-    });
-});
-/**
- * These tests check if the aria-hidden attributes are being
- * removed on present. Without this functionality, screen readers
- * would not announce toast content correctly.
- */
-describe('toast: a11y smoke test', () => {
-    it('should have aria-hidden content when dismissed', async () => {
-        const page = await newSpecPage({
-            components: [Toast],
-            html: `<ion-toast message="Message" header="Header"></ion-toast>`,
-        });
-        const toast = page.body.querySelector('ion-toast');
-        const header = toast.shadowRoot.querySelector('.toast-header');
-        const message = toast.shadowRoot.querySelector('.toast-message');
-        expect(header.getAttribute('aria-hidden')).toBe('true');
-        expect(message.getAttribute('aria-hidden')).toBe('true');
-    });
-    it('should not have aria-hidden content when presented', async () => {
-        const page = await newSpecPage({
-            components: [Toast],
-            html: `
-        <ion-app>
-          <ion-toast animated="false" message="Message" header="Header"></ion-toast>
-        </ion-app>
-      `,
-        });
-        const toast = page.body.querySelector('ion-toast');
-        /**
-         * Wait for present method to resolve
-         * and for state change to take effect.
-         */
-        await toast.present();
-        await page.waitForChanges();
-        const header = toast.shadowRoot.querySelector('.toast-header');
-        const message = toast.shadowRoot.querySelector('.toast-message');
-        expect(header.getAttribute('aria-hidden')).toBe(null);
-        expect(message.getAttribute('aria-hidden')).toBe(null);
-    });
-});
-describe('toast: duration config', () => {
-    afterEach(() => {
-        /**
-         * Important: Reset the config
-         * after each test as it is not
-         * automatically reset.
-         * Otherwise, toasts in other tests
-         * will take on any toastDuration value
-         * set and timeouts will potentially run
-         * after tests are finished.
-         */
-        config.reset({});
-    });
-    it('should have duration set to 0', async () => {
-        const page = await newSpecPage({
-            components: [Toast],
-            html: `<ion-toast></ion-toast>`,
-        });
-        const toast = page.body.querySelector('ion-toast');
-        expect(toast.duration).toBe(0);
-    });
-    it('should have duration set to 5000', async () => {
-        config.reset({ toastDuration: 5000 });
-        const page = await newSpecPage({
-            components: [Toast],
-            html: `<ion-toast></ion-toast>`,
-        });
-        const toast = page.body.querySelector('ion-toast');
-        expect(toast.duration).toBe(5000);
-    });
-});
-describe('toast: htmlAttributes', () => {
-    it('should correctly inherit attributes on host', async () => {
-        const page = await newSpecPage({
-            components: [Toast],
-            template: () => h("ion-toast", { overlayIndex: 1, htmlAttributes: { 'data-testid': 'basic-toast' } }),
-        });
-        const toast = page.body.querySelector('ion-toast');
-        await expect(toast.getAttribute('data-testid')).toBe('basic-toast');
-    });
-});
-describe('toast: button cancel', () => {
-    it('should render the cancel button with part button-cancel', async () => {
-        const page = await newSpecPage({
-            components: [Toast],
-            template: () => h("ion-toast", { overlayIndex: 1, buttons: [{ text: 'Cancel', role: 'cancel' }] }),
-        });
-        const toast = page.body.querySelector('ion-toast');
-        const buttonCancel = toast.shadowRoot.querySelector('.toast-button-cancel');
-        expect(buttonCancel.getAttribute('part')).toBe('button cancel');
-    });
-});
-describe('toast: swipe gesture', () => {
-    describe('prefersSwipeGesture()', () => {
-        let toast;
-        beforeEach(() => {
-            toast = new Toast();
-        });
-        it('should return true if set to a valid swipe value', () => {
-            toast.swipeGesture = 'vertical';
-            expect(toast.prefersSwipeGesture()).toBe(true);
-        });
-        it('should return false if set to undefined', () => {
-            toast.swipeGesture = undefined;
-            expect(toast.prefersSwipeGesture()).toBe(false);
-        });
-        it('should return false if set to null', () => {
-            toast.swipeGesture = null;
-            expect(toast.prefersSwipeGesture()).toBe(false);
-        });
-        it('should return false if set to invalid string', () => {
-            toast.swipeGesture = 'limit'; // `'limit'` doesn't exist
-            expect(toast.prefersSwipeGesture()).toBe(false);
-        });
-    });
-    describe('swipeGesture property', () => {
-        let toast;
-        beforeEach(() => {
-            toast = new Toast();
-            // Stub the enter animation so we aren't querying elements in the DOM that may not exist
-            toast.enterAnimation = () => createAnimation();
-        });
-        it('should not create a swipe gesture on present if swipeGesture is undefined', async () => {
-            expect(toast.gesture).toBe(undefined);
-            await toast.present();
-            expect(toast.gesture).toBe(undefined);
-        });
-        it('should create a swipe gesture on present', async () => {
-            toast.swipeGesture = 'vertical';
-            expect(toast.gesture).toBe(undefined);
-            await toast.present();
-            expect(toast.gesture).not.toBe(undefined);
-        });
-        it('should destroy a swipe gesture on dismiss', async () => {
-            toast.swipeGesture = 'vertical';
-            await toast.present();
-            expect(toast.gesture).not.toBe(undefined);
-            await toast.dismiss();
-            expect(toast.gesture).toBe(undefined);
-        });
-        it('should create a swipe gesture if swipeGesture is set after present', async () => {
-            await toast.present();
-            expect(toast.gesture).toBe(undefined);
-            /**
-             * Manually invoke the watch
-             * callback synchronously.
-             */
-            toast.swipeGesture = 'vertical';
-            toast.swipeGestureChanged();
-            expect(toast.gesture).not.toBe(undefined);
-        });
-        it('should destroy a swipe gesture if swipeGesture is cleared after present', async () => {
-            toast.swipeGesture = 'vertical';
-            await toast.present();
-            expect(toast.gesture).not.toBe(undefined);
-            /**
-             * Manually invoke the watch
-             * callback synchronously.
-             */
-            toast.swipeGesture = undefined;
-            toast.swipeGestureChanged();
-            expect(toast.gesture).toBe(undefined);
-        });
-        it('should not create a swipe gesture if the toast is not presented', async () => {
-            expect(toast.gesture).toBe(undefined);
-            toast.swipeGesture = 'vertical';
-            toast.swipeGestureChanged();
-            expect(toast.gesture).toBe(undefined);
-        });
-    });
-});

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

@@ -1,32 +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('toast: trigger'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/components/toast/test/trigger', config);
-        });
-        test('should open the toast', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            const toast = page.locator('#default-toast');
-            await page.click('#default');
-            await ionToastDidPresent.next();
-            await expect(toast).toBeVisible();
-        });
-        test('should present a previously presented toast', async ({ page }) => {
-            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-            const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-            const toast = page.locator('#timeout-toast');
-            await page.click('#timeout');
-            await ionToastDidDismiss.next();
-            await page.click('#timeout');
-            await ionToastDidPresent.next();
-            await expect(toast).toBeVisible();
-        });
-    });
-});

package/dist/collection/components/toggle/test/a11y/toggle.e2e.js

@@ -1,21 +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";
-configs({ directions: ['ltr'], palettes: ['light', 'dark'] }).forEach(({ title, config }) => {
-    test.describe(title('toggle: a11y'), () => {
-        test('should not have accessibility violations', async ({ page }) => {
-            await page.setContent(`
-        <main>
-          <ion-toggle>my label</ion-toggle>
-          <ion-toggle aria-label="my aria label"></ion-toggle>
-          <ion-toggle checked="true">Checked</ion-toggle>
-        </main>
-      `, config);
-            const results = await new AxeBuilder({ page }).analyze();
-            expect(results.violations).toEqual([]);
-        });
-    });
-});

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

@@ -1,23 +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('toggle: color'), () => {
-        test('should apply color when checked', async ({ page }) => {
-            await page.setContent(`
-        <ion-toggle color="danger" checked="true">Label</ion-toggle>
-      `, config);
-            const toggle = page.locator('ion-toggle');
-            await expect(toggle).toHaveScreenshot(screenshot(`toggle-color-checked`));
-        });
-        test('should not apply color when unchecked', async ({ page }) => {
-            await page.setContent(`
-        <ion-toggle color="danger">Label</ion-toggle>
-      `, config);
-            const toggle = page.locator('ion-toggle');
-            await expect(toggle).toHaveScreenshot(screenshot(`toggle-color-unchecked`));
-        });
-    });
-});

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

@@ -1,61 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ palettes: ['light', 'dark'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('toggle: enable-on-off-labels'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          #container {
-            display: grid;
-            grid-template-columns: repeat(2, auto);
-            justify-content: space-evenly;
-            gap: 8px;
-            padding: 16px 0;
-          }
-        </style>
-
-        <div id="container">
-          <ion-toggle enable-on-off-labels="true">Unchecked</ion-toggle>
-          <ion-toggle enable-on-off-labels="true" checked>Checked</ion-toggle>
-        </div>
-      `, config);
-            const container = page.locator('#container');
-            await expect(container).toHaveScreenshot(screenshot(`toggle-on-off-labels`));
-        });
-        test('should not have visual regressions with color', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          #container {
-            display: grid;
-            grid-template-columns: repeat(2, auto);
-            justify-content: space-evenly;
-            gap: 8px;
-            padding: 16px 0;
-          }
-        </style>
-
-        <div id="container">
-          <ion-toggle color="secondary" enable-on-off-labels="true">Unchecked</ion-toggle>
-          <ion-toggle color="secondary" enable-on-off-labels="true" checked>Checked</ion-toggle>
-          <ion-toggle color="success" enable-on-off-labels="true">Unchecked</ion-toggle>
-          <ion-toggle color="success" enable-on-off-labels="true" checked>Checked</ion-toggle>
-          <ion-toggle color="danger" enable-on-off-labels="true">Unchecked</ion-toggle>
-          <ion-toggle color="danger" enable-on-off-labels="true" checked>Checked</ion-toggle>
-          <ion-toggle color="tertiary" enable-on-off-labels="true">Unchecked</ion-toggle>
-          <ion-toggle color="tertiary" enable-on-off-labels="true" checked>Checked</ion-toggle>
-          <ion-toggle color="light" enable-on-off-labels="true">Unchecked</ion-toggle>
-          <ion-toggle color="light" enable-on-off-labels="true" checked>Checked</ion-toggle>
-          <ion-toggle color="medium" enable-on-off-labels="true">Unchecked</ion-toggle>
-          <ion-toggle color="medium" enable-on-off-labels="true" checked>Checked</ion-toggle>
-          <ion-toggle color="dark" enable-on-off-labels="true">Unchecked</ion-toggle>
-          <ion-toggle color="dark" enable-on-off-labels="true" checked>Checked</ion-toggle>
-        </div>
-      `, config);
-            const container = page.locator('#container');
-            await expect(container).toHaveScreenshot(screenshot(`toggle-on-off-labels-color`));
-        });
-    });
-});