dimsum-e2e-tests 1.0.35 → 1.1.0

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.0](https://github.com/intcx/PLATFORM-UI.dimsum-legacy/compare/v1.0.37...v1.1.0) (2026-10-14)
+
+### Features
+
+- ds-legacy-dropdownmenu-v2:: ported at parity from live lossless ([e66d53d](https://github.com/intcx/PLATFORM-UI.dimsum-legacy/commit/e66d53df1a090d286fca6774bd2ed7c63bb11618))
+
+## [1.0.37](https://github.com/intcx/PLATFORM-UI.dimsum-legacy/compare/v1.0.35...v1.0.37) (2026-10-14)
+
+### Bug Fixes
+
+- dimsum:: e2e page objects and story paths aligned to the current Storybook ([#74](https://github.com/intcx/PLATFORM-UI.dimsum-legacy/issues/74)) ([b27626a](https://github.com/intcx/PLATFORM-UI.dimsum-legacy/commit/b27626ac6e2204b72c8a3bbb1980ce577a978416))
+
+## [1.0.36](https://github.com/intcx/PLATFORM-UI.dimsum-legacy/compare/v1.0.35...v1.0.36) (2026-10-14)
+
+### Bug Fixes
+
+- dimsum:: e2e page objects and story paths aligned to the current Storybook ([0587fe0](https://github.com/intcx/PLATFORM-UI.dimsum-legacy/commit/0587fe0f4ae773d4a385e74d33874a9475a557bd))
+
 ## [1.0.35](https://github.com/intcx/PLATFORM-UI.dimsum-legacy/compare/v1.0.33...v1.0.35) (2026-10-09)
 
 **Note:** Version bump only for package dimsum-e2e-tests

package/ds-accordion/DSAccordion.axe-core.func.spec.js

@@ -10,6 +10,24 @@ if (
     browser.capabilities.browserName === 'chrome') ||
   browser.capabilities.browserName === 'Chrome'
 ) {
+  describe('PUI-10994 - Accordion, header controls & subtitle -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.headerControls.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion expanded with header props (and subtitle) and pass axecore scan', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      await (await DSAccordionCO.getAccordionHeader(1)).click();
+      await (await DSAccordionCO.getContents('1-a')).waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should display accordion with open toolbar and pass axecore scan', async () => {
+      await (await DSAccordionCO.getToolbarByIndex(1)).click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
   describe('PUI-10990 - Accordion, basic -AxeCore', () => {
     before('loading page', async () => {
       const errorOnGo = await DSAccordionCO.basicURL.go();
@@ -87,25 +105,6 @@ if (
       expect(result.length).toBe(0);
     });
   });
-  // Unskip after PUI-11922 is fixed
-  describe.skip('PUI-10994 - Accordion, header controls & subtitle -AxeCore', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSAccordionCO.headerControls.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should display accordion expanded with header props (and subtitle) and pass axecore scan', async () => {
-      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
-      await (await DSAccordionCO.getAccordionHeader(1)).click();
-      await (await DSAccordionCO.getContents('1-a')).waitForDisplayed();
-      const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
-    });
-    it('02: should display accordion with open toolbar and pass axecore scan', async () => {
-      await (await DSAccordionCO.getToolbarByIndex(1)).click();
-      const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
-    });
-  });
 
   describe('PUI-10995 - Accordion, Actionable within -AxeCore', () => {
     before('loading page', async () => {

package/ds-accordion/DSAccordion.func.spec.js

@@ -164,20 +164,20 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should have accordion closed and content existing by default', async () => {
-      const accordionContent = await CellCO.getCells();
+      const accordionContent = await CellCO.getCellByIndex(1);
       await expect(accordionContent).not.toBeDisplayed();
       await expect(accordionContent).toExist();
     });
     it('02: should have accordion expanded and content existing', async () => {
       const firstAccordion = await DSAccordionCO.getAccordionHeader(0);
       await firstAccordion.click();
-      const accordionContent = await CellCO.getCells();
+      const accordionContent = await CellCO.getCellByIndex(1);
       await expect(accordionContent).toBeDisplayed();
     });
     it('03: should have accordion closed and content still existing', async () => {
       const firstAccordion = await DSAccordionCO.getAccordionHeader(0);
       await firstAccordion.click();
-      const accordionContent = await CellCO.getCells();
+      const accordionContent = await CellCO.getCellByIndex(1);
       await expect(accordionContent).not.toBeDisplayed();
       await expect(accordionContent).toExist();
     });

package/ds-accordion/DSAccordion.visual.spec.js

@@ -81,6 +81,12 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display accordion with global height, not trimmed', async () => {
+      const addRow = await $('[data-testid="add-row"]');
+      await addRow.click();
+      await addRow.click();
+      await addRow.click();
+      const content = await DSAccordionCO.getContents(0);
+      await content.waitForDisplayed();
       const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-globalheight'));
       await expect(snapshot).toEqual(0);
     });
@@ -144,6 +150,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
   });
 }
+// legacy-only: ds-mobile is still shipped in legacy (live removed this block with the ds-mobile deprecation)
 if (browser.capabilities['ice:options'].isPhone) {
   describe('PUI-7981 - Accordion, desktop to mobile -visual', () => {
     before('loading page', async () => {

package/ds-accordion/DSAccordionCO.js

@@ -1,20 +1,18 @@
 /* eslint-disable import/no-relative-packages */
-import { PATH_ACCORDION_EXAMPLES, PATH_E2E_ACCORDION } from '../../environments/storybook/paths';
+// legacy-only: path
+import { PATH_ACCORDION_EXAMPLES, PATH_E2E_ACCORDION, PATH_E2E_ACCORDION_PITFALLS } from '../../environments/storybook/paths';
 import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
 
 export default class DSAccordionCO extends PageObject {
   // Desktop
-  static basicURL = new Urlbuilder(PATH_ACCORDION_EXAMPLES, 'basic');
+  static basicURL = new Urlbuilder(PATH_E2E_ACCORDION, 'basic');
 
-  static expandableURL = new Urlbuilder(PATH_ACCORDION_EXAMPLES, 'expandable');
-
-  static multipleURL = new Urlbuilder(PATH_ACCORDION_EXAMPLES, 'multiple');
+  static multipleURL = new Urlbuilder(PATH_E2E_ACCORDION, 'multiple');
 
+  // legacy-only: ds-mobile is still shipped in legacy (live removed this example with the ds-mobile deprecation)
   static toMobileURL = new Urlbuilder(PATH_ACCORDION_EXAMPLES, 'desktop-to-mobile');
 
-  static customActions = new Urlbuilder(PATH_ACCORDION_EXAMPLES, 'render-custom-actions');
-
-  static headerProps = new Urlbuilder(PATH_ACCORDION_EXAMPLES, 'header-props');
+  static customActions = new Urlbuilder(PATH_E2E_ACCORDION, 'render-custom-actions');
 
   static headerControls = new Urlbuilder(PATH_E2E_ACCORDION, 'header-control-examples-test');
 
@@ -24,10 +22,14 @@ export default class DSAccordionCO extends PageObject {
 
   static tooltip = new Urlbuilder(PATH_E2E_ACCORDION, 'tooltip');
 
-  static inputInside = new Urlbuilder(PATH_E2E_ACCORDION, 'PUI-9261-input-inside');
+  static inputInside = new Urlbuilder(PATH_E2E_ACCORDION, 'pui-9261-input-inside');
+
+  static controlled = new Urlbuilder(PATH_E2E_ACCORDION, 'controlled-test');
 
   static datepickerInside = new Urlbuilder(PATH_E2E_ACCORDION, 'actionable-within');
 
+  static slotsURL = new Urlbuilder(PATH_E2E_ACCORDION, 'slots-test');
+
   static disabled = new Urlbuilder(PATH_E2E_ACCORDION, 'disabled-test');
 
   static subtitle = new Urlbuilder(PATH_E2E_ACCORDION, 'with-secondary-title-test');
@@ -36,9 +38,13 @@ export default class DSAccordionCO extends PageObject {
 
   static keepContentURL = new Urlbuilder(PATH_E2E_ACCORDION, 'keep-content-mounted');
 
-  static focusOnItemURL = new Urlbuilder(PATH_E2E_ACCORDION, 'focus-on-item');
+  static focusOnItemURL = new Urlbuilder(PATH_E2E_ACCORDION_PITFALLS, 'focus-on-item-test');
+
+  static applyAriaDisabled = new Urlbuilder(PATH_E2E_ACCORDION, 'apply-aria-disabled-test');
 
-  static getUrl = (example = 'basic') => PageObject.getUrl(PATH_ACCORDION_EXAMPLES, example);
+  static scrollableContent = new Urlbuilder(PATH_E2E_ACCORDION, 'scrollable-content');
+
+  static wrapLabel = new Urlbuilder(PATH_E2E_ACCORDION, 'wrap-label');
 
   // Snapshots
   static snapshotPath(example = 'basic') {
@@ -97,4 +103,62 @@ export default class DSAccordionCO extends PageObject {
   static getButtonsByIndex = async (index) => getElementByIndex(this.getButtons, index);
 
   static getToolbarByIndex = async (index) => getElementByIndex(this.getToolbarTriggers, index);
+
+  static async getToolbarMenuByIndex(index = 0) {
+    return $$('[data-testid="ds-menuitem-menu-item-wrapper"]')[index];
+  }
+
+  static getAccordionItemHeaderContainers = async () => $$('[data-testid="ds-accordion-item-header-container"]');
+
+  static getAccordionItemHeaderContainerByIndex = async (index) =>
+    getElementByIndex(this.getAccordionItemHeaderContainers, index);
+
+  static getAccordionItemHeaderCustomActionsContainers = async () =>
+    $$('[data-testid="ds-accordion-item-header-custom-actions-container"]');
+
+  static getAccordionItemHeaderCustomActionsContainerByIndex = async (index) =>
+    getElementByIndex(this.getAccordionItemHeaderCustomActionsContainers, index);
+
+  // slots
+
+  static async getAccordionContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionRoot"]')[index];
+  }
+
+  static async getAccordionItemContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionItemContainer"]')[index];
+  }
+
+  static async getAccordionItemHeaderContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionItemHeaderContainer"]')[index];
+  }
+
+  static async getAccordionItemHeaderSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionItemHeader"]')[index];
+  }
+
+  static async getAccordionItemHeaderAddonSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionItemHeaderAddon"]')[index];
+  }
+
+  static async getAccordionItemHeaderTitlesContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionItemHeaderTitlesContainer"]')[index];
+  }
+
+  static async getAccordionItemHeaderPrimaryTitleSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionItemHeaderPrimaryTitle"]')[index];
+  }
+
+  static async getAccordionItemContentContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionItemContentContainer"]')[index];
+  }
+
+  static async getAccordionItemHeaderSecondaryTitleSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionItemHeaderSecondaryTitle"]')[index];
+  }
+
+  static async getAccordionItemHeaderTooltipSlotByIndex(index = 0) {
+    // not used on example
+    return $$('[data-dimsum-slot="dsAccordionItemHeaderTooltip"]')[index];
+  }
 }

package/ds-accordion/QA_NOTES.md

@@ -0,0 +1,105 @@
+# QA Notes — ds-accordion E2E
+
+Durable QA knowledge for the `accordion` suite. Carried over from the `ds-accordion-native` POC
+notes ([PUI-18083](https://jira.elliemae.io/browse/PUI-18083)) when that parallel suite was removed —
+see "Native migration" below.
+
+## Native migration ([PUI-18742](https://jira.elliemae.io/browse/PUI-18742))
+
+`ds-accordion` now renders a native `<details>` / `<summary>` disclosure instead of the previous
+WAI-ARIA button pattern. Public API, slot names and `data-testid` values are unchanged; only the DOM
+engine changed. Full contract: [`stories/ds-accordion/docs/NativeDisclosureMigration.md`](../../environments/storybook/stories/ds-accordion/docs/NativeDisclosureMigration.md).
+
+```html
+<div data-testid="ds-accordion_item">
+  <details data-testid="ds-accordion-item-details">
+    <summary data-testid="ds-accordion_item-header" aria-expanded aria-controls="ds-accordion-content-0">
+      <div data-testid="ds-accordion-item-header-container">… chevron + title(s) …</div>
+    </summary>
+    <div data-testid="ds-accordion_item-content" role="region" aria-labelledby="ds-accordion-header-0">…</div>
+  </details>
+  <div data-testid="ds-accordion-item-header-custom-actions-container">… custom actions …</div>
+</div>
+```
+
+**What this changes for specs:**
+
+- The trigger is a `<summary>`, **not** a `<button>`. `getAccordionHeader(i)` returns the `<summary>`.
+- The heading container lives **inside** the summary (inverse of the pre-migration nesting).
+- `role="heading"` + `aria-level` are **not** emitted by the component. They are opt-in per consumer
+  through the `dsAccordionItemHeaderContainer` slot prop. Only stories that set that prop
+  (e.g. `WithSecondaryTitleTest`, `AdvancedHeadingStructureCustomization`) expose heading semantics —
+  `HeaderControlExamplesTest` does not. Assert the role only on a story that opts in
+  (`role/DSAccordion.role-heading.func.spec.js`).
+- Custom actions render as a **sibling of `<details>`**, outside the trigger. Nothing interactive is
+  nested inside the `<summary>`.
+- `ds-accordion-item-details` is an additive slot/testid introduced by the migration.
+
+The former `ds-accordion-native` E2E suite was deleted here — `ds-accordion` **is** the native engine
+now, so the parity suite had no stories left to point at (`stories/ds-accordion-native` and
+`PATH_E2E_ACCORDION_NATIVE` were removed in PUI-18742).
+
+## header-structure func — test 04 flaky "Login not displayed" (cloud)
+
+**Status:** spec hardened (spec-only + one additive CO helper). Investigated 2026-07-02 on the native
+suite; the same hardening now lives in `header-structure/DSAccordion.header-structure.func.spec.js`.
+
+**Symptom:** in the cloud run (`E2E_BACKEND=cloud`, `BASE_URL`=NEXT/d3, Chrome-only) test
+`04: toolbar trigger in custom actions should open dropdown menu on click` broke with
+`element ("*=Login") still not displayed after 10000ms`. Only that browser runs it (the spec is
+Chrome-guarded), so it surfaces as 1 broken.
+
+**Not a defect.** Reproduced against NEXT/d3 at the SDK viewport (1920×1080): the click opens the
+`DSDropdownMenuV2` (`dropdown-menu-listbox` + `ds-floating-wrapper-root` present), `Login` resolves to
+a single visible `<p>`, not clipped by any overflow ancestor and not occluded (`elementFromPoint` at
+its center returns the element), and it stays open at 3s. Selectors, story and package are correct.
+Passed 100% locally, broke 100% in cloud → the delta is real-Chrome + BrowserStack +
+`browser.maximizeWindow()` (cloud-only).
+
+**Root cause:** the pattern "one-shot click on a toggle + `waitForDisplayed` on a deep descendant" is
+fragile. If the click doesn't leave the menu open in that driver, the wait sits the full 10s on a menu
+that never opened.
+
+**Fix:** wait for the trigger to be clickable, click it, then assert the `DSDropdownMenuV2` item
+wrapper (`getToolbarMenuByIndex` → `ds-menuitem-menu-item-wrapper`) is displayed _before_ checking the
+first option, and tag-qualify the option selector as `p*=Login` (`DSTypography variant="b1"` renders a
+`<p>`). The SDK's retries absorb residual flakiness. Optional broader mitigation: enable
+`config.specFileRetries` in `wdio.config.mjs`.
+
+## input-inside func — `data-testid` is on the `<input>`, not a wrapper
+
+`DSInputText` forwards `data-testid` through its global attributes straight onto `StyledInput`, i.e.
+the `<input>` element. A descendant selector like `[data-testid="task-name"] input` matches nothing
+and breaks on every browser. Target the testid directly.
+
+## Open defects from the native POC — re-verify against ds-accordion
+
+These were logged against `ds-accordion-native` while it was a separate POC package. Now that
+`ds-accordion` ships the native engine, **each needs re-verification against `ds-accordion`** before
+being closed or re-pointed — they are listed here so the findings are not lost with the deleted suite,
+not as confirmed `ds-accordion` defects.
+
+| Ticket                                                 | Summary                                                                                                                                                                                                                                 |
+| ------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [PUI-18640](https://jira.elliemae.io/browse/PUI-18640) | Content-container slot did not apply style-props — `maxHeight`/`overflow` (scrollable-content) and padding `p` (XstyledpropsInContent) — the way pre-migration `ds-accordion` did. Breaking for consumers styling content via the slot. |
+| [PUI-18641](https://jira.elliemae.io/browse/PUI-18641) | Default title behavior changed from truncate-with-tooltip to wrap. With `wrapLabel={false}` the title truncates but shows no tooltip on hover → full text unreadable. Backwards-incompatible default + readability gap.                 |
+| [PUI-18642](https://jira.elliemae.io/browse/PUI-18642) | Arrow Icon visual spec violations (Accordion Draft v1.5.0): region width is not the spec'd 20px; when the title wraps the icon is center-aligned instead of top-aligned ("Fixed Top-aligned — Region A").                               |
+| [PUI-18695](https://jira.elliemae.io/browse/PUI-18695) | _Safari-only:_ Tab does not move focus between accordion headers after a click. Click-focus, focus ring and Enter all work; only Tab traversal is broken. Found by E2E visual PUI-14324 - 02 (Safari).                                  |
+
+Related upstream: [WebKit bug #319162](https://bugs.webkit.org/show_bug.cgi?id=319162) — in Safari,
+tabbing away from a `<summary>` that contains nested elements after **mouse** activation does not
+advance focus correctly. Keyboard-only navigation is unaffected. Unresolved upstream.
+
+## Known visual baseline note — slots (`PUI-15348 - 01`)
+
+Percy flagged a ~0.05% diff: a small lavender box at the left of each "… Secondary" row. Not a
+regression. `StyledHeading` moved from `display: contents` → `display: flex`; an element with
+`display: contents` generates no box and therefore never paints its `background`, so the `SlotsTest`
+story's lavender `item-heading` background was silently dropped before and paints now. Only visible in
+that synthetic story (every slot painted a loud color). Re-approve the baseline if it resurfaces.
+
+---
+
+_Historical detail (A/B/C/D divergence audit, Percy mechanism, run commands) lived in
+`stories/ds-accordion-native/POC_FINDINGS.md`, removed in PUI-18742. Recover with
+`git show 3468ca3ccb4^:stories/ds-accordion-native/POC_FINDINGS.md`._

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

@@ -0,0 +1,25 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSAccordionCO from '../DSAccordionCO';
+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-14353 - Accordion:: ApplyAriaDisabled prop - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.applyAriaDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion with aria-disabled and pass axecore scan', async () => {
+      const firstItem = await DSAccordionCO.getAccordionHeader(0);
+      await firstItem.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-accordion/aria-disabled/DSAccordion.aria-disabled.visual.spec.js

@@ -0,0 +1,23 @@
+import { Key } from 'webdriverio';
+import DSAccordionCO from '../DSAccordionCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14324 - Accordion:: ApplyAriaDisabled prop - visual tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.applyAriaDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: first Accordion item should be focused and content not displayed - click', async () => {
+      const firstItem = await DSAccordionCO.getAccordionHeader(0);
+      await firstItem.click();
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-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(DSAccordionCO.snapshotPath('accordion-aria-disabled-focused-keys'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-accordion/controlled/DSAccordion.controlled.func.spec.js

@@ -0,0 +1,23 @@
+import DSAccordionCO from '../DSAccordionCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // New coverage for the ControlledTest story (previously untested).
+  describe('PUI-18650 - Accordion, controlled -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.controlled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: single-open: opening another item collapses the previously open one', async () => {
+      await expect(await DSAccordionCO.getAccordionHeader(0)).toHaveAttribute('aria-expanded', 'true');
+      await (await DSAccordionCO.getAccordionHeader(1)).click();
+      await expect(await DSAccordionCO.getAccordionHeader(1)).toHaveAttribute('aria-expanded', 'true');
+      await expect(await DSAccordionCO.getAccordionHeader(0)).toHaveAttribute('aria-expanded', 'false');
+    });
+    it('02: multiple-open: opening two items keeps both expanded', async () => {
+      await (await DSAccordionCO.getAccordionHeader(3)).click();
+      await (await DSAccordionCO.getAccordionHeader(4)).click();
+      await expect(await DSAccordionCO.getAccordionHeader(3)).toHaveAttribute('aria-expanded', 'true');
+      await expect(await DSAccordionCO.getAccordionHeader(4)).toHaveAttribute('aria-expanded', 'true');
+    });
+  });
+}

package/ds-accordion/header-structure/DSAccordion.header-structure.func.spec.js

@@ -0,0 +1,65 @@
+import DSAccordionCO from '../DSAccordionCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  // Structural coverage for custom actions living OUTSIDE the disclosure trigger.
+  // Originally written for PUI-17912 (custom actions moved out of the role="heading" container).
+  // PUI-18742 migrated ds-accordion to a native <details>/<summary> disclosure, which supersedes
+  // that fix: the <summary> IS the toggle, the heading container now sits INSIDE it, and heading
+  // semantics (role="heading" + aria-level) are opt-in per consumer via the
+  // dsAccordionItemHeaderContainer slot prop — see role/DSAccordion.role-heading.func.spec.js.
+  // The invariant that still matters here: nothing interactive is nested inside the trigger.
+  describe('PUI-18621 - DSAccordion:: heading container structure after renderCustomActions fix - func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.headerControls.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: summary trigger should wrap the heading container and no other interactive elements', async () => {
+      const trigger = await DSAccordionCO.getAccordionHeader(0);
+      await expect(await trigger.getTagName()).toBe('summary');
+
+      const headingContainer = await DSAccordionCO.getAccordionItemHeaderContainerByIndex(0);
+      await expect(headingContainer).toExist();
+
+      // The <summary> is the toggle itself, so no nested <button> may live inside it.
+      const buttonsInsideTrigger = await trigger.$$('button');
+      await expect(buttonsInsideTrigger.length).toBe(0);
+    });
+
+    it('02: custom actions container should exist outside the heading container', async () => {
+      const customActionsContainer = await DSAccordionCO.getAccordionItemHeaderCustomActionsContainerByIndex(0);
+      await expect(customActionsContainer).toExist();
+    });
+
+    it('03: action buttons in custom actions container should reflect correct enabled/disabled state', async () => {
+      const enabledContainer = await DSAccordionCO.getAccordionItemHeaderCustomActionsContainerByIndex(0);
+      const enabledButton = await enabledContainer.$('[data-testid="ds-button"]');
+      await expect(enabledButton).toBeDisplayed();
+      await expect(enabledButton).toBeEnabled();
+
+      const disabledContainer = await DSAccordionCO.getAccordionItemHeaderCustomActionsContainerByIndex(2);
+      const disabledButton = await disabledContainer.$('[data-testid="ds-button"]');
+      await expect(disabledButton).toBeDisplayed();
+      await expect(disabledButton).not.toBeEnabled();
+    });
+
+    it('04: toolbar trigger in custom actions should open dropdown menu on click', async () => {
+      // Hardened after the cloud-only "Login not displayed" flake (see QA_NOTES.md): wait for the
+      // trigger to be clickable, then assert the DSDropdownMenuV2 item wrapper is displayed before
+      // reaching for the option, so a menu that never opened fails fast instead of burning the
+      // 10s waitForDisplayed. `p*=Login` is tag-qualified — DSTypography variant="b1" renders a <p>.
+      const toolbar = await DSAccordionCO.getToolbarByIndex(0);
+      await toolbar.waitForClickable({ timeout: 10000 });
+      await toolbar.click();
+      const menu = await DSAccordionCO.getToolbarMenuByIndex(0);
+      await expect(menu).toBeDisplayed();
+      const firstMenuOption = await $('p*=Login');
+      await expect(firstMenuOption).toBeDisplayed();
+    });
+  });
+}

package/ds-accordion/input-inside/DSAccordion.input-inside.func.spec.js

@@ -0,0 +1,19 @@
+import DSAccordionCO from '../DSAccordionCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // New coverage for the PUI9261InputInside story (previously untested).
+  describe('PUI-18651 - Accordion, input inside content -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.inputInside.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should type into an input rendered inside the open accordion item', async () => {
+      // DSInputText forwards `data-testid` through its global attributes onto the <input> itself
+      // (StyledInput), not onto the wrapper — so the testid IS the input, never its ancestor.
+      const input = await $('[data-testid="task-name"]');
+      await input.waitForDisplayed();
+      await input.setValue('Test task');
+      await expect(input).toHaveValue('Test task');
+    });
+  });
+}

package/ds-accordion/role/DSAccordion.role-heading.func.spec.js

@@ -0,0 +1,21 @@
+/* eslint-disable max-lines */
+import DSAccordionCO from '../DSAccordionCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17165 - Accordion: Role heading', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.subtitle.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have role heading on accordion item header', async () => {
+      const header = await DSAccordionCO.getAccordionItemHeaderContainerByIndex(0);
+      await expect(header).toHaveAttribute('role', 'heading');
+      await expect(header).toHaveAttribute('aria-level', '2');
+    });
+  });
+}

package/ds-accordion/scrollable-content/DSAccordion.scrollable-content.visual.spec.js

@@ -0,0 +1,42 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSAccordionCO from '../DSAccordionCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17174 - Accordion: Scrollable content -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.scrollableContent.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display first accordion header focused', async () => {
+      await browser.eyesOpen();
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const snapshot = await browser.eyesCheckSnapshot(DSAccordionCO.snapshotPath('accordion-scrollable-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display scrollable content focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowUp);
+      await browser.keys(Key.Tab);
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSAccordionCO.snapshotPath('accordion-scrollable-top'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display scrollable content scrolled to the bottom', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSAccordionCO.snapshotPath('accordion-scrollable-bottom'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-accordion/slots/DSAccordion.slots.axe-core.func.spec.js

@@ -0,0 +1,25 @@
+/* eslint-disable max-lines */
+import DSAccordionCO from '../DSAccordionCO';
+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-15347 - Accordion: Slots -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have accordion with custom slots (aria & data) and pass axe-core scan', async () => {
+      const header = await DSAccordionCO.getAccordionItemHeaderPrimaryTitleSlotByIndex(0);
+      await header.click();
+      const content = await DSAccordionCO.getAccordionItemContentContainerSlotByIndex(0);
+      await content.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}