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

package/ds-form-combobox-multi/with-tooltip/DSComboboxMulti.with-tooltip.visual.spec.js

@@ -0,0 +1,29 @@
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+import DSTooltipV3CO from '../../ds-tooltip-v3/DSTooltipV3CO';
+import { mouseOver } from '../../helpers';
+
+// Visual coverage for the PUI-18660 remediation: the DSTooltipV3 opened over an aria-disabled
+// ComboboxMulti must render on top and correctly positioned (not occluded, clipped or misplaced).
+// Occlusion/positioning regressions are invisible to func/axe (toBeDisplayed ignores stacking),
+// so they are captured here with a Percy snapshot of the open tooltip.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18817 - ComboboxMulti:: aria-disabled truncated values tooltip - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.withTooltip.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render the tooltip positioned over the aria-disabled combobox', async () => {
+      const combobox = await DSComboboxMultiCO.getComboboxWrapper();
+      await mouseOver(combobox);
+
+      const tooltip = await DSTooltipV3CO.getTooltip();
+      await tooltip.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot(
+        DSComboboxMultiCO.snapshotPath('combobox-multi-aria-disabled-tooltip'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-combobox-single/DSComboboxSingleCO.js

@@ -4,6 +4,10 @@ import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSComboboxSingleCO extends PageObject {
   // STORIES
+  static loadingTest = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'loading-test');
+
+  static skeletonTest = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'skeleton-test');
+
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'apply-aria-disabled-test');
 
   static readOnly = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'read-only-test');
@@ -33,6 +37,16 @@ export default class DSComboboxSingleCO extends PageObject {
 
   static disabled = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'disabled-test');
 
+  static grouped = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'grouped-test');
+
+  static inlineTest = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'inline-test');
+
+  static creatableTest = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'creatable-test');
+
+  static withTooltip = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'with-tooltip-test');
+
+  static themeFontURL = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'theme-font-family-test');
+
   // COMBOBOX - INPUT
   static async getCombobox() {
     return $('[data-testid="combobox-container"]');
@@ -66,14 +80,6 @@ export default class DSComboboxSingleCO extends PageObject {
     return $$('[data-testid="combobox-input"]')[index];
   }
 
-  static async getComboboxHiddenInput() {
-    return $('input[aria-hidden="true"]');
-  }
-
-  static async getComboboxHiddenInputByIndex(index) {
-    return $$('input[aria-hidden="true"]')[index];
-  }
-
   static async getSelectedValues() {
     return $('[data-testid="combobox-selected-values"]');
   }
@@ -244,7 +250,7 @@ export default class DSComboboxSingleCO extends PageObject {
   }
 
   static async getComboboxSectionLabelByIndex(index) {
-    return $$('[data-dimsum-slot="dsComboboxSectionLabel"]')[index];
+    return $$('[data-dimsum-parent-slot="dsComboboxSectionLabel"]')[index];
   }
 
   static async getComboboxSectionWrapperSlotByIndex(index) {
@@ -271,4 +277,14 @@ export default class DSComboboxSingleCO extends PageObject {
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSComboboxV3', example, 'ds-combobox');
   }
+
+  // The selection text renders through styled(DSTypography), so the owner slot lands on
+  // `data-dimsum-parent-slot` (the element's own `data-dimsum-slot` is the typography root).
+  static async getThemedSelection() {
+    return $('[data-testid="theme-font-sentinel"] [data-dimsum-parent-slot="dsComboboxSelection"]');
+  }
+
+  static async getFallbackSelection() {
+    return $('[data-testid="theme-font-fallback"] [data-dimsum-parent-slot="dsComboboxSelection"]');
+  }
 }

package/ds-form-combobox-single/aria-busy-loading/DSComboboxSingle.aria-busy-loading.axe-core.func.spec.js

@@ -0,0 +1,49 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+import { axeCoreCheck } from '../../helpers';
+
+// Tests for the fix introduced in PUI-18034
+// (busy listbox with aria-busy + aria-label so screen readers announce the
+// in-progress state via the input's aria-controls linkage; this spec verifies
+// the busy listbox surface passes axe-core).
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18474 - ComboboxSingle:: busy listbox while isLoading - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.loadingTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: busy listbox while isLoading should pass axe-core scan', async () => {
+      const dropdownMenuBtn = await DSComboboxSingleCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const listbox = await DSComboboxSingleCO.getComboListbox();
+      await listbox.waitForExist();
+
+      const result = await axeCoreCheck({ extraDisabledRules: ['scrollable-region-focusable'] });
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18475 - ComboboxSingle:: busy listbox while isSkeleton - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.skeletonTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: busy listbox while isSkeleton should pass axe-core scan', async () => {
+      const dropdownMenuBtn = await DSComboboxSingleCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const listbox = await DSComboboxSingleCO.getComboListbox();
+      await listbox.waitForExist();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-form-combobox-single/aria-busy-loading/DSComboboxSingle.aria-busy-loading.func.spec.js

@@ -0,0 +1,54 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+// Tests for the fix introduced in PUI-18034
+// (carries aria-busy + aria-label on the listbox during loading/skeleton so
+// screen readers announce the in-progress state via the input's aria-controls
+// linkage; replaces the prior racing assertive live region).
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18445 - ComboboxSingle:: busy listbox while isLoading - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.loadingTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: listbox is aria-busy with aria-label and input aria-controls links to it', async () => {
+      const dropdownMenuBtn = await DSComboboxSingleCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const listbox = await DSComboboxSingleCO.getComboListbox();
+      await listbox.waitForExist();
+
+      await expect(listbox).toHaveAttribute('role', 'listbox');
+      await expect(listbox).toHaveAttribute('aria-busy', 'true');
+      await expect(listbox).toHaveAttribute('aria-label', 'Loading options please wait');
+
+      const listboxId = await listbox.getAttribute('id');
+      const input = await DSComboboxSingleCO.getComboboxInput();
+      await expect(input).toHaveAttribute('aria-controls', listboxId);
+    });
+  });
+
+  describe('PUI-18446 - ComboboxSingle:: busy listbox while isSkeleton - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.skeletonTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: listbox is aria-busy with aria-label', async () => {
+      const dropdownMenuBtn = await DSComboboxSingleCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const listbox = await DSComboboxSingleCO.getComboListbox();
+      await listbox.waitForExist();
+
+      await expect(listbox).toHaveAttribute('role', 'listbox');
+      await expect(listbox).toHaveAttribute('aria-busy', 'true');
+      await expect(listbox).toHaveAttribute('aria-label', 'Loading options please wait');
+    });
+  });
+}

package/ds-form-combobox-single/aria-disabled/DSComboboxSingle.aria-disabled.visual.spec.js

@@ -1,6 +1,8 @@
 /* eslint-disable max-lines */
 import { Key } from 'webdriverio';
 import DSComboboxSingleCO from '../DSComboboxSingleCO';
+import DSControlledCheckboxCO from '../../ds-controlled-form/ds-controlled-checkbox/DSControlledCheckboxCO';
+import { mouseOver } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-14367 - ComboboxSingle:: applyAriaDisabled prop - visual', () => {
@@ -16,5 +18,21 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       );
       await expect(snapshot).toEqual(0);
     });
+    // PUI-15476: aria-disabled item text color must change to n600 on hover
+    it('02: listbox with aria-disabled item hovered should display n600 text color', async () => {
+      await browser.eyesOpen();
+      const checkbox = await DSControlledCheckboxCO.getCheckbox();
+      await checkbox.click();
+      const combobox = await DSComboboxSingleCO.getCombobox();
+      await combobox.click();
+      const menuList = await DSComboboxSingleCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const ariaDisabledOption = await DSComboboxSingleCO.getOptionByIndex(1);
+      await mouseOver(ariaDisabledOption);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-aria-disabled-item-hovered'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
   });
 }

package/ds-form-combobox-single/creatable/DSComboboxSingle.creatable.visual.spec.js

@@ -0,0 +1,30 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+// Tests for the fix introduced in PUI-15423 (creatable "ADD:" option restyled per spec:
+// uppercased label, 16px horizontal padding from the menu item wrapper, and correct vertical
+// spacing). Typing a value that matches no existing option surfaces the creatable add option
+// as the first menu item. The multi-select equivalent is covered by MultipleCreatableTest.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18658 - ComboboxSingle:: creatable add option styling -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.creatableTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display the creatable add option with uppercased label and spec spacing', async () => {
+      const input = await DSComboboxSingleCO.getComboboxInput();
+      await input.setValue('Grogu');
+
+      const menuList = await DSComboboxSingleCO.getMenuList();
+      await menuList.waitForDisplayed();
+
+      const addOption = await DSComboboxSingleCO.getOptionByIndex(0);
+      await addOption.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-creatable-add-option'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-combobox-single/disabled/DSComboboxSingle.disabled.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+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-18476 - ComboboxSingle:: disabled - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.disabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: disabled combobox should pass axe-core scan', async () => {
+      const combobox = await DSComboboxSingleCO.getComboboxByIndex(0);
+      await combobox.waitForExist();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-form-combobox-single/disabled/DSComboboxSingle.disabled.mouse.func.spec.js

@@ -11,10 +11,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: combobox single disabled should not be focused - clicking Input', async () => {
       const combobox = await DSComboboxSingleCO.getComboboxByIndex(0);
       const input = await DSComboboxSingleCO.getComboboxInputByIndex(0);
-      const hiddenInput = await DSComboboxSingleCO.getComboboxHiddenInputByIndex(0);
       await combobox.click();
       await expect(input).not.toBeFocused();
-      await expect(hiddenInput).not.toBeFocused();
     });
     it('02: listbox should not be displayed when combobox is disabled', async () => {
       await browser.keys(Key.ArrowDown);

package/ds-form-combobox-single/disabled/DSComboboxSingle.disabled.visual.spec.js

@@ -0,0 +1,22 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+// Tests for the fixes in PUI-15502 (disabled input hint/value font color = neutral-600)
+// and PUI-15578 (dropdown chevron fill = neutral-400 in the disabled state).
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18570 - ComboboxSingle:: Disabled -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.disabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display disabled combobox with dimmed value text and chevron', async () => {
+      const combobox = await DSComboboxSingleCO.getCombobox();
+      await combobox.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-disabled-input'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-combobox-single/grouped/DSComboboxSingle.grouped.visual.spec.js

@@ -0,0 +1,45 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+// Tests for the fixes introduced in PUI-15487 (group/section label styled per the
+// b3-strong spec — bold, neutral color, 32px row) and PUI-15473 (single menu item
+// idle label color set to neutral-700; disabled options fall through to the muted
+// disabledOption color). The open grouped menu surfaces all of these at once.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18568 - ComboboxSingle:: Grouped -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.grouped.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display grouped menu with section labels, idle and disabled option text', async () => {
+      const menuList = await DSComboboxSingleCO.getMenuList();
+      await menuList.waitForDisplayed();
+
+      const sectionLabel = await DSComboboxSingleCO.getComboboxSectionLabelByIndex(0);
+      await sectionLabel.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-grouped-menu'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display grouped menu with a selected option highlighted', async () => {
+      const option = await DSComboboxSingleCO.getOptionByIndex(0);
+      await option.click();
+
+      // single select closes the controlled menu on selection — reopen to capture
+      // the selected option styling inside the open listbox.
+      const dropdownMenuBtn = await DSComboboxSingleCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const menuList = await DSComboboxSingleCO.getMenuList();
+      await menuList.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-grouped-menu-selected'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-combobox-single/inline/DSComboboxSingle.inline.visual.spec.js

@@ -0,0 +1,23 @@
+/* eslint-disable max-lines */
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for the fix introduced in PUI-15481 (inline padding 8px top/bottom — was 10px)
+  describe('PUI-18559 - ComboboxSingle:: inline config padding - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.inlineTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: inline combobox should render with the corrected 8px padding', async () => {
+      await browser.eyesOpen();
+      const pillDropdownBtn = await DSComboboxSingleCO.getPillDropDownBtn();
+      await pillDropdownBtn.click();
+      const menuList = await DSComboboxSingleCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-inline-padding'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-combobox-single/skeleton/DSComboboxSingle.skeleton.visual.spec.js

@@ -0,0 +1,25 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+// Tests for the fix introduced in PUI-15485 (skeleton menu items render with the
+// correct region fill — neutral-080 — and a 1px corner radius per the menu spec).
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18569 - ComboboxSingle:: Skeleton -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.skeletonTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display skeleton menu items with region fill and corner radius', async () => {
+      const dropdownMenuBtn = await DSComboboxSingleCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const skeletonMenuItem = await DSComboboxSingleCO.getComboboxSkeletonMenuItem();
+      await skeletonMenuItem.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-skeleton-menu'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-combobox-single/theme-font/DSComboboxSingle.theme-font.func.spec.js

@@ -0,0 +1,34 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+// Tests the theme-driven font-family mechanism covered by the combobox theming spike PUI-18214
+// (the selection text renders through DSTypography, which reads theme.fonts.default, falling
+// back to proxima-nova). Theme-agnostic: uses a sentinel font, never the dsConsumer POC theme
+// values, so it survives any future theme change.
+// Out of scope on purpose: the native <input> that holds typed text mirrors b2 as raw CSS and
+// declares no font-family, so it does NOT follow theme.fonts.default (measured under the sentinel
+// theme it still computes proxima-nova, i.e. the inherited page font, while the selection text
+// switches). Asserting it here would lock in that gap; it is reported separately instead.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18973 - ComboboxSingle:: theme font-family wiring - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.themeFontURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should read selection font-family from theme with proxima-nova fallback', async () => {
+      const themed = await DSComboboxSingleCO.getThemedSelection();
+      await themed.waitForDisplayed();
+      const themedFont = (await themed.getCSSProperty('font-family')).value.toLowerCase();
+      await expect(themedFont).toContain('sentinelfont');
+
+      const fallback = await DSComboboxSingleCO.getFallbackSelection();
+      const fallbackFont = (await fallback.getCSSProperty('font-family')).value.toLowerCase();
+      await expect(fallbackFont).toContain('proxima-nova');
+    });
+  });
+}

package/ds-form-combobox-single/with-tooltip/DSComboboxSingle.with-tooltip.axe-core.func.spec.js

@@ -0,0 +1,39 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+import DSTooltipV3CO from '../../ds-tooltip-v3/DSTooltipV3CO';
+import { axeCoreCheck, mouseOver } from '../../helpers';
+
+// Remediation for PUI-18660: the accessible path to the truncated value is the DSTooltipV3 wrapping
+// the aria-disabled combobox, so the axe scan must cover the tooltip while it is OPEN (its DOM only
+// exists then) — not just the resting markup.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18816 - ComboboxSingle:: aria-disabled truncated value tooltip - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.withTooltip.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no violations at rest (aria-disabled combobox + describedby wiring)', async () => {
+      const combobox = await DSComboboxSingleCO.getComboboxWrapper();
+      await combobox.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+
+    it('02: should have no violations with the tooltip open over the combobox', async () => {
+      const combobox = await DSComboboxSingleCO.getComboboxWrapper();
+      await mouseOver(combobox);
+
+      const tooltip = await DSTooltipV3CO.getTooltip();
+      await tooltip.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-form-combobox-single/with-tooltip/DSComboboxSingle.with-tooltip.func.spec.js

@@ -0,0 +1,39 @@
+import { Key } from 'webdriverio';
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+import DSTooltipV3CO from '../../ds-tooltip-v3/DSTooltipV3CO';
+import { mouseOver } from '../../helpers';
+
+// Remediation for PUI-18660: the combobox no longer renders its own truncation tooltip. In an
+// aria-disabled combobox the menu cannot be opened, so the only accessible path to the full,
+// truncated selected value is the consumer-provided DSTooltipV3 wrapping the combobox.
+const FULL_VALUE = 'Luke Skywalker too long this text is super long';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18815 - ComboboxSingle:: aria-disabled truncated value tooltip - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.withTooltip.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should not display the tooltip before hover', async () => {
+      const tooltip = await DSTooltipV3CO.getTooltip();
+      await expect(tooltip).not.toBeDisplayed();
+    });
+
+    it('02: should reveal the full selected value via tooltip on hover', async () => {
+      const combobox = await DSComboboxSingleCO.getComboboxWrapper();
+      await mouseOver(combobox);
+
+      const tooltip = await DSTooltipV3CO.getTooltip();
+      await expect(tooltip).toBeDisplayed();
+      await expect(tooltip).toHaveText(expect.stringContaining(FULL_VALUE));
+    });
+
+    it('03: should hide the tooltip on pressing Escape', async () => {
+      await browser.keys(Key.Escape);
+
+      const tooltip = await DSTooltipV3CO.getTooltip();
+      await expect(tooltip).not.toBeDisplayed();
+    });
+  });
+}

package/ds-form-combobox-single/with-tooltip/DSComboboxSingle.with-tooltip.visual.spec.js

@@ -0,0 +1,29 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+import DSTooltipV3CO from '../../ds-tooltip-v3/DSTooltipV3CO';
+import { mouseOver } from '../../helpers';
+
+// Visual coverage for the PUI-18660 remediation: the DSTooltipV3 opened over an aria-disabled
+// ComboboxSingle must render on top and correctly positioned (not occluded, clipped or misplaced).
+// Occlusion/positioning regressions are invisible to func/axe (toBeDisplayed ignores stacking),
+// so they are captured here with a Percy snapshot of the open tooltip.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18818 - ComboboxSingle:: aria-disabled truncated value tooltip - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.withTooltip.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render the tooltip positioned over the aria-disabled combobox', async () => {
+      const combobox = await DSComboboxSingleCO.getComboboxWrapper();
+      await mouseOver(combobox);
+
+      const tooltip = await DSTooltipV3CO.getTooltip();
+      await tooltip.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-aria-disabled-tooltip'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-date-range-picker/DateRangePicker.axe-core.spec.js

@@ -17,6 +17,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('02: should have expanded calendar, empty input and pass axe-core scan', async () => {
       const calendarTrigger = await DateRangePickerCO.getPickerBtn();
       await calendarTrigger.click();
+      // PUI-15571: the calendar popover must be announced as a dialog (it used to expose
+      // role="region"), with an accessible name (WCAG 4.1.2 Name, Role, Value).
+      const dialog = await DateRangePickerCO.getCalendarDialog();
+      await expect(dialog).toHaveAttribute('role', 'dialog');
+      await expect(dialog).toHaveAttribute('aria-label', 'calendar header');
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });