dimsum-e2e-tests 3.70.0-next.4 → 3.70.0-next.40

package/ds-accordion-native/aria-disabled/DSAccordionNative.aria-disabled.visual.spec.js

@@ -0,0 +1,28 @@
+import { Key } from 'webdriverio';
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Percy-aligned with ds-accordion (story content identical). See POC_FINDINGS.md.
+  describe('PUI-14324 - Accordion:: ApplyAriaDisabled prop - visual tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.applyAriaDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: first Accordion item should be focused and content not displayed - click', async () => {
+      const firstItem = await DSAccordionNativeCO.getAccordionHeader(0);
+      await firstItem.click();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-aria-disabled-focused-mouse'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: second Accordion item should be focused and content not displayed - Tab + Enter', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-aria-disabled-focused-keys'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-accordion-native/controlled/DSAccordionNative.controlled.func.spec.js

@@ -0,0 +1,22 @@
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18083 - AccordionNative, controlled -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.controlled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: single-open: opening another item collapses the previously open one', async () => {
+      await expect(await DSAccordionNativeCO.getAccordionHeader(0)).toHaveAttribute('aria-expanded', 'true');
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      await expect(await DSAccordionNativeCO.getAccordionHeader(1)).toHaveAttribute('aria-expanded', 'true');
+      await expect(await DSAccordionNativeCO.getAccordionHeader(0)).toHaveAttribute('aria-expanded', 'false');
+    });
+    it('02: multiple-open: opening two items keeps both expanded', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(3)).click();
+      await (await DSAccordionNativeCO.getAccordionHeader(4)).click();
+      await expect(await DSAccordionNativeCO.getAccordionHeader(3)).toHaveAttribute('aria-expanded', 'true');
+      await expect(await DSAccordionNativeCO.getAccordionHeader(4)).toHaveAttribute('aria-expanded', 'true');
+    });
+  });
+}

package/ds-accordion-native/header-structure/DSAccordionNative.header-structure.func.spec.js

@@ -0,0 +1,53 @@
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  // Native equivalent of the ds-accordion PUI-18621 structural test. In native the heading is a real
+  // <h3> inside <summary> and custom actions render as a SIBLING of <details>, so the heading contains
+  // NO interactive elements (the toggle IS the <summary>) and the actions live outside it.
+  describe('PUI-18083 - AccordionNative:: heading structure (custom actions outside heading) - func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.headerControls.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: heading (h3) should contain no interactive elements', async () => {
+      const heading = await DSAccordionNativeCO.getHeadingByIndex(0);
+      await expect(await heading.getTagName()).toBe('h3');
+      const buttonsInsideHeading = await heading.$$('button');
+      await expect(buttonsInsideHeading.length).toBe(0);
+    });
+
+    it('02: custom actions container should exist outside the heading', async () => {
+      const customActionsContainer = await DSAccordionNativeCO.getAccordionItemCustomActionsContainerSlotByIndex(0);
+      await expect(customActionsContainer).toExist();
+    });
+
+    it('03: action buttons in custom actions container should reflect correct enabled/disabled state', async () => {
+      const enabledContainer = await DSAccordionNativeCO.getAccordionItemCustomActionsContainerSlotByIndex(0);
+      const enabledButton = await enabledContainer.$('[data-testid="ds-button"]');
+      await expect(enabledButton).toBeDisplayed();
+      await expect(enabledButton).toBeEnabled();
+
+      const disabledContainer = await DSAccordionNativeCO.getAccordionItemCustomActionsContainerSlotByIndex(2);
+      const disabledButton = await disabledContainer.$('[data-testid="ds-button"]');
+      await expect(disabledButton).toBeDisplayed();
+      await expect(disabledButton).not.toBeEnabled();
+    });
+
+    it('04: toolbar trigger in custom actions should open dropdown menu on click', async () => {
+      const toolbar = await DSAccordionNativeCO.getToolbarByIndex(0);
+      // The native ellipsis sits at the far-right edge of the header (custom actions are a sibling
+      // of <details>); a WebDriver coordinate click is flaky there and the menu doesn't open. A
+      // direct DOM click reliably toggles the DSDropdownMenuV2 (verified in the rendered DOM).
+      await browser.execute((el) => el.click(), toolbar);
+      const firstMenuOption = await $('*=Login');
+      await firstMenuOption.waitForDisplayed();
+      await expect(firstMenuOption).toBeDisplayed();
+    });
+  });
+}

package/ds-accordion-native/input-inside/DSAccordionNative.input-inside.func.spec.js

@@ -0,0 +1,16 @@
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18083 - AccordionNative, input inside content -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.inputInside.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should type into an input rendered inside the open accordion item', async () => {
+      const input = await $('[data-testid="task-name"]');
+      await input.waitForDisplayed();
+      await input.setValue('Test task');
+      await expect(input).toHaveValue('Test task');
+    });
+  });
+}

package/ds-accordion-native/role/DSAccordionNative.role-heading.func.spec.js

@@ -0,0 +1,27 @@
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18083 - AccordionNative: Role heading', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.subtitle.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    // Prod accordion asserts role="heading" + aria-level via custom slot
+    // attributes because its wrapper is a <div>. The POC uses a real heading
+    // element (default <h3>), so neither attribute is present as a DOM string
+    // — the role and aria-level are *implicit* in the tag itself, conveyed by
+    // the browser's accessibility tree. Asserting on getTagName() is the
+    // correct contract for the native variant.
+    it('01: should be a native heading element with implicit ARIA role + level', async () => {
+      const heading = await DSAccordionNativeCO.getHeadingByIndex(0);
+      const tagName = await heading.getTagName();
+      // <h3> => implicit role="heading", aria-level=3.
+      await expect(tagName.toLowerCase()).toEqual('h3');
+    });
+  });
+}

package/ds-accordion-native/scrollable-content/DSAccordionNative.scrollable-content.visual.spec.js

@@ -0,0 +1,49 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Percy-aligned with ds-accordion (story content equivalent). See POC_FINDINGS.md.
+  describe('PUI-17174 - Accordion: Scrollable content -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.scrollableContent.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display first accordion header focused', async () => {
+      await browser.eyesOpen();
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-scrollable-default'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display scrollable content focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowUp);
+      await browser.keys(Key.Tab);
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-scrollable-top'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display scrollable content scrolled to the bottom', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-scrollable-bottom'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-accordion-native/slots/DSAccordionNative.slots.axe-core.func.spec.js

@@ -0,0 +1,25 @@
+/* eslint-disable max-lines */
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+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-18083 - AccordionNative: Slots -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have accordion with custom slots (aria & data) and pass axe-core scan', async () => {
+      const summary = await DSAccordionNativeCO.getAccordionItemSummarySlotByIndex(0);
+      await summary.click();
+      const content = await DSAccordionNativeCO.getAccordionItemContentContainerSlotByIndex(0);
+      await content.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-accordion-native/slots/DSAccordionNative.slots.func.spec.js

@@ -0,0 +1,73 @@
+/* eslint-disable max-lines, max-statements */
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18083 - AccordionNative: Slots -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have a custom aria-label for each slot', async () => {
+      const root = await DSAccordionNativeCO.getAccordionContainerSlotByIndex();
+      const itemContainer = await DSAccordionNativeCO.getAccordionItemContainerSlotByIndex();
+      const itemDetails = await DSAccordionNativeCO.getAccordionItemDetailsSlotByIndex();
+      const itemSummary = await DSAccordionNativeCO.getAccordionItemSummarySlotByIndex();
+      const itemHeading = await DSAccordionNativeCO.getAccordionItemHeadingSlotByIndex();
+      const itemChevron = await DSAccordionNativeCO.getAccordionItemChevronSlotByIndex();
+      const titlesContainer = await DSAccordionNativeCO.getAccordionItemTitlesContainerSlotByIndex();
+      const primaryTitle = await DSAccordionNativeCO.getAccordionItemPrimaryTitleSlotByIndex();
+      const secondaryTitle = await DSAccordionNativeCO.getAccordionItemSecondaryTitleSlotByIndex();
+      await itemSummary.click();
+      const contentContainer = await DSAccordionNativeCO.getAccordionItemContentContainerSlotByIndex();
+      await contentContainer.waitForDisplayed();
+      await expect(root).toHaveAttribute('aria-label', 'im container aria');
+      await expect(itemContainer).toHaveAttribute('aria-label', 'im item container aria');
+      await expect(itemDetails).toHaveAttribute('aria-label', 'im itemdetails aria');
+      await expect(itemSummary).toHaveAttribute('aria-label', 'im itemsummary aria');
+      await expect(itemHeading).toHaveAttribute('aria-label', 'im itemheading aria');
+      await expect(itemChevron).toHaveAttribute('aria-label', 'im itemchevron aria');
+      await expect(titlesContainer).toHaveAttribute('aria-label', 'im itemtitlecontainer aria');
+      await expect(primaryTitle).toHaveAttribute('aria-label', 'im itemprimarytitle aria');
+      await expect(secondaryTitle).toHaveAttribute('aria-label', 'im itemsecondarytitle aria');
+      await expect(contentContainer).toHaveAttribute('aria-label', 'im itemcontentcontainer aria');
+    });
+
+    it('02: should have a custom data-testid for each slot', async () => {
+      const root = await DSAccordionNativeCO.getAccordionContainerSlotByIndex();
+      const itemContainer = await DSAccordionNativeCO.getAccordionItemContainerSlotByIndex();
+      const itemDetails = await DSAccordionNativeCO.getAccordionItemDetailsSlotByIndex();
+      const itemSummary = await DSAccordionNativeCO.getAccordionItemSummarySlotByIndex();
+      const itemHeading = await DSAccordionNativeCO.getAccordionItemHeadingSlotByIndex();
+      const itemChevron = await DSAccordionNativeCO.getAccordionItemChevronSlotByIndex();
+      const titlesContainer = await DSAccordionNativeCO.getAccordionItemTitlesContainerSlotByIndex();
+      const primaryTitle = await DSAccordionNativeCO.getAccordionItemPrimaryTitleSlotByIndex();
+      const secondaryTitle = await DSAccordionNativeCO.getAccordionItemSecondaryTitleSlotByIndex();
+      const contentContainer = await DSAccordionNativeCO.getAccordionItemContentContainerSlotByIndex();
+      await contentContainer.waitForDisplayed();
+      await expect(root).toHaveAttribute('data-testid', 'im container data');
+      await expect(itemContainer).toHaveAttribute('data-testid', 'im item container data');
+      await expect(itemDetails).toHaveAttribute('data-testid', 'im itemdetails data');
+      await expect(itemSummary).toHaveAttribute('data-testid', 'im itemsummary data');
+      await expect(itemHeading).toHaveAttribute('data-testid', 'im itemheading data');
+      await expect(itemChevron).toHaveAttribute('data-testid', 'im itemchevron data');
+      await expect(titlesContainer).toHaveAttribute('data-testid', 'im itemtitlecontainer data');
+      await expect(primaryTitle).toHaveAttribute('data-testid', 'im itemprimarytitle data');
+      await expect(secondaryTitle).toHaveAttribute('data-testid', 'im itemsecondarytitle data');
+      await expect(contentContainer).toHaveAttribute('data-testid', 'im itemcontentcontainer data');
+    });
+
+    it('03: should have a custom lang attribute for summary, primary and secondary titles', async () => {
+      const primaryTitle = await DSAccordionNativeCO.getAccordionItemPrimaryTitleSlotByIndex();
+      const secondaryTitle = await DSAccordionNativeCO.getAccordionItemSecondaryTitleSlotByIndex();
+      const summary = await DSAccordionNativeCO.getAccordionItemSummarySlotByIndex();
+      await expect(primaryTitle).toHaveAttribute('lang', 'en-US');
+      await expect(secondaryTitle).toHaveAttribute('lang', 'es-ES');
+      await expect(summary).toHaveAttribute('lang', 'en-US');
+    });
+  });
+}

package/ds-accordion-native/slots/DSAccordionNative.slots.visual.spec.js

@@ -0,0 +1,21 @@
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Percy-aligned with ds-accordion: native consumes the same styleOverrides colors (verified in the
+  // DOM). The diff reflects the slot-tree mapping (native summary/heading/chevron vs accordion
+  // header/header-container/addon), not broken theming. See QA_NOTES.
+  describe('PUI-15348 - Accordion: Slots -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display visually customized-slots (colors) accordion and matchbaseline', async () => {
+      const header = await DSAccordionNativeCO.getAccordionItemPrimaryTitleSlotByIndex(0);
+      await header.click();
+      const content = await DSAccordionNativeCO.getAccordionItemContentContainerSlotByIndex(0);
+      await content.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSAccordionNativeCO.snapshotPath('accordion-native-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-accordion-native/wrapLabel/DSAccordionNative.wrap-label.visual.spec.js

@@ -0,0 +1,21 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Percy-aligned with ds-accordion (story content equivalent). See POC_FINDINGS.md.
+  describe('PUI-17178 - Accordion: wrapLabel -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.wrapLabel.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion title and secondary title wrapped', async () => {
+      await browser.eyesOpen();
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const snapshot = await browser.eyesCheckSnapshot(DSAccordionNativeCO.snapshotPath('accordion-native-wrap-label'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-apppicker/DSAppPickerCO.js

@@ -78,6 +78,6 @@ export default class DSAppPickerCO extends PageObject {
   }
 
   static async getTitleSlotByIndex(index = 0) {
-    return $$('[data-dimsum-slot="dsApppickerTitle"]')[index];
+    return $$('[data-dimsum-parent-slot="dsApppickerTitle"]')[index];
   }
 }

package/ds-autocomplete/DSAutocomplete.visual.spec.js

@@ -18,4 +18,38 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
+  describe('PUI-17180 - Autocomplete:: Floating After Filtering -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.floatingAfterFiltering.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display menu correctly - after filtering', async () => {
+      await browser.keys(Key.Tab);
+      await type('44444-');
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-floating-after-filtering'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display menu correctly - after re filtering', async () => {
+      await type('6');
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-floating-after-re-filtering'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display menu correctly - after backspace', async () => {
+      await browser.keys(Key.Backspace);
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-floating-after-backspace'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
 }

package/ds-autocomplete/DSAutocompleteCO.js

@@ -12,6 +12,8 @@ export default class DSAutocompleteCO extends PageObject {
 
   static sectionTitles = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'with-section-titles-test');
 
+  static floatingAfterFiltering = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'floating-after-filtering');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Autocomplete', example);

package/ds-card-v3/DSCardV3CO.js

@@ -7,6 +7,8 @@ export default class DSCardV3CO extends PageObject {
   // URL's
   static accordionURL = new Urlbuilder(PATH_E2E_CARD_V3, 'accordion-test');
 
+  static accordionAriaURL = new Urlbuilder(PATH_E2E_CARD_V3, 'accordion-aria-test');
+
   static actionURL = new Urlbuilder(PATH_E2E_CARD_V3, 'action-test');
 
   static disabledURL = new Urlbuilder(PATH_E2E_CARD_V3, 'disabled-test');
@@ -90,6 +92,18 @@ export default class DSCardV3CO extends PageObject {
     return $('[data-testid="ds-button"][aria-label="Expand Card Content"]');
   }
 
+  static async getAccordionButton() {
+    return $('button[aria-expanded]');
+  }
+
+  static async getGroupContainer() {
+    return $('[role="group"]');
+  }
+
+  static async getRadioGroupContainer() {
+    return $('[role="radiogroup"]');
+  }
+
   static async getCardHandlerByIndex(index) {
     return $$('button[aria-label="drag and drop gripper"]')[index];
   }

package/ds-card-v3/accordion/DSCardV3.accordion-aria-structure.func.spec.js

@@ -0,0 +1,41 @@
+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-17887 (accordion heading/button/panel ARIA relationship)
+  describe('PUI-18597 - DSCardV3:: accordion ARIA structure - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.accordionAriaURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: button and panel have correct ARIA relationship (controls, labelledby, region, h3 container)', async () => {
+      const button = await DSCardV3CO.getAccordionButton();
+      const panelId = await button.getAttribute('aria-controls');
+      expect(panelId).toBeTruthy();
+      const panel = await $(`#${panelId}`);
+      await expect(panel).toBeExisting();
+      const labelId = await button.getAttribute('aria-labelledby');
+      expect(labelId).toBeTruthy();
+      const title = await $(`#${labelId}`);
+      await expect(title).toBeExisting();
+      await expect(panel).toHaveAttribute('role', 'region');
+      const buttonId = await button.getAttribute('id');
+      await expect(panel).toHaveAttribute('aria-labelledby', buttonId);
+      const h3 = await $('h3');
+      const buttonInsideH3 = await h3.$('button');
+      await expect(buttonInsideH3).toBeExisting();
+    });
+
+    it('02: aria-expanded toggles from false to true after clicking the button', async () => {
+      const button = await DSCardV3CO.getAccordionButton();
+      await expect(button).toHaveAttribute('aria-expanded', 'false');
+      await button.click();
+      await expect(button).toHaveAttribute('aria-expanded', 'true');
+    });
+  });
+}

package/ds-card-v3/disabled/DSCardV3.disabled-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.disabledURL.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-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/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-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 () => {
@@ -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;