dimsum-e2e-tests 3.70.0-next.27 → 3.70.0-next.29

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 3.70.0-next.29 (2026-06-11)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.70.0-next.28 (2026-06-10)
+
+### Bug Fixes
+
+- ds-form-combobox:: style group label per b3-strong spec and add grouped feature stories [PUI-15487](https://jira.elliemae.io/browse/PUI-15487) ([#8083](https://git.elliemae.io/platform-ui/dimsum/issues/8083)) ([a4713b7](https://git.elliemae.io/platform-ui/dimsum/commit/a4713b79b26ed2102a878ce7418031b77fca7746))
+
 ## 3.70.0-next.27 (2026-06-08)
 
 **Note:** Version bump only for package dimsum-e2e-tests

package/ds-accordion-native/DSAccordionNative.axe-core.func.spec.js

@@ -0,0 +1,117 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSAccordionNativeCO from './DSAccordionNativeCO';
+import { axeCoreCheck } from '../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18083 - AccordionNative, header controls & subtitle -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.headerControls.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion expanded with header props (and subtitle) and pass axecore scan', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const content = await DSAccordionNativeCO.getContents(1);
+      await content.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, basic -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the accordion closed and pass axecore test', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should open the accordion and pass axecore test', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const content = await DSAccordionNativeCO.getContents(1);
+      await content.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, Disabled -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.disabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the disabled accordion and pass axecore test', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, multiple -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.multipleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should open the second accordion without closing the first and pass axecore test', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(0);
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await firstContent.waitForDisplayed();
+      await secondContent.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, Custom actions with hooks -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.customActionHooks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom actions rendered and pass axecore scan', async () => {
+      const customAction1text = await DSAccordionNativeCO.getButtonsByIndex(0);
+      const customAction2text = await DSAccordionNativeCO.getButtonsByIndex(1);
+      const customAction3text = await DSAccordionNativeCO.getButtonsByIndex(2);
+      await customAction1text.waitForDisplayed();
+      await customAction2text.waitForDisplayed();
+      await customAction3text.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, Actionable within -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.datepickerInside.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should input focused within accordion and pass axecore scan', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, keep content mounted -a11y', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.keepContentURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should be a11y compliant with hidden accordion content', async () => {
+      const accordionContent = await $('[data-testid="accordion-native-keep-content"]');
+      await accordionContent.waitForExist();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-accordion-native/DSAccordionNative.func.spec.js

@@ -0,0 +1,178 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSAccordionNativeCO from './DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-18083 - AccordionNative, basic -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the accordion closed', async () => {
+      const firstContent = await DSAccordionNativeCO.getContents(1);
+      await expect(firstContent).not.toBeDisplayedInViewport();
+    });
+    it('02: should open the accordion', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(1);
+      await expect(firstContent).toBeDisplayedInViewport();
+    });
+    it('03: should open the third accordion closing the second', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(2)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(1);
+      const secondContent = await DSAccordionNativeCO.getContents(2);
+      await expect(firstContent).not.toBeDisplayedInViewport();
+      await expect(secondContent).toBeDisplayedInViewport();
+    });
+    it('04: should close the accordion', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(2)).click();
+      const secondContent = await DSAccordionNativeCO.getContents(2);
+      await expect(secondContent).not.toBeDisplayedInViewport();
+    });
+  });
+}
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18083 - AccordionNative, multiple -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.multipleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the accordion expanded', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(0);
+      await expect(firstContent).toBeDisplayedInViewport();
+    });
+    it('02: should open the second accordion without closing the first', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(0);
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await expect(firstContent).toBeDisplayedInViewport();
+      await expect(secondContent).toBeDisplayedInViewport();
+    });
+    it('03: should close the second accordion', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(0);
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await expect(firstContent).toBeDisplayedInViewport();
+      await expect(secondContent).not.toBeDisplayedInViewport();
+    });
+    it('04: should close the first accordion', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(0);
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await expect(firstContent).not.toBeDisplayedInViewport();
+      await expect(secondContent).not.toBeDisplayedInViewport();
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, keyboard nav -a11y', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.customActions.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should press tab and focus on first accordion', async () => {
+      const firstAccordion = await DSAccordionNativeCO.getAccordionHeader(0);
+      await browser.keys(Key.Tab);
+      await expect(firstAccordion).toBeFocused();
+    });
+    // The POC renders the custom action as a SIBLING of <summary>, not inside it,
+    // so tabbing from summary lands on the action button next — same observable
+    // tab order as the prod accordion, achieved via DOM order instead of slot
+    // embedding.
+    it('02: should focus the first accordion button after press tab', async () => {
+      await browser.keys(Key.Tab);
+      const firstButton = await DSAccordionNativeCO.getButtonsByIndex(0);
+      await expect(firstButton).toBeFocused();
+    });
+    it('03: should focus the second accordion and expand it after press tab and space', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Space);
+      const secondAccordion = await DSAccordionNativeCO.getAccordionHeader(1);
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await expect(secondAccordion).toBeFocused();
+      await expect(secondContent).toBeDisplayedInViewport();
+    });
+    it('04: should go back to the button when pressing shift+tab (goes backwards)', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const firstButton = await DSAccordionNativeCO.getButtonsByIndex(0);
+      await expect(firstButton).toBeFocused();
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, Custom actions with hooks', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.customActionHooks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom actions rendered with ON text by default', async () => {
+      const customAction1text = await (await DSAccordionNativeCO.getButtonsByIndex(0)).getText();
+      const customAction2text = await (await DSAccordionNativeCO.getButtonsByIndex(1)).getText();
+      const customAction3text = await (await DSAccordionNativeCO.getButtonsByIndex(2)).getText();
+      await expect(customAction1text).toEqual('on');
+      await expect(customAction2text).toEqual('on');
+      await expect(customAction3text).toEqual('on');
+    });
+    it('02: should re-render the first two custom actions when activating them to have OFF text', async () => {
+      const customAction1 = await DSAccordionNativeCO.getButtonsByIndex(0);
+      await customAction1.click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const customAction1text = await customAction1.getText();
+      const customAction2text = await (await DSAccordionNativeCO.getButtonsByIndex(1)).getText();
+      const customAction3text = await (await DSAccordionNativeCO.getButtonsByIndex(2)).getText();
+      await expect(customAction1text).toEqual('off');
+      await expect(customAction2text).toEqual('off');
+      await expect(customAction3text).toEqual('on');
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, conditional render -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.conditionalRender.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display second accordion when condition is true', async () => {
+      const headers = await DSAccordionNativeCO.getAccordionHeaders();
+      // BaseRate, BaseRate2, BaseRate3 — index 1 is BaseRate2.
+      await headers[1].click();
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await expect(secondContent).toBeDisplayedInViewport();
+    });
+    it('02: should remove second accordion from DOM after toggle', async () => {
+      const toggleBtn = await $('[data-testid="toggle-btn"]');
+      await toggleBtn.click();
+      // After the toggle, only 2 items remain (BaseRate + BaseRate3). Asserting
+      // count is more robust than asserting visibility on a removed node.
+      const headers = await DSAccordionNativeCO.getAccordionHeaders();
+      await expect(headers.length).toEqual(2);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, keep content mounted -a11y', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.keepContentURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have accordion closed and content existing in DOM by default', async () => {
+      const accordionContent = await $('[data-testid="accordion-native-keep-content"]');
+      await expect(accordionContent).toExist();
+      await expect(accordionContent).not.toBeDisplayed();
+    });
+    it('02: should have accordion expanded and content visible', async () => {
+      const firstAccordion = await DSAccordionNativeCO.getAccordionHeader(0);
+      await firstAccordion.click();
+      const accordionContent = await $('[data-testid="accordion-native-keep-content"]');
+      await expect(accordionContent).toBeDisplayed();
+    });
+    it('03: should have accordion closed and content still in DOM', async () => {
+      const firstAccordion = await DSAccordionNativeCO.getAccordionHeader(0);
+      await firstAccordion.click();
+      const accordionContent = await $('[data-testid="accordion-native-keep-content"]');
+      await expect(accordionContent).not.toBeDisplayed();
+      await expect(accordionContent).toExist();
+    });
+  });
+}

package/ds-accordion-native/DSAccordionNative.visual.spec.js

@@ -0,0 +1,131 @@
+import DSAccordionNativeCO from './DSAccordionNativeCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18083 - AccordionNative visual tests, basic', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display all closed', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSAccordionNativeCO.snapshotPath('accordion-native-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display open first one', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-one-open'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display focus on the second, hover on third', async () => {
+      await mouseOver(await DSAccordionNativeCO.getAccordionHeader(2));
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-interacted-states'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, header props -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.headerControls.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion expanded with header props', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const content = await DSAccordionNativeCO.getContents(1);
+      await content.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-header-props'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, custom actions -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.customActions.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion with custom actions collapsed', async () => {
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-customactions-col'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display accordion with custom actions expanded', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).waitForDisplayed();
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).click();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-customactions-exp'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, multiple -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.multipleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should corectly display two expanded accordions', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).click();
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(0);
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await firstContent.waitForDisplayed();
+      await secondContent.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-two-expanded'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, global height -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.globalHeight.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion with global height, not trimmed', async () => {
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-globalheight'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, Actionable within -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.datepickerInside.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should input focused within accordion', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-datepicker-inside'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}
+
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-18083 - AccordionNative, desktop to mobile -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.toMobileURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should expand one accordion and hover the other', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-tomobile-interacted'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-accordion-native/DSAccordionNativeCO.js

@@ -0,0 +1,149 @@
+/* eslint-disable import/no-relative-packages */
+import { ACCORDION_NATIVE_DATA_TESTID } from '@elliemae/ds-accordion-native';
+import { PATH_E2E_ACCORDION_NATIVE } from '../paths';
+import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
+
+export default class DSAccordionNativeCO extends PageObject {
+  // Desktop URLs
+  static basicURL = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'basic-test');
+
+  static multipleURL = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'multiple-test');
+
+  static controlled = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'controlled-test');
+
+  static disabled = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'disabled-test');
+
+  static applyAriaDisabled = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'apply-aria-disabled-test');
+
+  static subtitle = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'with-secondary-title-test');
+
+  static headerControls = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'header-control-examples-test');
+
+  static customActions = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'render-custom-actions-test');
+
+  static scrollableContent = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'scrollable-content-test');
+
+  static wrapLabel = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'wrap-label');
+
+  static toMobileURL = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'desktop-to-mobile-test');
+
+  static slotsURL = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'slots-test');
+
+  static customActionHooks = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'custom-actions-with-hooks');
+
+  static datepickerInside = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'actionable-within');
+
+  static conditionalRender = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'pui-11406-null-check');
+
+  static inputInside = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'pui-9261-input-inside');
+
+  static xstyledContent = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'xstyledprops-in-content');
+
+  static tooltip = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'tooltip');
+
+  static globalHeight = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'global-height');
+
+  static keepContentURL = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'keep-content-mounted');
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('AccordionNative', example, 'ds-accordion-native');
+  }
+
+  // Core selectors
+  static async getWrapper() {
+    return $(`[data-testid="${ACCORDION_NATIVE_DATA_TESTID.ROOT}"]`);
+  }
+
+  // The POC's "click target" is <summary>; this is what gets focused / pressed /
+  // hovered in tests — equivalent to the prod accordion's "accordion header".
+  static async getAccordionHeaders() {
+    return $$(`[data-testid="${ACCORDION_NATIVE_DATA_TESTID.ITEM_SUMMARY}"]`);
+  }
+
+  static async getAccordionHeader(index) {
+    return (await this.getAccordionHeaders())[index];
+  }
+
+  static async getAccordionItems() {
+    return $$(`[data-testid="${ACCORDION_NATIVE_DATA_TESTID.ITEM_CONTAINER}"]`);
+  }
+
+  static async getAccordionItem(index) {
+    return (await this.getAccordionItems())[index];
+  }
+
+  // The POC keeps content inside <details>; visibility is driven by the native
+  // open state. `[open]` exists on the <details> element when the item is
+  // expanded — so we use that as the content-displayed signal.
+  static async getContents(index) {
+    const items = await this.getAccordionItems();
+    const item = items[index];
+    return item?.$(`[data-testid="${ACCORDION_NATIVE_DATA_TESTID.ITEM_CONTENT_CONTAINER}"]`);
+  }
+
+  static async getDetailsByIndex(index) {
+    const items = await this.getAccordionItems();
+    const item = items[index];
+    return item?.$(`[data-testid="${ACCORDION_NATIVE_DATA_TESTID.ITEM_DETAILS}"]`);
+  }
+
+  static async getHeadings() {
+    return $$(`[data-testid="${ACCORDION_NATIVE_DATA_TESTID.ITEM_HEADING}"]`);
+  }
+
+  static async getHeadingByIndex(index) {
+    return (await this.getHeadings())[index];
+  }
+
+  static async getButtons() {
+    return $$('[data-testid="ds-button"]');
+  }
+
+  static getButtonsByIndex = async (index) => getElementByIndex(this.getButtons, index);
+
+  // Slots (data-dimsum-slot attributes)
+  static async getAccordionContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeRoot"]')[index];
+  }
+
+  static async getAccordionItemContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemContainer"]')[index];
+  }
+
+  static async getAccordionItemDetailsSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemDetails"]')[index];
+  }
+
+  static async getAccordionItemSummarySlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemSummary"]')[index];
+  }
+
+  static async getAccordionItemHeadingSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemHeading"]')[index];
+  }
+
+  static async getAccordionItemChevronSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemChevron"]')[index];
+  }
+
+  static async getAccordionItemTitlesContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemTitlesContainer"]')[index];
+  }
+
+  static async getAccordionItemPrimaryTitleSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemPrimaryTitle"]')[index];
+  }
+
+  static async getAccordionItemSecondaryTitleSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemSecondaryTitle"]')[index];
+  }
+
+  static async getAccordionItemCustomActionsContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemCustomActionsContainer"]')[index];
+  }
+
+  static async getAccordionItemContentContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemContentContainer"]')[index];
+  }
+}

package/ds-accordion-native/aria-disabled/DSAccordionNative.aria-disabled.axe-core.func.spec.js

@@ -0,0 +1,25 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18083 - AccordionNative:: ApplyAriaDisabled prop - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.applyAriaDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion with aria-disabled and pass axecore scan', async () => {
+      const firstItem = await DSAccordionNativeCO.getAccordionHeader(0);
+      await firstItem.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-accordion-native/aria-disabled/DSAccordionNative.aria-disabled.visual.spec.js

@@ -0,0 +1,27 @@
+import { Key } from 'webdriverio';
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18083 - AccordionNative:: ApplyAriaDisabled prop - visual tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.applyAriaDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: first Accordion item should be focused and content not displayed - click', async () => {
+      const firstItem = await DSAccordionNativeCO.getAccordionHeader(0);
+      await firstItem.click();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-aria-disabled-focused-mouse'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: second Accordion item should be focused and content not displayed - Tab + Enter', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-aria-disabled-focused-keys'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-accordion-native/role/DSAccordionNative.role-heading.func.spec.js

@@ -0,0 +1,27 @@
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18083 - AccordionNative: Role heading', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.subtitle.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    // Prod accordion asserts role="heading" + aria-level via custom slot
+    // attributes because its wrapper is a <div>. The POC uses a real heading
+    // element (default <h3>), so neither attribute is present as a DOM string
+    // — the role and aria-level are *implicit* in the tag itself, conveyed by
+    // the browser's accessibility tree. Asserting on getTagName() is the
+    // correct contract for the native variant.
+    it('01: should be a native heading element with implicit ARIA role + level', async () => {
+      const heading = await DSAccordionNativeCO.getHeadingByIndex(0);
+      const tagName = await heading.getTagName();
+      // <h3> => implicit role="heading", aria-level=3.
+      await expect(tagName.toLowerCase()).toEqual('h3');
+    });
+  });
+}