dimsum-e2e-tests 3.70.0-next.6 → 3.70.0-next.60

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);
+    });
+  });
+}

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

@@ -0,0 +1,26 @@
+/* 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-18645 - CardV3: Multi Control - Func Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.multipleControlURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    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);
+      await expect(firstCheckbox).toBeSelected();
+      const secondCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(1);
+      await expect(secondCheckbox).not.toBeSelected();
+    });
+  });
+}

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

@@ -0,0 +1,22 @@
+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-18717 - CardV3: No Action - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.noActionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Card should display correctly and pass axecore test', async () => {
+      const firstElement = await DSCardV3CO.getElement(0);
+      await firstElement.waitForExist();
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}

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

@@ -0,0 +1,23 @@
+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-18736 - DSCardV3:: no-action title and subtitle render - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.noActionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Card should display correctly', async () => {
+      const firstElement = await DSCardV3CO.getElement(0);
+      await expect(firstElement).toHaveText('Card Title');
+      await expect(firstElement).toHaveAttribute('data-dimsum-slot', 'dsTypographyRoot');
+      const secondElement = await DSCardV3CO.getElement(1);
+      await expect(secondElement).toHaveText('Card Subtitle');
+      await expect(secondElement).toHaveAttribute('data-dimsum-slot', 'dsTypographyRoot');
+    });
+  });
+}

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

@@ -0,0 +1,15 @@
+import DSCardV3CO from '../DSCardV3CO';
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18737 - DSCardV3:: no-action card renders - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.noActionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Should load the page and pass visual test', async () => {
+      const firstElement = await DSCardV3CO.getElement(0);
+      await expect(firstElement).toBeDisplayed();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-card-v3/notification-badges/DSCardV3.notification-badges.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-18806 - DSCardV3:: notification badge card accessibility - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.notificationBadgesURL.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 an action button focused', async () => {
+      const flagAction = await DSCardV3CO.getButtonByIndex(0);
+      await flagAction.click();
+      await expect(flagAction).toBeFocused();
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}