voyager-ionic-core 8.1.0 → 8.2.5

package/hydrate/package.json

@@ -2,5 +2,11 @@
   "name": "voyager-ionic-core/hydrate",
   "description": "Ionic component hydration app.",
   "main": "index.js",
-  "types": "index.d.ts"
+  "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./index.js",
+      "import": "./index.mjs"
+    }
+  }
 }

package/loader/cdn.js

@@ -2,4 +2,4 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.cjs.js

@@ -2,4 +2,4 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.d.ts

@@ -9,6 +9,9 @@ export interface CustomElementsDefineOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
 export declare function applyPolyfills(): Promise<void>;
 
 /**

package/loader/index.es2017.js

@@ -2,4 +2,4 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -3,4 +3,4 @@
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm-es5/loader.js';
+export * from '../dist/esm-es5/loader.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "voyager-ionic-core",
-  "version": "8.1.0",
+  "version": "8.2.5",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
@@ -31,19 +31,20 @@
     "loader/"
   ],
   "dependencies": {
-    "@stencil/core": "^4.17.2",
+    "@stencil/core": "^4.19.2",
     "ionicons": "^7.2.2",
     "tslib": "^2.1.0"
   },
   "devDependencies": {
-    "@axe-core/playwright": "^4.8.5",
+    "@axe-core/playwright": "^4.9.1",
     "@capacitor/core": "^6.0.0",
     "@capacitor/haptics": "^6.0.0",
     "@capacitor/keyboard": "^6.0.0",
     "@capacitor/status-bar": "^6.0.0",
+    "@clack/prompts": "^0.7.0",
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
-    "@playwright/test": "^1.39.0",
+    "@playwright/test": "^1.44.1",
     "@rollup/plugin-node-resolve": "^8.4.0",
     "@rollup/plugin-virtual": "^2.0.3",
     "@stencil/angular-output-target": "^0.8.4",
@@ -99,7 +100,8 @@
     "docker.build": "docker build -t ionic-playwright .",
     "test.e2e.docker": "npm run docker.build && node ./scripts/docker.mjs",
     "test.e2e.docker.update-snapshots": "npm run test.e2e.docker -- --update-snapshots",
-    "test.e2e.docker.ci": "npm run docker.build && CI=true node ./scripts/docker.mjs"
+    "test.e2e.docker.ci": "npm run docker.build && CI=true node ./scripts/docker.mjs",
+    "test.e2e.script": "node scripts/testing/e2e-script.mjs"
   },
   "author": "Ionic Team",
   "license": "MIT",
@@ -108,7 +110,7 @@
     "url": "git+https://github.com/ionic-team/ionic-framework.git"
   },
   "bugs": {
-    "url": "https://github.com/ionic-team/ionic/issues"
+    "url": "https://github.com/ionic-team/ionic-framework/issues"
   },
   "homepage": "https://ionicframework.com/",
   "jest": {

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

@@ -1,39 +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, title }) => {
-    test.describe(title('accordion: a11y'), () => {
-        test('accordions should be keyboard navigable', async ({ page, skip, browserName }) => {
-            // TODO(FW-1764): remove skip once issue is resolved
-            skip.browser('firefox', 'https://github.com/ionic-team/ionic-framework/issues/25070');
-            // TODO (FW-2979)
-            skip.browser('webkit', 'Safari 16 only allows text fields and pop-up menus to be focused.');
-            await page.goto(`/src/components/accordion/test/a11y`, config);
-            const tabKey = browserName === 'webkit' ? 'Alt+Tab' : 'Tab';
-            const personalInfoHeader = page.locator('ion-accordion:first-child > ion-item');
-            const billingAddressHeader = page.locator('ion-accordion:nth-child(2) > ion-item');
-            const shippingAddressHeader = page.locator('ion-accordion:nth-child(3) > ion-item');
-            const addressInput = page.locator('#address1 input');
-            await page.keyboard.press(tabKey);
-            await expect(personalInfoHeader).toBeFocused();
-            await page.keyboard.press('ArrowDown');
-            await expect(billingAddressHeader).toBeFocused();
-            await page.keyboard.press('ArrowDown');
-            await expect(shippingAddressHeader).toBeFocused();
-            await page.keyboard.press('ArrowDown');
-            await expect(personalInfoHeader).toBeFocused();
-            await page.keyboard.press('ArrowUp');
-            await expect(shippingAddressHeader).toBeFocused();
-            // open Shipping Address accordion and move focus to the input inside it
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            await page.keyboard.press(tabKey);
-            await expect(addressInput).toBeFocused();
-            // ensure keyboard interaction doesn't move focus from body
-            await page.keyboard.press('ArrowDown');
-            await expect(addressInput).toBeFocused();
-        });
-    });
-});

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

@@ -1,195 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { AccordionGroup } from "../../accordion-group/accordion-group";
-import { Item } from "../../item/item";
-import { Accordion } from "../accordion";
-it('should open correct accordions when accordion group value is set', async () => {
-    const page = await newSpecPage({
-        components: [Item, Accordion, AccordionGroup],
-        html: `
-      <ion-accordion-group animated="false">
-        <ion-accordion value="first">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-        <ion-accordion value="second">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-        <ion-accordion value="third">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `,
-    });
-    const accordionGroup = page.body.querySelector('ion-accordion-group');
-    const accordions = accordionGroup.querySelectorAll('ion-accordion');
-    accordions.forEach((accordion) => {
-        expect(accordion.classList.contains('accordion-collapsed')).toEqual(true);
-    });
-    accordionGroup.value = 'second';
-    await page.waitForChanges();
-    expect(accordions[0].classList.contains('accordion-collapsed')).toEqual(true);
-    expect(accordions[1].classList.contains('accordion-collapsed')).toEqual(false);
-    expect(accordions[2].classList.contains('accordion-collapsed')).toEqual(true);
-});
-it('should open correct accordions when accordion value is set', async () => {
-    const page = await newSpecPage({
-        components: [Item, Accordion, AccordionGroup],
-        html: `
-      <ion-accordion-group animated="false" value="first">
-        <ion-accordion>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-        <ion-accordion value="second">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-        <ion-accordion value="third">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `,
-    });
-    const accordionGroup = page.body.querySelector('ion-accordion-group');
-    const accordions = accordionGroup.querySelectorAll('ion-accordion');
-    accordions.forEach((accordion) => {
-        expect(accordion.classList.contains('accordion-collapsed')).toEqual(true);
-    });
-    accordions[0].value = 'first';
-    await page.waitForChanges();
-    expect(accordions[0].classList.contains('accordion-collapsed')).toEqual(false);
-    expect(accordions[1].classList.contains('accordion-collapsed')).toEqual(true);
-    expect(accordions[2].classList.contains('accordion-collapsed')).toEqual(true);
-});
-it('should open more than one accordion when multiple="true"', async () => {
-    const page = await newSpecPage({
-        components: [Item, Accordion, AccordionGroup],
-        html: `
-      <ion-accordion-group multiple="true" animated="false">
-        <ion-accordion value="first">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-        <ion-accordion value="second">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-        <ion-accordion value="third">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `,
-    });
-    const accordionGroup = page.body.querySelector('ion-accordion-group');
-    const accordions = accordionGroup.querySelectorAll('ion-accordion');
-    accordions.forEach((accordion) => {
-        expect(accordion.classList.contains('accordion-collapsed')).toEqual(true);
-    });
-    accordionGroup.value = ['first', 'second'];
-    await page.waitForChanges();
-    expect(accordions[0].classList.contains('accordion-collapsed')).toEqual(false);
-    expect(accordions[1].classList.contains('accordion-collapsed')).toEqual(false);
-    expect(accordions[2].classList.contains('accordion-collapsed')).toEqual(true);
-});
-it('should render with accordion open', async () => {
-    const page = await newSpecPage({
-        components: [Item, Accordion, AccordionGroup],
-        html: `
-      <ion-accordion-group value="first" animated="false">
-        <ion-accordion value="first">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-        <ion-accordion value="second">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-        <ion-accordion value="third">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `,
-    });
-    const accordionGroup = page.body.querySelector('ion-accordion-group');
-    const accordions = accordionGroup.querySelectorAll('ion-accordion');
-    expect(accordions[0].classList.contains('accordion-collapsed')).toEqual(false);
-    expect(accordions[1].classList.contains('accordion-collapsed')).toEqual(true);
-    expect(accordions[2].classList.contains('accordion-collapsed')).toEqual(true);
-});
-it('should accept a string when multiple="true"', async () => {
-    const page = await newSpecPage({
-        components: [Item, Accordion, AccordionGroup],
-        html: `
-      <ion-accordion-group multiple="true" value="first" animated="false">
-        <ion-accordion value="first">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-        <ion-accordion value="second">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-        <ion-accordion value="third">
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `,
-    });
-    const accordionGroup = page.body.querySelector('ion-accordion-group');
-    const accordions = accordionGroup.querySelectorAll('ion-accordion');
-    expect(accordions[0].classList.contains('accordion-collapsed')).toEqual(false);
-    expect(accordions[1].classList.contains('accordion-collapsed')).toEqual(true);
-    expect(accordions[2].classList.contains('accordion-collapsed')).toEqual(true);
-});
-it('should set default values if not provided', async () => {
-    const page = await newSpecPage({
-        components: [Item, Accordion, AccordionGroup],
-        html: `
-      <ion-accordion-group animated="false">
-        <ion-accordion>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `,
-    });
-    const accordionGroup = page.body.querySelector('ion-accordion-group');
-    const accordion = accordionGroup.querySelector('ion-accordion');
-    /**
-     * ID is determined via an auto incrementing counter
-     * so do not hard code ion-accordion-0 as it might
-     * change depending on how many accordions
-     * are used in these tests.
-     */
-    expect(accordion.value).toContain('ion-accordion-');
-    accordionGroup.value = accordion.value;
-    await page.waitForChanges();
-    expect(accordion.classList.contains('accordion-collapsed')).toEqual(false);
-});
-// Verifies fix for https://github.com/ionic-team/ionic-framework/issues/27047
-it('should not have animated class when animated="false"', async () => {
-    const page = await newSpecPage({
-        components: [Item, Accordion, AccordionGroup],
-        html: `
-      <ion-accordion-group animated="false">
-        <ion-accordion>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `,
-    });
-    const accordionGroup = page.body.querySelector('ion-accordion-group');
-    const accordion = accordionGroup.querySelector('ion-accordion');
-    expect(accordionGroup.animated).toEqual(false);
-    expect(accordion.classList.contains('accordion-animated')).toEqual(false);
-});

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

@@ -1,52 +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('accordion: basic'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/accordion/test/basic`, config);
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot('accordion-basic'));
-        });
-    });
-});
-configs({ directions: ['ltr'] }).forEach(({ config, title }) => {
-    test.describe(title('accordion: ionChange'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.setContent(`
-      <ion-accordion-group>
-        <ion-accordion value="first">
-          <button slot="header">Header</button>
-          <div slot="content">First Content</div>
-        </ion-accordion>
-        <ion-accordion value="second">
-          <button slot="header">Header</button>
-          <div slot="content">Second Content</div>
-        </ion-accordion>
-        <ion-accordion value="third">
-          <button slot="header">Header</button>
-          <div slot="content">Third Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `, config);
-        });
-        test('should fire ionChange when interacting with accordions', async ({ page }) => {
-            const ionChange = await page.spyOnEvent('ionChange');
-            const accordionHeaders = page.locator('button[slot="header"]');
-            await accordionHeaders.nth(0).click();
-            await expect(ionChange).toHaveReceivedEventDetail({ value: 'first' });
-            await accordionHeaders.nth(1).click();
-            await expect(ionChange).toHaveReceivedEventDetail({ value: 'second' });
-            await accordionHeaders.nth(2).click();
-            await expect(ionChange).toHaveReceivedEventDetail({ value: 'third' });
-        });
-        test('should not fire when programmatically setting a valid value', async ({ page }) => {
-            const ionChange = await page.spyOnEvent('ionChange');
-            const accordionGroup = page.locator('ion-accordion-group');
-            await accordionGroup.evaluate((el) => (el.value = 'second'));
-            await expect(ionChange).not.toHaveReceivedEvent();
-        });
-    });
-});

package/dist/collection/components/accordion/test/disabled/accordion.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";
-// NOTE: these tests cannot be re-written as spec tests because the `getAccordions` method in accordion-group.tsx uses a `:scope` selector
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ config, title }) => {
-    test.describe(title('accordion: disabled'), () => {
-        test('should properly set disabled on child accordions', async ({ page }) => {
-            await page.setContent(`
-      <ion-accordion-group animated="false">
-        <ion-accordion>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `, config);
-            const accordionGroup = page.locator('ion-accordion-group');
-            const accordion = page.locator('ion-accordion');
-            await expect(accordion).toHaveJSProperty('disabled', false);
-            await accordionGroup.evaluate((el) => {
-                el.disabled = true;
-            });
-            await page.waitForChanges();
-            await expect(accordion).toHaveJSProperty('disabled', true);
-        });
-        test('should not open accordion on click when group is disabled', async ({ page }) => {
-            await page.setContent(`
-      <ion-accordion-group animated="false" disabled>
-        <ion-accordion>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `, config);
-            const accordion = page.locator('ion-accordion');
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-            accordion.click();
-            await page.waitForChanges();
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-        });
-        test('should not open accordion on click when accordion is disabled', async ({ page }) => {
-            await page.setContent(`
-      <ion-accordion-group animated="false">
-        <ion-accordion disabled>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `, config);
-            const accordion = page.locator('ion-accordion');
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-            accordion.click();
-            await page.waitForChanges();
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-        });
-        test('should not open accordion via keyboard navigation when group is disabled', async ({ page, browserName }) => {
-            await page.setContent(`
-      <ion-accordion-group animated="false" disabled>
-        <ion-accordion>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `, config);
-            const accordion = page.locator('ion-accordion');
-            const tabKey = browserName === 'webkit' ? 'Alt+Tab' : 'Tab';
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-            await page.keyboard.press(tabKey);
-            await page.waitForChanges();
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-        });
-        test('should not open accordion via keyboard navigation when accordion is disabled', async ({ page, browserName, }) => {
-            await page.setContent(`
-      <ion-accordion-group animated="false">
-        <ion-accordion disabled>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `, config);
-            const accordion = page.locator('ion-accordion');
-            const tabKey = browserName === 'webkit' ? 'Alt+Tab' : 'Tab';
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-            await page.keyboard.press(tabKey);
-            await page.waitForChanges();
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-        });
-    });
-});

package/dist/collection/components/accordion/test/multiple/accordion.e2e.js

@@ -1,26 +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(({ config, screenshot, title }) => {
-    test.describe(title('accordion: multiple'), () => {
-        test('should update value and visually expand items', async ({ page }) => {
-            await page.goto(`/src/components/accordion/test/multiple`, config);
-            const accordionGroup = page.locator('ion-accordion-group');
-            const diningHeader = page.locator('ion-accordion[value="dining"] ion-item[slot="header"]');
-            const attractionsHeader = page.locator('ion-accordion[value="attractions"] ion-item[slot="header"]');
-            await expect(accordionGroup).toHaveJSProperty('value', 'attractions');
-            await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-one-open'));
-            await diningHeader.click();
-            await page.waitForChanges();
-            await expect(accordionGroup).toHaveJSProperty('value', ['attractions', 'dining']);
-            await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-two-open'));
-            await diningHeader.click();
-            await attractionsHeader.click();
-            await page.waitForChanges();
-            await expect(accordionGroup).toHaveJSProperty('value', []);
-            await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-zero-open'));
-        });
-    });
-});

package/dist/collection/components/accordion/test/nested/accordion.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";
-configs({ directions: ['ltr'] }).forEach(({ config, screenshot, title }) => {
-    test.describe(title('accordion: nested'), () => {
-        test('parent and child should not be disabled', async ({ page }) => {
-            await page.goto(`/src/components/accordion/test/nested`, config);
-            const enabledGroup = page.locator('ion-accordion-group#enabled');
-            await expect(enabledGroup).toHaveScreenshot(screenshot('accordion-nested-enabled'));
-        });
-        test('parent should not be disabled when only child is disabled', async ({ page }) => {
-            await page.goto(`/src/components/accordion/test/nested`, config);
-            const nestedDisabledGroup = page.locator('ion-accordion-group#nested-disabled');
-            await expect(nestedDisabledGroup).toHaveScreenshot(screenshot('accordion-child-disabled'));
-        });
-        test('parent and child should be disabled when parent is disabled', async ({ page }) => {
-            await page.goto(`/src/components/accordion/test/nested`, config);
-            const parentDisabledGroup = page.locator('ion-accordion-group#parent-disabled');
-            await expect(parentDisabledGroup).toHaveScreenshot(screenshot('accordion-parent-disabled'));
-        });
-    });
-});

package/dist/collection/components/accordion/test/readonly/accordion.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";
-// NOTE: these tests cannot be re-written as spec tests because the `getAccordions` method in accordion-group.tsx uses a `:scope` selector
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ config, title }) => {
-    test.describe(title('accordion: readonly'), () => {
-        test('should properly set readonly on child accordions', async ({ page }) => {
-            await page.setContent(`
-      <ion-accordion-group animated="false">
-        <ion-accordion>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `, config);
-            const accordionGroup = page.locator('ion-accordion-group');
-            const accordion = page.locator('ion-accordion');
-            await expect(accordion).toHaveJSProperty('readonly', false);
-            await accordionGroup.evaluate((el) => {
-                el.readonly = true;
-            });
-            await page.waitForChanges();
-            await expect(accordion).toHaveJSProperty('readonly', true);
-        });
-        test('should not open accordion on click when group is readonly', async ({ page }) => {
-            await page.setContent(`
-      <ion-accordion-group animated="false" readonly>
-        <ion-accordion>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `, config);
-            const accordion = page.locator('ion-accordion');
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-            accordion.click();
-            await page.waitForChanges();
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-        });
-        test('should not open accordion on click when accordion is readonly', async ({ page }) => {
-            await page.setContent(`
-      <ion-accordion-group animated="false">
-        <ion-accordion readonly>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `, config);
-            const accordion = page.locator('ion-accordion');
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-            accordion.click();
-            await page.waitForChanges();
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-        });
-        test('should not open accordion via keyboard navigation when group is readonly', async ({ page, browserName }) => {
-            await page.setContent(`
-      <ion-accordion-group animated="false" readonly>
-        <ion-accordion>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `, config);
-            const accordion = page.locator('ion-accordion');
-            const tabKey = browserName === 'webkit' ? 'Alt+Tab' : 'Tab';
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-            await page.keyboard.press(tabKey);
-            await page.waitForChanges();
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-        });
-        test('should not open accordion via keyboard navigation when accordion is readonly', async ({ page, browserName, }) => {
-            await page.setContent(`
-      <ion-accordion-group animated="false">
-        <ion-accordion readonly>
-          <ion-item slot="header">Label</ion-item>
-          <div slot="content">Content</div>
-        </ion-accordion>
-      </ion-accordion-group>
-    `, config);
-            const accordion = page.locator('ion-accordion');
-            const tabKey = browserName === 'webkit' ? 'Alt+Tab' : 'Tab';
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-            await page.keyboard.press(tabKey);
-            await page.waitForChanges();
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            await expect(accordion).toHaveClass(/accordion-collapsed/);
-        });
-    });
-});

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

@@ -1,15 +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().forEach(({ config, title }) => {
-    test.describe(title('accordion: standalone'), () => {
-        test('should not have accessibility violations', async ({ page }) => {
-            await page.goto(`/src/components/accordion/test/standalone`, config);
-            const results = await new AxeBuilder({ page }).analyze();
-            expect(results.violations).toEqual([]);
-        });
-    });
-});