dimsum-e2e-tests 3.70.0-next.44 → 3.70.0-next.46

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.46 (2026-07-17)
+
+### Bug Fixes
+
+- ds-global-header:: search toggle pass axe core scan [PUI-17970](https://jira.elliemae.io/browse/PUI-17970) ([#8176](https://git.elliemae.io/platform-ui/dimsum/issues/8176)) ([738a9b2](https://git.elliemae.io/platform-ui/dimsum/commit/738a9b28a0e138a178517f6b9b40dccf03901a3b))
+
+## 3.70.0-next.45 (2026-07-14)
+
+### Bug Fixes
+
+- ds-drag-and-drop:: correct tree dnd screen reader announcements [PUI-18684](https://jira.elliemae.io/browse/PUI-18684) ([#8170](https://git.elliemae.io/platform-ui/dimsum/issues/8170)) ([7591ec9](https://git.elliemae.io/platform-ui/dimsum/commit/7591ec9bc54acadaca6912add3f51837977dddc3))
+
 ## 3.70.0-next.44 (2026-07-13)
 
 **Note:** Version bump only for package dimsum-e2e-tests

package/ds-autocomplete/slots/DSAutocomplete.slots.func.spec.js

@@ -1,7 +1,12 @@
 import { Key } from 'webdriverio';
 import DSAutocompleteCO from '../DSAutocompleteCO';
 
-if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
   describe('PUI-17529 - Autocomplete:: Slots -Func', () => {
     before('loading page', async () => {
       const errorOnGo = await DSAutocompleteCO.slots.go();

package/ds-card/DSCard.cardv2_v1.func.spec.js

@@ -0,0 +1,54 @@
+import DSCardCO from './DSCardCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18706 - Card V2, no native title attribute on container', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.V2URL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: the card container does not render a native title attribute', async () => {
+      const card = await DSCardCO.getCard();
+      const titleAttr = await card.getAttribute('title');
+      await expect(titleAttr).toBeNull();
+    });
+    it('02: the title still renders as visible header text', async () => {
+      const header = await DSCardCO.getCardHeader();
+      await expect(header).toBeDisplayed();
+      await expect(header).toHaveText(expect.stringContaining('Card Title'));
+    });
+    it('03: hovering inside the card never exposes the section name as a native tooltip', async () => {
+      const card = await DSCardCO.getCard();
+      await card.moveTo();
+      const sectionTitleTooltip = await card.$('[title="Card Title"]');
+      await expect(sectionTitleTooltip).not.toBeExisting();
+    });
+  });
+
+  describe('PUI-18724 - Card V1, no native title attribute on header', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.button.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: the card header does not render a native title attribute', async () => {
+      const header = await DSCardCO.getV1CardHeader();
+      const titleAttr = await header.getAttribute('title');
+      await expect(titleAttr).toBeNull();
+    });
+    it('02: the title still renders as visible header text', async () => {
+      const header = await DSCardCO.getV1CardHeader();
+      await expect(header).toBeDisplayed();
+      await expect(header).toHaveText(expect.stringContaining('Loren ipsum dolor'));
+    });
+    it('03: hovering inside the card never exposes the section name as a native tooltip', async () => {
+      const header = await DSCardCO.getV1CardHeader();
+      await header.moveTo();
+      const sectionTitleTooltip = await header.$('[title="Loren ipsum dolor"]');
+      await expect(sectionTitleTooltip).not.toBeExisting();
+    });
+  });
+}

package/ds-card/DSCard.cardv2_v1.visual.spec.js

@@ -0,0 +1,29 @@
+import DSCardCO from './DSCardCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18728 - DSCard:: V2 header title renders unchanged - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.V2URL.go();
+      if (errorOnGo) throw errorOnGo;
+      const card = await DSCardCO.getCard();
+      await card.waitForDisplayed({ timeout: 5000 });
+    });
+    it('should render the V2 card header title unchanged', async () => {
+      const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('cardv2-header-title'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18729 - DSCard:: V1 header title renders unchanged - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.button.go();
+      if (errorOnGo) throw errorOnGo;
+      const header = await DSCardCO.getV1CardHeader();
+      await header.waitForDisplayed({ timeout: 5000 });
+    });
+    it('should render the V1 card header title unchanged', async () => {
+      const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('cardv1-header-title'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-card/DSCardCO.js

@@ -50,6 +50,10 @@ export default class DSCardCO extends PageObject {
     return $('[data-testid="em-ds-card-header"]');
   }
 
+  static async getV1CardHeader() {
+    return $('[data-testid="ds-card-header"]');
+  }
+
   static async getCardDetailContainer() {
     return $('[data-testid="card-detail-container"]');
   }

package/ds-card-v3/DSCardV3CO.js

@@ -17,6 +17,8 @@ export default class DSCardV3CO extends PageObject {
 
   static multiActionURL = new Urlbuilder(PATH_E2E_CARD_V3, 'multi-action-test');
 
+  static multipleControlURL = new Urlbuilder(PATH_E2E_CARD_V3, 'multiple-control-test');
+
   static multiSelectURL = new Urlbuilder(PATH_E2E_CARD_V3, 'multi-select-test');
 
   static noActionURL = new Urlbuilder(PATH_E2E_CARD_V3, 'no-action-test');
@@ -31,6 +33,12 @@ export default class DSCardV3CO extends PageObject {
 
   static globalAttributesURL = new Urlbuilder(PATH_E2E_CARD_V3, 'global-attributes-test');
 
+  static variantDisabledURL = new Urlbuilder(PATH_E2E_CARD_V3, 'variant-disabled-test');
+
+  static variantAccentURL = new Urlbuilder(PATH_E2E_CARD_V3, 'variant-accented-test');
+
+  static variantAccentedDisabledURL = new Urlbuilder(PATH_E2E_CARD_V3, 'variant-accented-disabled-test');
+
   // selectors
   static async getActionAreaByIndex(index = 0) {
     return $$('[data-testid="ds-cardv3-action-area"]')[index];
@@ -130,4 +138,74 @@ export default class DSCardV3CO extends PageObject {
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('card-v3', example);
   }
+
+  static async getButtonByIndex(index) {
+    return $$('[data-testid="ds-button"]')[index];
+  }
+
+  static async getCardCheckBoxByIndex(index) {
+    return $$('[data-testid="ds-checkbox"]')[index];
+  }
+
+  static async getByRole() {
+    return $('div[role="img"][aria-label="3 new notifications"]');
+  }
+
+  static async getElement(index) {
+    return $$('[data-testid="ds-typography-element"]')[index];
+  }
+
+  static async getRadioButtonByIndex(index) {
+    return $$('[data-testid="ds-radio"]')[index];
+  }
+
+  static async getDnDLiveRegion() {
+    return $('[id^="DndLiveRegion"]');
+  }
+
+  static async getDnDInstructions() {
+    return $('[id^="DndDescribedBy"]');
+  }
+
+  static async getDnDLists() {
+    return $$('[role="list"]');
+  }
+
+  static async getDnDListByIndex(index = 0) {
+    return $$('[role="list"]')[index];
+  }
+
+  static async getDnDListItems() {
+    return $$('[role="listitem"]');
+  }
+
+  static async getElementById(id) {
+    return $(`#${id}`);
+  }
+
+  static async getCardByDataId(id) {
+    return $(`[data-id="${id}"]`);
+  }
+
+  static async getCardDataIdsByListIndex(index = 0) {
+    const list = await DSCardV3CO.getDnDListByIndex(index);
+    const cards = await list.$$('[data-id]');
+    return cards.map((card) => card.getAttribute('data-id'));
+  }
+
+  static async expectCardOrderInList(index, expectedOrder) {
+    let actualOrder = [];
+    await browser.waitUntil(
+      async () => {
+        actualOrder = await DSCardV3CO.getCardDataIdsByListIndex(index);
+        return JSON.stringify(actualOrder) === JSON.stringify(expectedOrder);
+      },
+      {
+        timeout: 5000,
+        timeoutMsg: `Expected list ${index} to be ordered ${JSON.stringify(expectedOrder)} but was ${JSON.stringify(
+          actualOrder,
+        )}`,
+      },
+    );
+  }
 }

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

@@ -0,0 +1,28 @@
+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-18713 - Accordion, basic -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.accordionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    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);
+    });
+    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);
+    });
+  });
+}

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

@@ -7,15 +7,13 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display accordion card-v3 closed', async () => {
-      await browser.eyesOpen();
-      const snapshot = await browser.eyesCheckSnapshot(DSCardV3CO.snapshotPath('card-v3-closed'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
     it('02: should display accordion card-v3 expanded', async () => {
-      await browser.eyesOpen();
-      const expandContentButton = await DSCardV3CO.getExpandContentButton();
-      await expandContentButton.click();
-      const snapshot = await browser.eyesCheckSnapshot(DSCardV3CO.snapshotPath('card-v3-expanded'));
+      const accordionButton = await DSCardV3CO.getAccordionButton();
+      await accordionButton.click();
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

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

@@ -7,10 +7,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display disabled cards (standard and accented)', async () => {
-      await browser.eyesOpen();
       const cardContainer = await DSCardV3CO.getCardContainerByIndex(0);
       await cardContainer.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSCardV3CO.snapshotPath('card-v3-disabled'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

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

@@ -0,0 +1,61 @@
+import { Key } from 'webdriverio';
+import DSCardV3CO from '../DSCardV3CO';
+import { axeCoreCheck } from '../../helpers';
+
+// axe-core coverage for the PUI-17889 accessibility fix on the CardV3 Drag and Drop example.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18732 - DSCardV3:: Drag and Drop accessibility - axe-core', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.dragAndDropURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core in the idle (resting) state', async () => {
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+
+    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/drag-n-drop/DSCardV3.DnD.func.spec.js

@@ -0,0 +1,129 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSCardV3CO from '../DSCardV3CO';
+
+// Functional coverage - no interaction for the PUI-17889 accessibility fix on the CardV3 Drag and Drop example.
+if (
+  !browser.capabilities['ice:options'].isPhone &&
+  !browser.capabilities['ice:options'].isTablet &&
+  (browser.capabilities.browserName === 'Chrome' || browser.capabilities.browserName === 'chrome')
+) {
+  describe('PUI-18685 - DSCardV3:: Drag and Drop accessibility - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.dragAndDropURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: sortable containers are exposed as lists with an accessible name', async () => {
+      const lists = await DSCardV3CO.getDnDLists();
+      await expect(lists).toHaveLength(2);
+      const [backlog, inProgress] = lists;
+      await expect(backlog).toHaveAttribute('aria-labelledby', 'dnd-heading-container1');
+      await expect(inProgress).toHaveAttribute('aria-labelledby', 'dnd-heading-container2');
+    });
+
+    it('02: list accessible-name targets exist and expose readable headings', async () => {
+      const backlogHeading = await DSCardV3CO.getElementById('dnd-heading-container1');
+      const inProgressHeading = await DSCardV3CO.getElementById('dnd-heading-container2');
+      await expect(backlogHeading).toBeExisting();
+      await expect(inProgressHeading).toBeExisting();
+      await expect(backlogHeading).toHaveText('Backlog');
+      await expect(inProgressHeading).toHaveText('In Progress');
+    });
+
+    it('03: every card is programmatically exposed as a list item', async () => {
+      const listItems = await DSCardV3CO.getDnDListItems();
+      await expect(listItems).toHaveLength(12);
+    });
+
+    it('04: drag handle exposes aria-roledescription="sortable"', async () => {
+      const handle = await DSCardV3CO.getCardHandlerByIndex(0);
+      await expect(handle).toHaveAttribute('aria-roledescription', 'sortable');
+    });
+
+    it('05: drag handle references existing, non-empty drag instructions', async () => {
+      const handle = await DSCardV3CO.getCardHandlerByIndex(0);
+      const describedBy = await handle.getAttribute('aria-describedby');
+      expect(describedBy).toContain('DndDescribedBy');
+
+      const instructions = await DSCardV3CO.getDnDInstructions();
+      await expect(instructions).toBeExisting();
+      const instructionText = await instructions.getProperty('textContent');
+      expect(instructionText).toBeTruthy();
+    });
+
+    it('06: a live region is present to announce drag operations', async () => {
+      const liveRegion = await DSCardV3CO.getDnDLiveRegion();
+      await liveRegion.waitForExist();
+      await expect(liveRegion).toHaveAttribute('role', 'status');
+      await expect(liveRegion).toHaveAttribute('aria-live', 'assertive');
+      await expect(liveRegion).toHaveAttribute('aria-atomic', 'true');
+    });
+  });
+
+  // Functional coverage for the PUI-17889 accessibility fix on the CardV3 Drag and Drop example.
+  describe('PUI-18730 - DSCardV3:: Drag and Drop keyboard announcements - Func', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.dragAndDropURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: picking up an item sets aria-pressed - [TAB][ENTER]', async () => {
+      await browser.keys(Key.Tab);
+      const handle = await DSCardV3CO.getCardHandlerByIndex(0);
+      await expect(handle).toBeFocused();
+      await browser.keys(Key.Return);
+      await expect(handle).toHaveAttribute('aria-pressed', 'true');
+    });
+
+    it('02: moving an item announces its new position - [TAB][ENTER][ARROWDOWN]', async () => {
+      await browser.keys(Key.Tab);
+      const handle = await DSCardV3CO.getCardHandlerByIndex(0);
+      await expect(handle).toBeFocused();
+      await browser.keys(Key.Space);
+      await expect(handle).toHaveAttribute('aria-pressed', 'true');
+      await browser.keys(Key.ArrowDown);
+      const liveRegion = await DSCardV3CO.getDnDLiveRegion();
+      await browser.waitUntil(
+        async () => (await liveRegion.getProperty('textContent')).includes('was moved to position'),
+        { timeoutMsg: 'Expected the live region to announce the new position' },
+      );
+      const announcement = await liveRegion.getProperty('textContent');
+      expect(announcement).toContain('was moved to position');
+    });
+
+    it('03: dropping an item announces the resulting position - [TAB][ENTER][ARROWDOWN][ENTER]', async () => {
+      await browser.keys(Key.Tab);
+      const handle = await DSCardV3CO.getCardHandlerByIndex(0);
+      await expect(handle).toBeFocused();
+      await browser.keys(Key.Space);
+      await expect(handle).toHaveAttribute('aria-pressed', 'true');
+      await browser.keys(Key.ArrowDown);
+      const liveRegion = await DSCardV3CO.getDnDLiveRegion();
+      await browser.keys(Key.Space);
+      await browser.waitUntil(
+        async () => (await liveRegion.getProperty('textContent')).includes('was dropped at position'),
+        { timeoutMsg: 'Expected the live region to announce the drop' },
+      );
+      const announcement = await liveRegion.getProperty('textContent');
+      expect(announcement).toContain('was dropped at position');
+    });
+
+    it('04: cancelling a drag is announced and clears aria-pressed - [TAB][ENTER][ESCAPE]', async () => {
+      await browser.keys(Key.Tab);
+      const handle = await DSCardV3CO.getCardHandlerByIndex(0);
+      await expect(handle).toBeFocused();
+      await browser.keys(Key.Return);
+      await expect(handle).toHaveAttribute('aria-pressed', 'true');
+      await browser.keys(Key.Escape);
+      const liveRegion = await DSCardV3CO.getDnDLiveRegion();
+      await browser.waitUntil(
+        async () => (await liveRegion.getProperty('textContent')).includes('Dragging was cancelled'),
+        { timeoutMsg: 'Expected the live region to announce the cancellation' },
+      );
+      const announcement = await liveRegion.getProperty('textContent');
+      expect(announcement).toContain('Dragging was cancelled');
+      await expect(handle).not.toHaveAttribute('aria-pressed', 'true');
+    });
+  });
+}

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

@@ -0,0 +1,73 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSCardV3CO from '../DSCardV3CO';
+import { tabStops, sendKeyRepeat } from '../../helpers';
+
+// The "In Progress" container (list index 1) holds cards 7..12 in this order.
+const IN_PROGRESS_LIST_INDEX = 1;
+const INITIAL_ORDER = ['7', '8', '9', '10', '11', '12'];
+const LAST_CARD_HANDLE_INDEX = 11;
+
+if (
+  !browser.capabilities['ice:options'].isPhone &&
+  !browser.capabilities['ice:options'].isTablet &&
+  (browser.capabilities.browserName === 'Chrome' || browser.capabilities.browserName === 'chrome')
+) {
+  describe('PUI-18731 - DSCardV3:: Drag and Drop keyboard re-order - Func', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.dragAndDropURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    const pickUpLastCard = async () => {
+      await tabStops(INITIAL_ORDER.length * 2);
+      const handle = await DSCardV3CO.getCardHandlerByIndex(LAST_CARD_HANDLE_INDEX);
+      await expect(handle).toBeFocused();
+      await browser.keys(Key.Return);
+      await expect(handle).toHaveAttribute('aria-pressed', 'true');
+      return handle;
+    };
+
+    it('01: the In Progress list renders cards 7..12 in their initial order', async () => {
+      await DSCardV3CO.expectCardOrderInList(IN_PROGRESS_LIST_INDEX, INITIAL_ORDER);
+    });
+
+    it('02: moving the last card up announces the new (decremented) position - [TAB*12][ENTER][ARROWUP]', async () => {
+      await pickUpLastCard();
+      await browser.keys(Key.ArrowUp);
+      const liveRegion = await DSCardV3CO.getDnDLiveRegion();
+      const announcement = await liveRegion.getProperty('textContent');
+      expect(announcement).toContain('item was moved to position 5');
+    });
+
+    it('03: dropping the last card after moving up re-orders it in the DOM - [...][ARROWUP][ENTER]', async () => {
+      await pickUpLastCard();
+      await browser.keys(Key.ArrowUp);
+      const liveRegion = await DSCardV3CO.getDnDLiveRegion();
+      await browser.keys(Key.Return);
+      const finalAnnouncement = await liveRegion.getProperty('textContent');
+      expect(finalAnnouncement).toContain('item was dropped at position 5');
+      await DSCardV3CO.expectCardOrderInList(IN_PROGRESS_LIST_INDEX, ['7', '8', '9', '10', '12', '11']);
+    });
+
+    it('04: moving the last card to the first position re-orders it to the top - [...][ARROWUP*5][ENTER]', async () => {
+      await pickUpLastCard();
+      const liveRegion = await DSCardV3CO.getDnDLiveRegion();
+      await sendKeyRepeat(Key.ArrowUp, INITIAL_ORDER.length - 1);
+      await browser.keys(Key.Return);
+      const finalAnnouncement = await liveRegion.getProperty('textContent');
+      expect(finalAnnouncement).toContain('item was dropped at position 1');
+      await DSCardV3CO.expectCardOrderInList(IN_PROGRESS_LIST_INDEX, ['12', '7', '8', '9', '10', '11']);
+    });
+
+    it('05: cancel after moving the last card up keeps the original order intact - [...][ARROWUP][ESC]', async () => {
+      await pickUpLastCard();
+      await browser.keys(Key.ArrowUp);
+      const liveRegion = await DSCardV3CO.getDnDLiveRegion();
+      await browser.keys(Key.Escape);
+      const finalAnnouncement = await liveRegion.getProperty('textContent');
+      expect(finalAnnouncement).toContain('Dragging was cancelled');
+      await DSCardV3CO.expectCardOrderInList(IN_PROGRESS_LIST_INDEX, INITIAL_ORDER);
+    });
+  });
+}

package/ds-card-v3/drag-n-drop/DSCardV3.DnD.visual.spec.js

@@ -9,41 +9,36 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should focus on the drag handler', async () => {
-      await browser.eyesOpen();
       await browser.keys(Key.Tab);
-      const snapshot = await browser.eyesCheckSnapshot(DSCardV3CO.snapshotPath('card-v3-dnd-handler-focused'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
     it('02: should drag the item and display the ghost element', async () => {
-      await browser.eyesOpen();
       await browser.keys(Key.Tab);
       await browser.keys(Key.Return);
-      const snapshot = await browser.eyesCheckSnapshot(DSCardV3CO.snapshotPath('card-v3-dnd-ghost-element'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
     it('03: should move the item and drop it in a last position', async () => {
-      await browser.eyesOpen();
       await browser.keys(Key.Tab);
       await browser.keys(Key.Return);
       await sendKeyRepeat(Key.ArrowDown, 5);
       await browser.keys(Key.Return);
-      const snapshot = await browser.eyesCheckSnapshot(DSCardV3CO.snapshotPath('card-v3-dnd-drop-last-position'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
     // https://jira.elliemae.io/browse/PUI-15649
     it('04: should move an item to the the first position', async () => {
-      await browser.eyesOpen();
       await tabStops(12);
       await browser.keys(Key.Return);
       await sendKeyRepeat(Key.ArrowUp, 5);
       await browser.keys(Key.ArrowLeft);
       await browser.keys(Key.Return);
-      const snapshot = await browser.eyesCheckSnapshot(DSCardV3CO.snapshotPath('card-v3-dnd-drop-first-position'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
 
     it('05: should move an item to the first position and back to the last position diferent column', async () => {
-      await browser.eyesOpen();
       await tabStops(12);
       await browser.keys(Key.Return);
       await sendKeyRepeat(Key.ArrowUp, 5);
@@ -53,9 +48,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.Return);
       await sendKeyRepeat(Key.ArrowDown, 6);
       await browser.keys(Key.Return);
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSCardV3CO.snapshotPath('card-v3-dnd-drop-last-position-first-column'),
-      );
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

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

@@ -0,0 +1,33 @@
+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-18714 - CardV3:: GlobalAttributes - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.globalAttributesURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the accordion closed and pass axecore test', async () => {
+      await (await DSCardV3CO.getAccordionButton()).waitForDisplayed();
+      const result = await axeCoreCheck();
+      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();
+      await expect(result).toHaveLength(0);
+    });
+    it('03: should open the menu and pass axecore test', async () => {
+      await (await DSCardV3CO.getButtonByIndex(1)).click();
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}