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

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

package/ds-card-v3/notification-badges/DSCardV3.notification-badges.func.spec.js

@@ -0,0 +1,19 @@
+/* eslint-disable max-lines */
+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-18646 - CardV3: Notification Badges Accessible Names - Func Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.notificationBadgesURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: notification badge should have attributes', async () => {
+      const notificationBadge = await DSCardV3CO.getByRole();
+      await expect(notificationBadge).toHaveAttribute('aria-label', '3 new notifications');
+    });
+  });
+}

package/ds-card-v3/notification-badges/DSCardV3.notification-badges.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-18805 - DSCardV3:: notification badge card render - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.notificationBadgesURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display the card with a notification badge and action buttons', async () => {
+      const card = await DSCardV3CO.getCardContainer();
+      await card.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display the leading action button with its focus ring - [TAB]', async () => {
+      await browser.keys(Key.Tab);
+      const flagAction = await DSCardV3CO.getButtonByIndex(0);
+      await expect(flagAction).toBeFocused();
+
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-card-v3/reflow/DSCardV3.reflow.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-18718 - CardV3:: Reflow - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.reflowURL.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(7);
+      await getAccordionFirstElement.waitForDisplayed();
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}

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

@@ -0,0 +1,36 @@
+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-18738 - DSCardV3:: reflow keyboard navigation - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.reflowURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: First checkbox should be disabled', async () => {
+      await browser.keys(Key.Tab);
+      const firstCheckbox = await DSCardV3CO.getCardCheckBoxByIndex(0);
+      await expect(firstCheckbox).toBeFocused();
+      await expect(firstCheckbox).toHaveAttribute('aria-disabled', 'true');
+    });
+    it('02: More Options should be focused', 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('03: Content should be expanded when clicked on Accordion', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Space);
+      const accordionButton = await DSCardV3CO.getAccordionButton();
+      await expect(accordionButton).toHaveAttribute('aria-expanded', 'true');
+      const accordionContent = await DSCardV3CO.getElement(7);
+      await expect(accordionContent).toBeDisplayed();
+    });
+  });
+}

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

@@ -1,16 +1,17 @@
 import DSCardV3CO from '../DSCardV3CO';
+import { setTextSize } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-13981 - CardV3: Reflow -Visual Test', () => {
     before('loading page', async () => {
       const errorOnGo = await DSCardV3CO.reflowURL.go();
       if (errorOnGo) throw errorOnGo;
+      await setTextSize('26');
     });
     it('01: should display cards after a 200% of text resize', async () => {
-      await browser.eyesOpen();
       const expandContentButton = await DSCardV3CO.getExpandContentButton();
       await expandContentButton.click();
-      const snapshot = await browser.eyesCheckSnapshot(DSCardV3CO.snapshotPath('card-v3-reflow'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-card-v3/single-select/DSCardV3.single-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 (radio button group not programmatically grouped)
+  describe('PUI-18600 - DSCardV3:: single-select ARIA radiogroup role - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.singleSelectURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: wrapper container has role="radiogroup" and an accessible label', async () => {
+      const wrapper = await DSCardV3CO.getRadioGroupContainer();
+      await expect(wrapper).toBeExisting();
+      await expect(wrapper).toHaveAttribute('role', 'radiogroup');
+      const label = await wrapper.getAttribute('aria-label');
+      expect(label).toBeTruthy();
+    });
+  });
+}

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

@@ -0,0 +1,37 @@
+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-18739 - DSCardV3:: single-select accessibility - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.singleSelectURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Should select radio button and pass axecore test', async () => {
+      const firstRadioButton = await DSCardV3CO.getRadioButtonByIndex(0);
+      await firstRadioButton.waitForExist();
+      await firstRadioButton.click();
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+    it('02: Should select second radio button and pass axecore test', async () => {
+      const secondRadioButton = await DSCardV3CO.getRadioButtonByIndex(1);
+      await secondRadioButton.waitForExist();
+      await secondRadioButton.click();
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+    it('03: Should click on more options  and pass axecore test', async () => {
+      const options = await DSCardV3CO.getButtonByIndex(0);
+      await options.waitForDisplayed();
+      await options.click();
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}

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

@@ -10,12 +10,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: first radio button should be selected, and the dropdown menu should be opened', async () => {
-      await browser.eyesOpen();
       const firstRadioButton = await DSControlledRadioCO.getRadioByIndex(0);
       const ellipsisMenuBtn = await DSButtonV3CO.getButtonByIndex(0);
       await firstRadioButton.click();
       await ellipsisMenuBtn.click();
-      const snapshot = await browser.eyesCheckSnapshot(DSCardV3CO.snapshotPath('card-v3-sigle-select'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

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

@@ -8,10 +8,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display CardV3 with customized slots', async () => {
-      await browser.eyesOpen();
       const root = await DSCardV3CO.getRootSlotByIndex();
       await root.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSCardV3CO.snapshotPath('card-v3-slots'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

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

@@ -0,0 +1,45 @@
+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-18807 - DSCardV3:: variant accented content and menu states accessibility - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.variantAccentURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core in the collapsed state', async () => {
+      const expandContentButton = await DSCardV3CO.getExpandContentButton();
+      await expandContentButton.waitForDisplayed();
+      await expect(expandContentButton).toHaveAttribute('aria-expanded', 'false');
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+
+    it('02: should pass axe-core with the card body expanded', async () => {
+      const expandContentButton = await DSCardV3CO.getExpandContentButton();
+      await expandContentButton.click();
+      await expect(expandContentButton).toHaveAttribute('aria-expanded', 'true');
+      const cardBody = await DSCardV3CO.getCardBody();
+      await expect(cardBody).toBeDisplayedInViewport();
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+
+    it('03: should pass axe-core with the card actions menu open', async () => {
+      const menuButton = await DSCardV3CO.getButtonByIndex(1);
+      await menuButton.click();
+      await expect(menuButton).toHaveAttribute('aria-expanded', 'true');
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}

package/ds-card-v3/variant-accented/DSCardV3.variant-accented.func.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 &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18719 - CardV3: Variant Accented - Func Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.variantAccentURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: content should be expanded, and the menu should be opened', async () => {
+      const expandContentButton = await DSCardV3CO.getExpandContentButton();
+      await browser.keys(Key.Tab);
+      await expect(expandContentButton).toBeFocused();
+      await browser.keys(Key.Space);
+      await expect(expandContentButton).toHaveAttribute('aria-expanded', 'true');
+      const expandableContent = await DSCardV3CO.getCardBody();
+      await expect(expandableContent).toBeDisplayedInViewport();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Space);
+      const ellipsisMenuBtn = await DSCardV3CO.getButtonByIndex(1);
+      await expect(ellipsisMenuBtn).toHaveAttribute('aria-expanded', 'true');
+    });
+  });
+}

package/ds-card-v3/variant-accented/DSCardV3.variant-accented.visual.spec.js

@@ -0,0 +1,35 @@
+import DSCardV3CO from '../DSCardV3CO';
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18740 - DSCardV3:: variant accented states - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.variantAccentURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: content should be collapsed(default state),', async () => {
+      const expandContentButton = await DSCardV3CO.getExpandContentButton();
+      await expect(expandContentButton).toBeDisplayed();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: content should be expanded,', async () => {
+      const expandContentButton = await DSCardV3CO.getExpandContentButton();
+      await expandContentButton.click();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: the menu should be opened', async () => {
+      const ellipsisMenuBtn = await DSCardV3CO.getButtonByIndex(1);
+      await ellipsisMenuBtn.click();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: accented variant styling should render in the collapsed state', async () => {
+      const errorOnGo = await DSCardV3CO.variantAccentURL.go();
+      if (errorOnGo) throw errorOnGo;
+      const card = await DSCardV3CO.getCardContainer();
+      await expect(card).toBeDisplayed();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-card-v3/variant-accented-disabled/DSCardV3.variant-accented-disabled.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-18808 - DSCardV3:: variant accented-disabled accessibility - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.variantAccentedDisabledURL.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 violations with the aria-disabled control focused', async () => {
+      const expandContentButton = await DSCardV3CO.getExpandContentButton();
+      await expect(expandContentButton).toHaveAttribute('aria-disabled', 'true');
+      await browser.keys(Key.Tab);
+      await expect(expandContentButton).toBeFocused();
+
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}

package/ds-card-v3/variant-accented-disabled/DSCardV3.variant-accented-disabled.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-18686 - DSCardV3:: variant-accented-disabled does not use the html `disabled` attribute - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.variantAccentedDisabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: accented-disabled card does not carry the native HTML disabled attribute', async () => {
+      const accentedDisabledCard = await DSCardV3CO.getCardContainerByIndex(0);
+      const disabledAttr = await accentedDisabledCard.getAttribute('disabled');
+      expect(disabledAttr).toBeNull();
+    });
+
+    it('02: accented-disabled card renders as a non-form element (div)', async () => {
+      const accentedDisabledCard = await DSCardV3CO.getCardContainerByIndex(0);
+      const tagName = await accentedDisabledCard.getTagName();
+      expect(tagName.toLowerCase()).toBe('div');
+    });
+
+    it('03: accented-disabled card is not hidden', async () => {
+      const accentedDisabledCard = await DSCardV3CO.getCardContainerByIndex(0);
+      const ariaHidden = await accentedDisabledCard.getAttribute('aria-hidden');
+      expect(ariaHidden).toBeNull();
+    });
+
+    it('04: card content can be accessed in the accessibility tree', async () => {
+      const heading = await DSCardV3CO.getHByLevelAndIndex(3, 0);
+      await expect(heading).toBeExisting();
+      await expect(heading).toHaveText('Card Single Select');
+    });
+
+    it('05: disabled control has state via aria-disabled', async () => {
+      const expandContentButton = await DSCardV3CO.getExpandContentButton();
+      await expect(expandContentButton).toHaveAttribute('aria-disabled', 'true');
+      const disabledAttr = await expandContentButton.getAttribute('disabled');
+      expect(disabledAttr).toBeNull();
+    });
+
+    it('06: disabled control is keyboard focusable and part of the tab order', async () => {
+      const expandContentButton = await DSCardV3CO.getExpandContentButton();
+      await browser.keys(Key.Tab);
+      await expect(expandContentButton).toBeFocused();
+    });
+  });
+}

package/ds-card-v3/variant-accented-disabled/DSCardV3.variant-accented-disabled.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-18809 - DSCardV3:: variant accented-disabled render and focus - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.variantAccentedDisabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display the accented-disabled card in its collapsed state', async () => {
+      const card = await DSCardV3CO.getCardContainer();
+      await card.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display the focus ring on the aria-disabled expand control - [TAB]', async () => {
+      await browser.keys(Key.Tab);
+      const expandContentButton = await DSCardV3CO.getExpandContentButton();
+      await expect(expandContentButton).toBeFocused();
+
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}