dimsum-e2e-tests 3.70.0-next.7 → 3.70.0-next.71

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

@@ -0,0 +1,42 @@
+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 () => {
+      await browser.keys(Key.Tab);
+      const handle = await DSCardV3CO.getCardHandlerByIndex(0);
+      await expect(handle).toBeFocused();
+      await browser.keys(Key.Return);
+      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 () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Return);
+      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);
+    });
+  });
+}

package/ds-card-v3/global-attributes/DSCardV3.global-attributes.visual.spec.js

@@ -0,0 +1,20 @@
+import DSCardV3CO from '../DSCardV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18733 - DSCardV3:: global attributes render correctly - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.globalAttributesURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: The global attributes under Accordion are passed to the story should be displayed correctly', async () => {
+      await (await DSCardV3CO.getAccordionButton()).click();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: The global attributes under Menu are passed to the story should be displayed correctly', async () => {
+      await (await DSCardV3CO.getButtonByIndex(1)).click();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-card-v3/multi-select/DSCardV3.multi-select.aria-grouping.func.spec.js

@@ -0,0 +1,24 @@
+import DSCardV3CO from '../DSCardV3CO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  // Tests for the fix introduced in PUI-17891 (checkbox group not programmatically grouped)
+  describe('PUI-18599 - DSCardV3:: multi-select ARIA group role - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.multiSelectURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: wrapper container has role="group" and an accessible label', async () => {
+      const wrapper = await DSCardV3CO.getGroupContainer();
+      await expect(wrapper).toBeExisting();
+      await expect(wrapper).toHaveAttribute('role', 'group');
+      const label = await wrapper.getAttribute('aria-label');
+      expect(label).toBeTruthy();
+    });
+  });
+}

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/multi-select/DSCardV3.multiselect.keyboard.func.spec.js

@@ -0,0 +1,65 @@
+/* eslint-disable max-lines */
+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-18715 - CardV3: Multi Select (keyboard) - Func Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.multiSelectURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: first checkbox should be focused - [TAB]', async () => {
+      await browser.keys(Key.Tab);
+      const firstCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(0);
+      await expect(firstCheckbox).toBeFocused();
+      await expect(firstCheckbox).toHaveAttribute('aria-label', 'First Option Card');
+    });
+    it('02: first checkbox should be selected - [SPACE]', async () => {
+      await browser.keys(Key.Space);
+      const firstCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(0);
+      await expect(firstCheckbox).toBeSelected();
+    });
+    it('03: more options should be focused - [TAB]', async () => {
+      await browser.keys(Key.Tab);
+      const options = await DSCardV3CO.getButtonByIndex(0);
+      await expect(options).toBeFocused();
+      await expect(options).toHaveAttribute('aria-label', 'More Options');
+    });
+    it('04: second checkbox should be focused and selected - [TAB+SPACE]', async () => {
+      await browser.keys(Key.Tab);
+      const secondCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(1);
+      await expect(secondCheckbox).toBeFocused();
+      await browser.keys(Key.Space);
+      await expect(secondCheckbox).toBeSelected();
+      await expect(secondCheckbox).toHaveAttribute('aria-label', 'Second Option Card');
+    });
+    it('05: first checkbox should be deselected on toggle - [SHIFT+TAB, SPACE]', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys([Key.Shift, Key.Tab]);
+      const firstCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(0);
+      await expect(firstCheckbox).toBeFocused();
+      await browser.keys(Key.Space);
+      await expect(firstCheckbox).not.toBeSelected();
+    });
+    it('06: both checkboxes should stay selected simultaneously - [SPACE]', async () => {
+      const firstCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(0);
+      await browser.keys(Key.Space);
+      const secondCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(1);
+      await expect(firstCheckbox).toBeSelected();
+      await expect(secondCheckbox).toBeSelected();
+    });
+    it('07: deselecting one card should not affect the other - [SPACE]', async () => {
+      const firstCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(0);
+      await expect(firstCheckbox).toBeFocused();
+      await browser.keys(Key.Space);
+      const secondCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(1);
+      await expect(firstCheckbox).not.toBeSelected();
+      await expect(secondCheckbox).toBeSelected();
+    });
+  });
+}

package/ds-card-v3/multi-select/DSCardV3.multiselect.visual.spec.js

@@ -0,0 +1,17 @@
+import DSCardV3CO from '../DSCardV3CO';
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18734 - DSCardV3:: multi-select checkbox and menu open - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.multiSelectURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: first checkbox should be selected, and the dropdown menu should be opened', async () => {
+      const firstCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(0);
+      const ellipsisMenuBtn = await DSCardV3CO.getButtonByIndex(0);
+      await firstCheckbox.click();
+      await ellipsisMenuBtn.click();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(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-action/DSCardV3.multiple-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-18716 - CardV3: Multiple Action Buttons - Func Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.multiActionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should move focus across the action buttons in order - [TAB]', async () => {
+      await browser.keys(Key.Tab);
+      const flag = await DSCardV3CO.getButtonByIndex(0);
+      await expect(flag).toBeFocused();
+      await expect(flag).toHaveAttribute('aria-label', 'Flag action');
+
+      await browser.keys(Key.Tab);
+      const print = await DSCardV3CO.getButtonByIndex(1);
+      await expect(print).toBeFocused();
+      await expect(print).toHaveAttribute('aria-label', 'Print action');
+
+      await browser.keys(Key.Tab);
+      const download = await DSCardV3CO.getButtonByIndex(2);
+      await expect(download).toBeFocused();
+      await expect(download).toHaveAttribute('aria-label', 'Download action');
+
+      await browser.keys(Key.Tab);
+      const deleteAction = await DSCardV3CO.getButtonByIndex(3);
+      await expect(deleteAction).toBeFocused();
+      await expect(deleteAction).toHaveAttribute('aria-label', 'Delete action');
+    });
+    it('02: should move focus across the action buttons in reverse order - [SHIFT+TAB]', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const download = await DSCardV3CO.getButtonByIndex(2);
+      await expect(download).toBeFocused();
+      await expect(download).toHaveAttribute('aria-label', 'Download action');
+
+      await browser.keys([Key.Shift, Key.Tab]);
+      const print = await DSCardV3CO.getButtonByIndex(1);
+      await expect(print).toBeFocused();
+      await expect(print).toHaveAttribute('aria-label', 'Print action');
+
+      await browser.keys([Key.Shift, Key.Tab]);
+      const flag = await DSCardV3CO.getButtonByIndex(0);
+      await expect(flag).toBeFocused();
+      await expect(flag).toHaveAttribute('aria-label', 'Flag action');
+    });
+  });
+}

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

@@ -0,0 +1,18 @@
+import { Key } from 'webdriverio';
+import DSCardV3CO from '../DSCardV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18735 - DSCardV3:: multiple action button focus - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.multiActionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display CardV3 with the first action button focused', async () => {
+      await browser.keys(Key.Tab);
+      const flag = await DSCardV3CO.getButtonByIndex(0);
+      await expect(flag).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}