dimsum-e2e-tests 3.70.0-next.53 → 3.70.0-next.55

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 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.55 (2026-08-10)
+
+### Bug Fixes
+
+- ds-app-picker:: a11y fixes + axe-test fixes + markdown files fixes [PUI-17213](https://jira.elliemae.io/browse/PUI-17213) [PUI-17860](https://jira.elliemae.io/browse/PUI-17860) ([#8260](https://git.elliemae.io/platform-ui/dimsum/issues/8260)) ([f24df52](https://git.elliemae.io/platform-ui/dimsum/commit/f24df52d0565660595e557ca6df3c2e6fa815644))
+
+## 3.70.0-next.54 (2026-07-31)
+
+### Bug Fixes
+
+- ds-app-picker:: re-organized data-flow for improved stability and long-term scaling [PUI-17213](https://jira.elliemae.io/browse/PUI-17213) ([#8242](https://git.elliemae.io/platform-ui/dimsum/issues/8242)) ([753be67](https://git.elliemae.io/platform-ui/dimsum/commit/753be67beb6d5dcca2c6d8808ebe6540cf76ffc3))
+
 ## 3.70.0-next.53 (2026-07-28)
 
 **Note:** Version bump only for package dimsum-e2e-tests

package/ds-accordion/DSAccordionCO.js

@@ -102,6 +102,10 @@ export default class DSAccordionCO extends PageObject {
 
   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) =>

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`](../../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/header-structure/DSAccordion.header-structure.func.spec.js

@@ -6,19 +6,29 @@ if (
     browser.capabilities.browserName === 'chrome') ||
   browser.capabilities.browserName === 'Chrome'
 ) {
-  // Tests for the DOM structural fix introduced in PUI-17912
-  // (custom action buttons moved out of role="heading" container into a sibling)
+  // 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: heading container should contain only the toggle button and no other interactive elements', async () => {
+    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).toHaveAttribute('role', 'heading');
-      const buttonsInsideHeading = await headingContainer.$$('button');
-      await expect(buttonsInsideHeading.length).toBe(1);
+      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 () => {
@@ -39,10 +49,16 @@ if (
     });
 
     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 firstMenuOption = await $('*=Login');
-      await firstMenuOption.waitForDisplayed();
+      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

@@ -8,7 +8,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should type into an input rendered inside the open accordion item', async () => {
-      const input = await $('[data-testid="task-name"] input');
+      // 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-apppicker/truncation/DSAppPicker.truncation.visual.spec.js

@@ -11,35 +11,31 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.maximizeWindow();
     });
     it('01: should show the full label on hover', async () => {
-      // applitools is losing the hover when taking the snapshot
-      await browser.eyesOpen();
       await (await DSAppPickerCO.getOpenAppPicker()).waitForDisplayed();
       const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
       await openAppPickerBtn.click();
       const secondChip = await DSAppPickerCO.getChipByLabel('Pipeline but with a really long label that will truncate');
       await mouseOver(secondChip);
       await browser.pause(500);
-      const snapshot = await browser.eyesCheckSnapshot(DSAppPickerCO.snapshotPath('appPicker-truncation-hover'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
     it('02: should show the full label on hover - disabled Chip', async () => {
-      await browser.eyesOpen();
       const DisabledChip = await DSAppPickerCO.getChipByLabel(
         'Dashboard but with a really long label that will truncate',
       );
       await mouseOver(DisabledChip);
       await browser.pause(500);
-      const snapshot = await browser.eyesCheckSnapshot(DSAppPickerCO.snapshotPath('appPicker-truncation-disabled'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
     it('03: should show the full label on focus', async () => {
-      await browser.eyesOpen();
-      const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
-      await openAppPickerBtn.click();
+      // the panel is already open from test 01 - since PUI-18354 the trigger
+      // toggles, so clicking it again would close it
       await browser.keys(Key.Tab);
       await browser.keys(Key.Enter);
       await browser.pause(500);
-      const snapshot = await browser.eyesCheckSnapshot(DSAppPickerCO.snapshotPath('appPicker-truncation-focus'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-card-v3/DSCardV3CO.js

@@ -15,7 +15,7 @@ export default class DSCardV3CO extends PageObject {
 
   static dragAndDropURL = new Urlbuilder(PATH_E2E_CARD_V3, 'drag-and-drop-test');
 
-  static multiActionURL = new Urlbuilder(PATH_E2E_CARD_V3, 'multi-action-test');
+  static multiActionURL = new Urlbuilder(PATH_E2E_CARD_V3, 'multiple-action-test');
 
   static multipleControlURL = new Urlbuilder(PATH_E2E_CARD_V3, 'multiple-control-test');
 

package/ds-card-v3/accordion/DSCardV3.accordion-aria.keyboard.func.spec.js

@@ -0,0 +1,49 @@
+import { Key } from 'webdriverio';
+import DSCardV3CO from '../DSCardV3CO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18823 - DSCardV3:: accordion ARIA keyboard operation - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.accordionAriaURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should move focus to the accordion trigger as the first tab stop - [TAB]', async () => {
+      const trigger = await DSCardV3CO.getAccordionButton();
+      await trigger.waitForDisplayed();
+      await browser.keys(Key.Tab);
+
+      await expect(trigger).toBeFocused();
+      await expect(trigger).toHaveAttribute('aria-expanded', 'false');
+    });
+
+    it('02: should expand the panel and keep focus on the trigger - [ENTER]', async () => {
+      const trigger = await DSCardV3CO.getAccordionButton();
+      await browser.keys(Key.Enter);
+
+      await expect(trigger).toHaveAttribute('aria-expanded', 'true');
+      await expect(trigger).toBeFocused();
+    });
+
+    it('03: should collapse the panel and keep focus on the trigger - [SPACE]', async () => {
+      const trigger = await DSCardV3CO.getAccordionButton();
+      await browser.keys(Key.Space);
+
+      await expect(trigger).toHaveAttribute('aria-expanded', 'false');
+      await expect(trigger).toBeFocused();
+    });
+
+    it('04: should move focus from the trigger to the card actions button - [TAB]', async () => {
+      await browser.keys(Key.Tab);
+      const cardActions = await DSCardV3CO.getButtonByIndex(1);
+
+      await expect(cardActions).toBeFocused();
+      await expect(cardActions).toHaveAttribute('aria-label', 'Card actions');
+    });
+  });
+}

package/ds-card-v3/accordion/DSCardV3.accordion.axe-core.func.spec.js

@@ -15,14 +15,14 @@ if (
     it('01: should display the accordion closed and pass axecore test', async () => {
       await (await DSCardV3CO.getAccordionButton()).waitForDisplayed();
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
     it('02: should open the accordion and pass axecore test', async () => {
       await (await DSCardV3CO.getAccordionButton()).click();
       const getAccordionFirstElement = await DSCardV3CO.getElement(2);
       await getAccordionFirstElement.waitForDisplayed();
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
   });
 }

package/ds-card-v3/action/DSCardV3.action.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSCardV3CO from '../DSCardV3CO';
+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-18803 - DSCardV3:: action button card accessibility - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.actionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no accessibility violations', async () => {
+      const card = await DSCardV3CO.getCardContainer();
+      await card.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}

package/ds-card-v3/action/DSCardV3.action.func.spec.js

@@ -0,0 +1,53 @@
+import { Key } from 'webdriverio';
+import DSCardV3CO from '../DSCardV3CO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18802 - DSCardV3:: action button structure and keyboard focus - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.actionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render the card root, header, title, subtitle and a single action button', async () => {
+      const card = await DSCardV3CO.getCardContainer();
+      await card.waitForDisplayed();
+
+      const header = await DSCardV3CO.getCardHeader();
+      await expect(header).toBeDisplayed();
+
+      const title = await DSCardV3CO.getElement(0);
+      await expect(title).toBeDisplayed();
+      await expect(title).toHaveText('Card Title');
+      await expect(await title.getTagName()).toBe('h3');
+
+      const subtitle = await DSCardV3CO.getElement(1);
+      await expect(subtitle).toBeDisplayed();
+      await expect(subtitle).toHaveText('Card Subtitle');
+
+      const deleteAction = await DSCardV3CO.getButtonByIndex(0);
+      await expect(deleteAction).toBeDisplayed();
+      await expect(deleteAction).toHaveAttribute('aria-label', 'Delete Action');
+      await expect(deleteAction).toHaveAttribute('type', 'button');
+
+      const actionButtons = await $$('[data-testid="ds-button"]');
+      await expect(actionButtons).toBeElementsArrayOfSize(1);
+    });
+
+    it('02: should move focus to the action button - [TAB]', async () => {
+      await browser.keys(Key.Tab);
+      const deleteAction = await DSCardV3CO.getButtonByIndex(0);
+      await expect(deleteAction).toBeFocused();
+    });
+
+    it('03: should move focus away from the action button - [SHIFT+TAB]', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const deleteAction = await DSCardV3CO.getButtonByIndex(0);
+      await expect(deleteAction).not.toBeFocused();
+    });
+  });
+}

package/ds-card-v3/action/DSCardV3.action.visual.spec.js

@@ -0,0 +1,28 @@
+import { Key } from 'webdriverio';
+import DSCardV3CO from '../DSCardV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18801 - DSCardV3:: action button card default and focus states - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.actionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display the card with a single action button in the header', async () => {
+      const card = await DSCardV3CO.getCardContainer();
+      await card.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display the action button with its focus ring - [TAB]', async () => {
+      await browser.keys(Key.Tab);
+      const deleteAction = await DSCardV3CO.getButtonByIndex(0);
+      await expect(deleteAction).toBeFocused();
+
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-card-v3/drag-n-drop/DSCardV3.DnD.axe-core.func.spec.js

@@ -21,39 +21,20 @@ if (
     });
 
     it('02: should pass axe-core while an item is being dragged and cancelled - [TAB][ENTER][ESC]', async () => {
-      const liveRegion = await DSCardV3CO.getDnDLiveRegion();
       await browser.keys(Key.Tab);
       const handle = await DSCardV3CO.getCardHandlerByIndex(0);
       await expect(handle).toBeFocused();
       await browser.keys(Key.Return);
-      await browser.waitUntil(
-        async () => (await liveRegion.getProperty('textContent')).includes('Draggable item was moved to position 1.'),
-        { timeoutMsg: 'Expected the live region to announce the item pickup' },
-      );
       await browser.keys(Key.Escape);
       const result = await axeCoreCheck();
       await expect(result).toHaveLength(0);
     });
 
     it('03: should pass axe-core after an item has been dropped - [TAB][ENTER][ARROWDOWN][ENTER]', async () => {
-      const liveRegion = await DSCardV3CO.getDnDLiveRegion();
       await browser.keys(Key.Tab);
       await browser.keys(Key.Return);
-      await browser.waitUntil(
-        async () => (await liveRegion.getProperty('textContent')).includes('was moved to position'),
-        { timeoutMsg: 'Expected the live region to announce the item pickup' },
-      );
-
       await browser.keys(Key.ArrowDown);
-      await browser.waitUntil(
-        async () => (await liveRegion.getProperty('textContent')).includes('was moved to position'),
-        { timeoutMsg: 'Expected the live region to announce the move before dropping' },
-      );
       await browser.keys(Key.Return);
-      await browser.waitUntil(
-        async () => (await liveRegion.getProperty('textContent')).includes('was dropped over position'),
-        { timeoutMsg: 'Expected the live region to announce the drop' },
-      );
       const result = await axeCoreCheck();
       await expect(result).toHaveLength(0);
     });

package/ds-card-v3/multi-select/DSCardV3.multiselect.axe-core.func.spec.js

@@ -0,0 +1,47 @@
+import DSCardV3CO from '../DSCardV3CO';
+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-18804 - DSCardV3:: multi-select checkbox states accessibility - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.multiSelectURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core with no card selected', async () => {
+      const group = await DSCardV3CO.getGroupContainer();
+      await group.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+
+    it('02: should pass axe-core with the first card selected', async () => {
+      const firstCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(0);
+      await firstCheckbox.waitForExist();
+      await firstCheckbox.click();
+      await expect(firstCheckbox).toBeSelected();
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+
+    it('03: should pass axe-core with both cards selected', async () => {
+      const secondCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(1);
+      await secondCheckbox.waitForExist();
+      await secondCheckbox.click();
+      await expect(secondCheckbox).toBeSelected();
+
+      const firstCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(0);
+      await expect(firstCheckbox).toBeSelected();
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}

package/ds-card-v3/multiple-action/DSCardV3.multiple-action.axe-core.func.spec.js

@@ -0,0 +1,35 @@
+import { Key } from 'webdriverio';
+import DSCardV3CO from '../DSCardV3CO';
+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-18827 - DSCardV3:: multiple action buttons accessibility - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.multiActionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no accessibility violations', async () => {
+      const card = await DSCardV3CO.getCardContainer();
+      await card.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+
+    it('02: should have no accessibility violations with the first action button focused', async () => {
+      await browser.keys(Key.Tab);
+      const flagAction = await DSCardV3CO.getButtonByIndex(0);
+      await expect(flagAction).toBeFocused();
+      await expect(flagAction).toHaveAttribute('aria-label', 'Flag action');
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}

package/ds-card-v3/multiple-control/DSCardV3.multi-control.axe-core.func.spec.js

@@ -0,0 +1,34 @@
+import DSCardV3CO from '../DSCardV3CO';
+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-18826 - DSCardV3:: multiple control accessibility - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.multipleControlURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no accessibility violations with no card selected', async () => {
+      const card = await DSCardV3CO.getCardContainerByIndex(0);
+      await card.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+
+    it('02: should have no accessibility violations with the first card selected', async () => {
+      const firstCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(0);
+      await firstCheckbox.waitForExist();
+      await firstCheckbox.click();
+      await expect(firstCheckbox).toBeSelected();
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}

package/ds-card-v3/multiple-control/DSCardV3.multi-control.func.spec.js

@@ -13,7 +13,8 @@ if (
       const errorOnGo = await DSCardV3CO.multipleControlURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('01: first checkbox selection should not select second checkbox - [TAB + SPACE]', async () => {
+    it('01: first checkbox selection should not select second checkbox - [TAB + TAB + SPACE]', async () => {
+      await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       await browser.keys(Key.Space);
       const firstCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(0);

package/ds-card-v3/multiple-control/DSCardV3.multi-control.visual.spec.js

@@ -0,0 +1,29 @@
+import DSCardV3CO from '../DSCardV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18825 - DSCardV3:: multiple control card states - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.multipleControlURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display both cards with their controls unselected', async () => {
+      const firstCard = await DSCardV3CO.getCardContainerByIndex(0);
+      await firstCard.waitForDisplayed();
+      const secondCard = await DSCardV3CO.getCardContainerByIndex(1);
+      await expect(secondCard).toBeDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display the first card selected', async () => {
+      const firstCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(0);
+      await firstCheckbox.click();
+      await expect(firstCheckbox).toBeSelected();
+
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-card-v3/no-action/DSCardV3.no-action.axe-core.func.spec.js

@@ -16,7 +16,7 @@ if (
       const firstElement = await DSCardV3CO.getElement(0);
       await firstElement.waitForExist();
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
   });
 }