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

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

@@ -7,10 +7,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     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);
+    });
+  });
+}

package/ds-card-v3/variant-disabled/DSCardV3.variant-disabled.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-18720 - CardV3:: Variant Disabled - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.variantDisabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display card disabled and pass axecore scan', async () => {
+      const firstItem = await DSCardV3CO.getCardHeader();
+      await firstItem.waitForDisplayed();
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}

package/ds-card-v3/variant-disabled/DSCardV3.variant-disabled.func.spec.js

@@ -0,0 +1,61 @@
+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-18810 - DSCardV3:: variant disabled cards non-interactive structure - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.variantDisabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render both disabled cards as divs without the HTML disabled attribute', async () => {
+      const disabledCard = await DSCardV3CO.getCardContainerByIndex(0);
+      await disabledCard.waitForDisplayed();
+      expect((await disabledCard.getTagName()).toLowerCase()).toBe('div');
+      expect(await disabledCard.getAttribute('disabled')).toBeNull();
+
+      const accentedDisabledCard = await DSCardV3CO.getCardContainerByIndex(1);
+      await expect(accentedDisabledCard).toBeDisplayed();
+      expect((await accentedDisabledCard.getTagName()).toLowerCase()).toBe('div');
+      expect(await accentedDisabledCard.getAttribute('disabled')).toBeNull();
+    });
+
+    it('02: should keep both cards visible to assistive technology', async () => {
+      const disabledCard = await DSCardV3CO.getCardContainerByIndex(0);
+      expect(await disabledCard.getAttribute('aria-hidden')).toBeNull();
+
+      const accentedDisabledCard = await DSCardV3CO.getCardContainerByIndex(1);
+      expect(await accentedDisabledCard.getAttribute('aria-hidden')).toBeNull();
+    });
+
+    it('03: should expose the title and description of both cards', async () => {
+      const firstHeading = await DSCardV3CO.getHByLevelAndIndex(3, 0);
+      await expect(firstHeading).toBeExisting();
+      await expect(firstHeading).toHaveText('Disabled Card');
+
+      const firstDescription = await DSCardV3CO.getElement(1);
+      await expect(firstDescription).toHaveText('Description card');
+
+      const secondHeading = await DSCardV3CO.getHByLevelAndIndex(3, 1);
+      await expect(secondHeading).toBeExisting();
+      await expect(secondHeading).toHaveText('Disabled Card');
+
+      const secondDescription = await DSCardV3CO.getElement(3);
+      await expect(secondDescription).toHaveText('Description card');
+    });
+
+    it('04: should contain no focusable controls in either card', async () => {
+      const disabledCard = await DSCardV3CO.getCardContainerByIndex(0);
+      const firstCardControls = await disabledCard.$$('button, a[href], input, select, textarea, [tabindex]');
+      expect(firstCardControls).toHaveLength(0);
+
+      const accentedDisabledCard = await DSCardV3CO.getCardContainerByIndex(1);
+      const secondCardControls = await accentedDisabledCard.$$('button, a[href], input, select, textarea, [tabindex]');
+      expect(secondCardControls).toHaveLength(0);
+    });
+  });
+}

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

@@ -0,0 +1,20 @@
+import DSCardV3CO from '../DSCardV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18811 - DSCardV3:: variant disabled and accented-disabled render - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.variantDisabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display the disabled and accented-disabled cards', async () => {
+      const disabledCard = await DSCardV3CO.getCardContainerByIndex(0);
+      await disabledCard.waitForDisplayed();
+      const accentedDisabledCard = await DSCardV3CO.getCardContainerByIndex(1);
+      await expect(accentedDisabledCard).toBeDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-card-v3/variant-disabled/DSCardV3.variantDisabled-non-interactive.func.spec.js

@@ -0,0 +1,25 @@
+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-17888 (disabled attribute on non-interactive card)
+  describe('PUI-18598 - DSCardV3:: disabled variant has no HTML disabled attribute - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.variantDisabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: disabled and accented-disabled cards do not have the HTML disabled attribute', async () => {
+      const card1 = await DSCardV3CO.getCardContainerByIndex(0);
+      const card2 = await DSCardV3CO.getCardContainerByIndex(1);
+      const disabledAttr1 = await card1.getAttribute('disabled');
+      const disabledAttr2 = await card2.getAttribute('disabled');
+      expect(disabledAttr1).toBeNull();
+      expect(disabledAttr2).toBeNull();
+    });
+  });
+}

package/ds-chat/DSChat.axe-core.func.spec.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-plusplus */
 /* eslint-disable max-lines */
-import { ChatCO, BubbleCO, TileCO } from './components';
+import { ChatCO, CardCO, BubbleCO, TileCO } from './components';
 import { axeCoreCheck } from '../helpers';
 
 if (
@@ -41,7 +41,7 @@ if (
 
   describe('PUI-12504 - Chat, Chat Card -AxeCore', () => {
     before('loading page', async () => {
-      const errorOnGo = await ChatCO.chatCardURL.go();
+      const errorOnGo = await CardCO.cardBasicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should have a chat card and pass axe-core scan', async () => {

package/ds-chat/DSChat.visual.spec.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-plusplus */
 /* eslint-disable max-lines */
 import { Key } from 'webdriverio';
-import { ChatCO, BubbleCO, FloatingButtonCO, ComposerCO, TileCO } from './components';
+import { ChatCO, CardCO, BubbleCO, FloatingButtonCO, ComposerCO, TileCO } from './components';
 import { type } from '../helpers';
 import DSBannerCO from '../ds-banner/DSBannerCO';
 
@@ -76,7 +76,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
 
   describe('PUI-6712 - Chat, Chat Card, Visual Tests', () => {
     before('loading page', async () => {
-      const errorOnGo = await ChatCO.chatCardURL.go();
+      const errorOnGo = await CardCO.cardBasicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('should display the chat card properly', async () => {
@@ -245,7 +245,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
 
   describe('PUI-9222 - Chat, Long Words, Visual Tests', () => {
     before('loading page', async () => {
-      const errorOnGo = await ChatCO.basicE2eURL.go();
+      const errorOnGo = await ChatCO.basicTestURL.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('should display long words breaking at composer', async () => {
@@ -268,7 +268,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
   });
 
-  describe('PUI-9333 - Chat, Scroll on send and not on enter, Func. Tests', () => {
+  describe('PUI-9333 - Chat, Scroll on send and not on enter - Visual Tests', () => {
     before('loading page', async () => {
       const errorOnGo = await ChatCO.sidePanelIntegrationURL.go();
       if (errorOnGo) throw errorOnGo;