voyager-ionic-core 8.2.0 → 8.2.6

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

@@ -1,58 +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 }) => {
-    /**
-     * Font scaling does not vary across directions.
-     */
-    test.describe(title('chip: font scaling'), () => {
-        test('should scale text', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 30px;
-          }
-        </style>
-        <ion-chip>
-          <ion-avatar>
-            <img
-              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVkYmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMjU2IDMwNGM2MS42IDAgMTEyLTUwLjQgMTEyLTExMlMzMTcuNiA4MCAyNTYgODBzLTExMiA1MC40LTExMiAxMTIgNTAuNCAxMTIgMTEyIDExMnptMCA0MGMtNzQuMiAwLTIyNCAzNy44LTIyNCAxMTJ2NTZoNDQ4di01NmMwLTc0LjItMTQ5LjgtMTEyLTIyNC0xMTJ6IiBmaWxsPSIjODJhZWZmIi8+PC9zdmc+"
-            />
-          </ion-avatar>
-          <ion-label>With Icon and Avatar</ion-label>
-          <ion-icon name="close-circle"></ion-icon>
-        </ion-chip>`, config);
-            const chip = page.locator('ion-chip');
-            await expect(chip).toHaveScreenshot(screenshot('chip-scale'));
-        });
-    });
-});
-configs({ directions: ['ltr'], modes: ['md'] }).forEach(({ title, screenshot, config }) => {
-    /**
-     * Font scaling does not vary across directions
-     * ios mode has a min font size
-     */
-    test.describe(title('chip: contents at large scale'), () => {
-        test('should handle contents wider than chip', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 48px;
-          }
-        </style>
-        <ion-chip>
-          <ion-avatar>
-            <img
-              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVkYmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMjU2IDMwNGM2MS42IDAgMTEyLTUwLjQgMTEyLTExMlMzMTcuNiA4MCAyNTYgODBzLTExMiA1MC40LTExMiAxMTIgNTAuNCAxMTIgMTEyIDExMnptMCA0MGMtNzQuMiAwLTIyNCAzNy44LTIyNCAxMTJ2NTZoNDQ4di01NmMwLTc0LjItMTQ5LjgtMTEyLTIyNC0xMTJ6IiBmaWxsPSIjODJhZWZmIi8+PC9zdmc+"
-            />
-          </ion-avatar>
-          <ion-label>With Icon and Avatar</ion-label>
-          <ion-icon name="close-circle"></ion-icon>
-        </ion-chip>`, config);
-            const chip = page.locator('ion-chip');
-            await expect(chip).toHaveScreenshot(screenshot('chip-large-contents'));
-        });
-    });
-});

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

@@ -1,81 +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'] }).forEach(({ title, screenshot, config }) => {
-    /**
-     * Chip rendering does not vary across modes.
-     */
-    test.describe(title('chip: rendering'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.setContent(`
-        <ion-chip>
-          <ion-avatar>
-            <img
-              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVkYmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMjU2IDMwNGM2MS42IDAgMTEyLTUwLjQgMTEyLTExMlMzMTcuNiA4MCAyNTYgODBzLTExMiA1MC40LTExMiAxMTIgNTAuNCAxMTIgMTEyIDExMnptMCA0MGMtNzQuMiAwLTIyNCAzNy44LTIyNCAxMTJ2NTZoNDQ4di01NmMwLTc0LjItMTQ5LjgtMTEyLTIyNC0xMTJ6IiBmaWxsPSIjODJhZWZmIi8+PC9zdmc+"
-            />
-          </ion-avatar>
-          <ion-label>Chip</ion-label>
-          <ion-icon name="close-circle"></ion-icon>
-        </ion-chip>`, config);
-            const chip = page.locator('ion-chip');
-            await expect(chip).toHaveScreenshot(screenshot(`chip-basic`));
-        });
-    });
-});
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    /**
-     * This behavior does not vary across modes/directions.
-     */
-    test.describe(title('chip: outline'), () => {
-        test('should render default outline chip', async ({ page }) => {
-            await page.setContent(`<ion-chip outline="true">
-          <ion-icon name="checkmark-circle"></ion-icon>
-          <ion-label>Icon</ion-label>
-        </ion-chip>`, config);
-            const chip = page.locator('ion-chip');
-            await expect(chip).toHaveScreenshot(screenshot(`chip-outline`));
-        });
-    });
-    /**
-     * This behavior does not vary across modes/directions.
-     */
-    test.describe(title('chip: color'), () => {
-        test('should render solid color chip', async ({ page }) => {
-            await page.setContent(`<ion-chip color="tertiary">
-          <ion-icon name="checkmark-circle"></ion-icon>
-          <ion-label>Tertiary with Icon</ion-label>
-        </ion-chip>`, config);
-            const chip = page.locator('ion-chip');
-            await expect(chip).toHaveScreenshot(screenshot(`chip-solid-color`));
-        });
-        test('should render outline color chip', async ({ page }) => {
-            await page.setContent(`<ion-chip outline="true" color="tertiary">
-          <ion-icon name="checkmark-circle"></ion-icon>
-          <ion-label>Tertiary with Icon</ion-label>
-        </ion-chip>`, config);
-            const chip = page.locator('ion-chip');
-            await expect(chip).toHaveScreenshot(screenshot(`chip-outline-color`));
-        });
-    });
-    test.describe(title('chip: descenders'), () => {
-        test('should not clip descenders in item', async ({ page }) => {
-            test.info().annotations.push({
-                type: 'issue',
-                description: 'https://github.com/ionic-team/ionic-framework/issues/18313',
-            });
-            await page.setContent(`
-        <ion-list>
-          <ion-item>
-            <ion-chip>
-              <ion-label>Agreements</ion-label>
-            </ion-chip>
-          </ion-item>
-        </ion-list>
-      `, config);
-            const chip = page.locator('ion-chip');
-            await expect(chip).toHaveScreenshot(screenshot(`chip-descender`));
-        });
-    });
-});

package/dist/collection/components/chip/test/states/chip.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";
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    /**
-     * This behavior does not vary across modes/directions.
-     */
-    test.describe(title('chip: states'), () => {
-        test('should render disabled state', async ({ page }) => {
-            await page.setContent(`<ion-chip disabled="true">
-          <ion-label>Disabled</ion-label>
-        </ion-chip>`, config);
-            const chip = page.locator('ion-chip');
-            await expect(chip).toHaveScreenshot(screenshot(`chip-disabled`));
-        });
-        test('should custom chip', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          ion-chip {
-            --background: green;
-            --color: black;
-
-            opacity: 1;
-          }
-        </style>
-        <ion-chip disabled="true">
-          <ion-label>Custom</ion-label>
-        </ion-chip>`, config);
-            const chip = page.locator('ion-chip');
-            await expect(chip).toHaveScreenshot(screenshot(`chip-custom`));
-        });
-    });
-});

package/dist/collection/components/content/test/basic/content.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";
-/**
- * ion-content does not have mode-specific styling
- */
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('content: basic'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/content/test/basic`, config);
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`content-diff`));
-        });
-    });
-});

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

@@ -1,27 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { Content } from "../content";
-describe('content: fixed slot placement', () => {
-    it('should should fixed slot after content', async () => {
-        const page = await newSpecPage({
-            components: [Content],
-            html: '<ion-content></ion-content>',
-        });
-        const content = page.body.querySelector('ion-content');
-        const fixedSlot = content.shadowRoot.querySelector('slot[name="fixed"]');
-        const scrollEl = content.shadowRoot.querySelector('[part="scroll"]');
-        expect(fixedSlot.nextElementSibling).not.toBe(scrollEl);
-    });
-    it('should should fixed slot before content', async () => {
-        const page = await newSpecPage({
-            components: [Content],
-            html: `<ion-content fixed-slot-placement="before"></ion-content>`,
-        });
-        const content = page.body.querySelector('ion-content');
-        const fixedSlot = content.shadowRoot.querySelector('slot[name="fixed"]');
-        const scrollEl = content.shadowRoot.querySelector('[part="scroll"]');
-        expect(fixedSlot.nextElementSibling).toBe(scrollEl);
-    });
-});

package/dist/collection/components/content/test/fixed/content.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";
-/**
- * ion-content does not have mode-specific styling
- */
-configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('content: fixed'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/content/test/fixed`, config);
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`content-fixed`));
-        });
-    });
-});

package/dist/collection/components/content/test/fullscreen/content.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";
-/**
- * ion-content does not have mode-specific styling
- */
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('content: fullscreen'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/content/test/fullscreen`, config);
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`content-fullscreen`));
-        });
-    });
-});

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

@@ -1,16 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-/**
- * ion-content does not have mode-specific styling
- */
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('content: standalone'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/content/test/standalone`, config);
-            await expect(page).toHaveScreenshot(screenshot(`content-standalone`), { fullPage: true });
-        });
-    });
-});

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

@@ -1,94 +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'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('datetime: font scaling'), () => {
-        test('should scale text on larger font sizes', async ({ page }) => {
-            await page.setContent(`
-        <style>
-          html {
-            font-size: 36px;
-          }
-        </style>
-
-        <div id="container" style="width: 450px;">
-          <ion-datetime size="cover" show-default-title="true" show-default-buttons="true" presentation="date-time" value="2022-06-06T16:30"></ion-datetime>
-        </div>
-      `, config);
-            const container = page.locator('#container');
-            await page.locator('.datetime-ready').waitFor();
-            await expect(container).toHaveScreenshot(screenshot(`datetime-scale`));
-        });
-    });
-});
-/**
- * This behavior does not differ across
- * modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('datetime: a11y'), () => {
-        test('datetime should be keyboard navigable', async ({ page, browserName }) => {
-            await page.setContent(`
-        <ion-datetime value="2022-02-22T16:30:00"></ion-datetime>
-    `, config);
-            const tabKey = browserName === 'webkit' ? 'Alt+Tab' : 'Tab';
-            const datetime = page.locator('ion-datetime');
-            const monthYearButton = page.locator('.calendar-month-year-toggle');
-            const prevButton = page.locator('.calendar-next-prev ion-button:nth-child(1)');
-            const nextButton = page.locator('.calendar-next-prev ion-button:nth-child(2)');
-            await page.keyboard.press(tabKey);
-            await expect(monthYearButton).toBeFocused();
-            await page.keyboard.press(tabKey);
-            await expect(prevButton).toBeFocused();
-            await page.keyboard.press(tabKey);
-            await expect(nextButton).toBeFocused();
-            // check value before & after selecting via keyboard
-            const initialValue = await datetime.evaluate((el) => el.value);
-            expect(initialValue).toBe('2022-02-22T16:30:00');
-            await page.keyboard.press(tabKey);
-            await page.waitForChanges();
-            await page.keyboard.press('ArrowLeft');
-            await page.waitForChanges();
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            const newValue = await datetime.evaluate((el) => el.value);
-            expect(newValue).not.toBe('2022-02-22T16:30:00');
-        });
-        test('buttons should be keyboard navigable', async ({ page }) => {
-            await page.setContent(`
-
-        <ion-datetime value="2022-02-22T16:30:00" show-default-buttons="true" show-clear-button="true"></ion-datetime>
-    `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const clearButton = page.locator('#clear-button button');
-            const selectedDay = page.locator('.calendar-day-active');
-            await expect(selectedDay).toHaveText('22');
-            await clearButton.focus();
-            await page.waitForChanges();
-            await expect(clearButton).toBeFocused();
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            await expect(selectedDay).toHaveCount(0);
-        });
-        test('should navigate through months via right arrow key', async ({ page }) => {
-            await page.setContent(`
-
-        <ion-datetime value="2022-02-28"></ion-datetime>
-    `, config);
-            await page.locator('.datetime-ready').waitFor();
-            const calendarMonthYear = page.locator('ion-datetime .calendar-month-year');
-            const calendarBody = page.locator('.calendar-body');
-            await expect(calendarMonthYear).toHaveText('February 2022');
-            await calendarBody.focus();
-            await page.waitForChanges();
-            await page.keyboard.press('ArrowRight');
-            await page.waitForChanges();
-            await expect(calendarMonthYear).toHaveText('March 2022');
-        });
-    });
-});

package/dist/collection/components/datetime/test/a11y/datetime.spec.js

@@ -1,40 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { Datetime } from "../../datetime";
-describe('datetime', () => {
-    beforeEach(() => {
-        const mockIntersectionObserver = jest.fn();
-        mockIntersectionObserver.mockReturnValue({
-            observe: () => null,
-            unobserve: () => null,
-            disconnect: () => null,
-        });
-        global.IntersectionObserver = mockIntersectionObserver;
-    });
-    describe('month/year toggle', () => {
-        let page;
-        beforeEach(async () => {
-            page = await newSpecPage({
-                components: [Datetime],
-                html: `<ion-datetime></ion-datetime>`,
-            });
-        });
-        it('should have aria-label "Show year picker" when collapsed', async () => {
-            const datetime = page.body.querySelector('ion-datetime');
-            const monthYearToggleBtn = datetime.shadowRoot.querySelector('.calendar-month-year .calendar-month-year-toggle');
-            const ariaLabel = monthYearToggleBtn.getAttribute('aria-label');
-            expect(ariaLabel).toContain('Show year picker');
-        });
-        it('should have aria-label "Hide year picker" when expanded', async () => {
-            const datetime = page.body.querySelector('ion-datetime');
-            const monthYearToggleBtn = datetime.shadowRoot.querySelector('.calendar-month-year .calendar-month-year-toggle');
-            monthYearToggleBtn.click();
-            await page.waitForChanges();
-            const monthYearToggleBtnAfter = datetime.shadowRoot.querySelector('.calendar-month-year .calendar-month-year-toggle');
-            const ariaLabel = monthYearToggleBtnAfter.getAttribute('aria-label');
-            expect(ariaLabel).toContain('Hide year picker');
-        });
-    });
-});