dimsum-e2e-tests 3.70.0-next.53 → 3.70.0-next.55

package/ds-controlled-form/ds-controlled-checkbox/Mixed/DSControlledCheckbox.mixed.visual.spec.js

@@ -12,7 +12,7 @@ describe('PUI-7100 - DSControlledCheckbox - Visual Test - mixed', () => {
     await checkbox1.click();
     await checkbox1.click();
     await mouseOver(checkbox2);
-    const snapshot = await browser.checkSnapshot(DSControlledCheckboxCO.snapshotPath('checkbox-mixed'));
+    const snapshot = await browser.percyCheckScreenshot();
     await expect(snapshot).toEqual(0);
   });
 });

package/ds-controlled-form/ds-controlled-checkbox/ReadOnly/DSControlledCheckbox.axe-core.read-only.func.spec.js

@@ -17,18 +17,18 @@ if (
       const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(0);
       await checkbox.waitForExist();
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
     it('02: Evaluate checkbox accessibility with axe-core (focused)', async () => {
       await browser.keys(Key.Tab);
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
     it('03: Evaluate checkbox accessibility with axe-core (hovered)', async () => {
       const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(0);
       await mouseOver(checkbox);
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
   });
 }

package/ds-controlled-form/ds-controlled-checkbox/ReadOnly/DSControlledCheckbox.read-only.visual.spec.js

@@ -14,7 +14,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await checkbox1.click();
       await checkbox1.click();
       await mouseOver(checkbox2);
-      const snapshot = await browser.eyesCheckSnapshot(DSControlledCheckboxCO.snapshotPath('checkbox-readOnly'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-controlled-form/ds-controlled-checkbox/WithTooltip/DSControlledCheckbox.axe-core.with-tooltip.func.spec.js

@@ -16,7 +16,7 @@ if (
       const checkboxLabel = await DSControlledCheckboxCO.getCheckboxLabelByIndex(4);
       await mouseOver(checkboxLabel);
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
   });
 }

package/ds-controlled-form/ds-controlled-checkbox/WithTooltip/DSControlledCheckbox.with-tooltip.visual.spec.js

@@ -11,9 +11,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       const checkboxLabel = await DSControlledCheckboxCO.getCheckboxLabelByIndex(4);
       await mouseOver(checkboxLabel);
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSControlledCheckboxCO.snapshotPath('checkbox-tooltip-longword'),
-      );
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-controlled-form/ds-controlled-checkbox/WrapLabel/DSControlledCheckbox.axe-core.wrap-label.func.spec.js

@@ -16,7 +16,7 @@ if (
       const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(0);
       await checkbox.waitForExist();
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
   });
 }

package/ds-controlled-form/ds-controlled-checkbox/WrapLabel/DSControlledCheckbox.wrap-label.visual.spec.js

@@ -10,7 +10,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(1);
       await checkbox.waitForExist();
-      const snapshot = await browser.eyesCheckSnapshot(DSControlledCheckboxCO.snapshotPath('checkbox-wrapped'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-controlled-form/ds-controlled-checkbox/aria-disabled/DSControlledCheckbox.aria-disabled.visual.spec.js

@@ -11,18 +11,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       const firstcheckbox = await DSControlledCheckboxCO.getCheckboxByIndex(0);
       await firstcheckbox.click();
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSControlledCheckboxCO.snapshotPath('checkbox-aria-disabled-mouse'),
-      );
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
     it('02: The second aria-disabled checkbox should be focused - KB nav', async () => {
       await browser.eyesOpen();
       await browser.keys(Key.Tab);
       await browser.keys(Key.Enter);
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSControlledCheckboxCO.snapshotPath('checkbox-aria-disabled-kb-nav'),
-      );
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-controlled-form/ds-controlled-checkbox/aria-disabled/DSControlledCheckbox.axe-core.aria-disabled.func.spec.js

@@ -18,7 +18,7 @@ if (
       const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(1);
       await checkbox.click();
       const result = await axeCoreCheck();
-      await expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
   });
 }

package/ds-controlled-form/ds-controlled-checkbox-group/DSControlledCheckboxGroup.axe-core.func.spec.js

@@ -18,24 +18,24 @@ if (
       const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(0);
       await checkbox.waitForExist();
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
     it('02: Evaluate checkbox accessibility with axe-core (focused)', async () => {
       await browser.keys(Key.Tab);
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
     it('03: Evaluate checkbox accessibility with axe-core (hovered)', async () => {
       const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(10);
       await mouseOver(checkbox);
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
     it('04: Evaluate checkbox accessibility with axe-core (clicked)', async () => {
       const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(10);
       await checkbox.click();
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
   });
 }

package/ds-controlled-form/ds-controlled-checkbox-group/DSControlledCheckboxGroup.visual.spec.js

@@ -11,7 +11,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(1);
       await checkbox.waitForExist();
-      const snapshot = await browser.eyesCheckSnapshot(DSControlledCheckboxCO.snapshotPath('checkbox-layout'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-data-table-async/filtersV2/DSDataTable.filtersV2-creatablemultiselect.keyboard.func.spec.js

@@ -5,7 +5,7 @@ import { FiltersCO } from '../components';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   // Forward keyboard navigation
-  describe('PUI-XXXXX - DataTable:: Filters V2 - Creatable Multi Select, forward keyboard navigation', () => {
+  describe('PUI-18203 - DataTable:: Filters V2 - Creatable Multi Select, forward keyboard navigation', () => {
     before('loading page', async () => {
       const errorOnGo = await DSDataTableCO.creatableMultiSelectFilterV2.go();
       if (errorOnGo) throw errorOnGo;
@@ -38,7 +38,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
   });
 
   // Backward keyboard navigation
-  describe('PUI-XXXXX - DataTable:: Filters V2 - Creatable Multi Select, backward keyboard navigation', () => {
+  describe('PUI-18204 - DataTable:: Filters V2 - Creatable Multi Select, backward keyboard navigation', () => {
     before('loading page', async () => {
       const errorOnGo = await DSDataTableCO.creatableMultiSelectFilterV2.go();
       if (errorOnGo) throw errorOnGo;

package/ds-data-table-async/filtersV2/DSDataTable.filtersV2-creatableselect.keyboard.func.spec.js

@@ -5,7 +5,7 @@ import { FiltersCO } from '../components';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   // Forward keyboard navigation
-  describe('PUI-XXXXX - DataTable:: Filters V2 - Creatable Select, forward keyboard navigation', () => {
+  describe('PUI-18201 - DataTable:: Filters V2 - Creatable Select, forward keyboard navigation', () => {
     before('loading page', async () => {
       const errorOnGo = await DSDataTableCO.creatableSelectFilterV2.go();
       if (errorOnGo) throw errorOnGo;
@@ -38,7 +38,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
   });
 
   // Backward keyboard navigation
-  describe('PUI-XXXXX - DataTable:: Filters V2 - Creatable Select, backward keyboard navigation', () => {
+  describe('PUI-18202 - DataTable:: Filters V2 - Creatable Select, backward keyboard navigation', () => {
     before('loading page', async () => {
       const errorOnGo = await DSDataTableCO.creatableSelectFilterV2.go();
       if (errorOnGo) throw errorOnGo;

package/ds-data-table-async/pagination/DSDataTable.pagination.func.spec.js

@@ -14,8 +14,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('01: should have the previous page button disabled', async () => {
       const prevPageBt = await PaginationNavCO.getPrevPageBt();
-      const disabled = await prevPageBt.getAttribute('aria-disabled');
-      await expect(disabled).toBe('true');
+      // DSButtonV3 renders the native `disabled` attribute and intentionally omits aria-disabled
+      // (that is reserved for applyAriaDisabled/readOnly), so assert the native disabled state.
+      await expect(prevPageBt).toBeDisabled();
     });
     it('02: should expand the dropdown menu of the pages per component when clicking its button', async () => {
       const elemsPerPage = await PaginationNavCO.getElemsPerPageMenu();

package/ds-data-table-async/resizable/DSDataTable.resizerA11y.func.spec.js

@@ -54,6 +54,13 @@ if (
       const resizer = await HeaderCO.getResizer(1);
       await expect(resizer).toBeFocused();
 
+      // Disclosure guard. At rest every handle is tabindex="-1" + aria-hidden="true" (isReachable
+      // false), so the ARIA contract test 01 asserts is correct but not yet perceivable — by design,
+      // to keep idle resizers out of the AT tree. Once focused the handle must be exposed: a focused
+      // element left aria-hidden is a real a11y defect, and toBeFocused() alone would still pass.
+      await expect(resizer).toHaveAttribute('tabindex', '0');
+      expect(await resizer.getAttribute('aria-hidden')).toBe(null);
+
       const before = Number(await resizer.getAttribute('aria-valuenow'));
       await browser.keys(Key.ArrowRight);
       await browser.waitUntil(async () => Number(await resizer.getAttribute('aria-valuenow')) > before, {
@@ -97,6 +104,13 @@ if (
       const resizer = await HeaderCO.getResizer(1);
       await expect(resizer).toBeFocused();
 
+      // Disclosure guard. At rest every handle is tabindex="-1" + aria-hidden="true" (isReachable
+      // false), so the ARIA contract test 01 asserts is correct but not yet perceivable — by design,
+      // to keep idle resizers out of the AT tree. Once focused the handle must be exposed: a focused
+      // element left aria-hidden is a real a11y defect, and toBeFocused() alone would still pass.
+      await expect(resizer).toHaveAttribute('tabindex', '0');
+      expect(await resizer.getAttribute('aria-hidden')).toBe(null);
+
       const before = Number(await resizer.getAttribute('aria-valuenow'));
       await browser.keys(Key.ArrowRight);
       await browser.waitUntil(async () => Number(await resizer.getAttribute('aria-valuenow')) > before, {

package/ds-data-table-async/vissibility/DSDataTable.vissibility.visual.spec.js

@@ -74,6 +74,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.Return);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Return);
       await FiltersCO.openFilterPopperByColumnName('name', 0);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);

package/ds-dataviz/DSDataVizCO.js

@@ -25,6 +25,8 @@ export default class DSDatePickerCO extends PageObject {
 
   static timeLinearAxis = new Urlbuilder(PATH_E2E_DATAVIZ_AXIS, 'time-linear-axis-test');
 
+  static timeLinearAxisAxe = new Urlbuilder(PATH_E2E_DATAVIZ_AXIS, 'time-linear-axis-axe-test');
+
   // area
 
   static basicArea = new Urlbuilder(PATH_E2E_DATAVIZ_AREA, 'basic-area-test');

package/ds-dataviz/axecore/DSDataViz.axis.axe-core.func.spec.js

@@ -29,7 +29,7 @@ if (
 
   describe('PUI-11371 - DSDataViz, TimeLinear axis -AxeCore', () => {
     before('loading page', async () => {
-      const errorOnGo = await DSDataVizCO.timeLinearAxis.go();
+      const errorOnGo = await DSDataVizCO.timeLinearAxisAxe.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display a chart with time-linear axis and pass axe-core scan', async () => {

package/ds-form-combobox-multi/DSComboboxMultiCO.js

@@ -37,6 +37,8 @@ export default class DSComboboxMultiCO extends PageObject {
 
   static inlineTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'inline-test');
 
+  static withTooltip = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'with-tooltip-test');
+
   static controlledMenuStateWithSectionsSlotsTest = new Urlbuilder(
     PATH_E2E_COMBOBOX_MULTI_SLOTS,
     'controlled-menu-state-with-section-slots-test',
@@ -136,6 +138,15 @@ export default class DSComboboxMultiCO extends PageObject {
     return $$('[data-testid="ds-pill-close-icon"]')[index];
   }
 
+  static async getPillsByComboboxIndex(index) {
+    const selectedValues = await this.getSelectedValuesByIndex(index);
+    return selectedValues.$$('[data-testid="ds-pill-wrapper"]');
+  }
+
+  static async getPillCloseBtnByPillLabel(label) {
+    return $(`[data-testid="ds-pill-wrapper"][data-label="${label}"] [data-testid="ds-pill-close-icon"]`);
+  }
+
   // OPTIONS
   static async getOptionByLabel(label) {
     return $(`//li[@data-testid="combobox-option"]//span[contains(text(), "${label}")]/ancestor::li`);

package/ds-form-combobox-multi/pills/DSComboboxMulti.pills.func.spec.js

@@ -0,0 +1,59 @@
+import { Key } from 'webdriverio';
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+
+// Reproduces PUI-17870 on the exact surface it was reported on: the SECOND combobox of the
+// `apply-aria-disabled-test` story, whose container is enabled while its two selected values carry
+// per-item state — "Padme Amidala (pill aria-disabled)" (applyAriaDisabled) and
+// "Han Solo (disabled)" (disabled). Both pills stay type `removable`, so their remove button is
+// rendered, and neither must be removable. Fix originally shipped with PUI-17861.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18843 - ComboboxMulti:: per-item disabled and aria-disabled pills - Func', () => {
+    const ARIA_DISABLED_PILL = 'Padme Amidala (pill aria-disabled)';
+    const DISABLED_PILL = 'Han Solo (disabled)';
+
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.applyAriaDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should reflect each per-item state on its own remove button', async () => {
+      const ariaDisabledCloseBtn = await DSComboboxMultiCO.getPillCloseBtnByPillLabel(ARIA_DISABLED_PILL);
+      await ariaDisabledCloseBtn.waitForDisplayed();
+      const disabledCloseBtn = await DSComboboxMultiCO.getPillCloseBtnByPillLabel(DISABLED_PILL);
+      const pills = await DSComboboxMultiCO.getPillsByComboboxIndex(1);
+
+      await expect(pills.length).toEqual(2);
+      await expect(ariaDisabledCloseBtn).toHaveAttribute('aria-disabled', 'true');
+      await expect(ariaDisabledCloseBtn).toBeEnabled();
+      await expect(disabledCloseBtn).toBeDisabled();
+    });
+
+    it('02: should not remove the disabled pill when its remove button is clicked', async () => {
+      const disabledCloseBtn = await DSComboboxMultiCO.getPillCloseBtnByPillLabel(DISABLED_PILL);
+      await disabledCloseBtn.click();
+
+      const pills = await DSComboboxMultiCO.getPillsByComboboxIndex(1);
+      const disabledCloseBtnAfterClick = await DSComboboxMultiCO.getPillCloseBtnByPillLabel(DISABLED_PILL);
+
+      await expect(pills.length).toEqual(2);
+      await expect(disabledCloseBtnAfterClick).toBeExisting();
+    });
+
+    it('03: should not remove the aria-disabled pill when its remove button is clicked', async () => {
+      const ariaDisabledCloseBtn = await DSComboboxMultiCO.getPillCloseBtnByPillLabel(ARIA_DISABLED_PILL);
+      await ariaDisabledCloseBtn.click();
+
+      // The guarded remove handler returns before stopping propagation, so the click reaches the
+      // combobox and opens its menu — expected, the container itself is not disabled.
+      const menuList = await DSComboboxMultiCO.getMenuList();
+      await menuList.waitForDisplayed();
+      await browser.keys(Key.Escape);
+
+      const pills = await DSComboboxMultiCO.getPillsByComboboxIndex(1);
+      const ariaDisabledCloseBtnAfterClick = await DSComboboxMultiCO.getPillCloseBtnByPillLabel(ARIA_DISABLED_PILL);
+
+      await expect(pills.length).toEqual(2);
+      await expect(ariaDisabledCloseBtnAfterClick).toBeExisting();
+    });
+  });
+}

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

@@ -0,0 +1,39 @@
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+import { mouseOver } from '../../helpers';
+
+// Reproduces the visual half of PUI-17870 on the surface it was reported on: the SECOND combobox of
+// the `apply-aria-disabled-test` story, whose container is enabled while its two selected values
+// carry per-item state. Both pills keep their remove button, and neither must paint the hover
+// background nor the brand icon color that an enabled pill does. Fix shipped with PUI-17861.
+// Applitools Eyes is used instead of Percy on purpose: Percy serializes the DOM and re-renders it
+// without a pointer, so a CSS-only `:hover` state would be lost from the snapshot.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18844 - ComboboxMulti:: per-item pill remove button hover - Visual', () => {
+    const ARIA_DISABLED_PILL = 'Padme Amidala (pill aria-disabled)';
+    const DISABLED_PILL = 'Han Solo (disabled)';
+
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.applyAriaDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should keep the aria-disabled pill remove button dimmed with no hover background', async () => {
+      await browser.eyesOpen();
+      const closeBtn = await DSComboboxMultiCO.getPillCloseBtnByPillLabel(ARIA_DISABLED_PILL);
+      await closeBtn.waitForDisplayed();
+      await mouseOver(closeBtn);
+      const snapshotName = 'combobox-multi-pill-remove-hover-aria-disabled';
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxMultiCO.snapshotPath(snapshotName));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should keep the disabled pill remove button dimmed with no hover background', async () => {
+      await browser.eyesOpen();
+      const closeBtn = await DSComboboxMultiCO.getPillCloseBtnByPillLabel(DISABLED_PILL);
+      await mouseOver(closeBtn);
+      const snapshotName = 'combobox-multi-pill-remove-hover-disabled';
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxMultiCO.snapshotPath(snapshotName));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-combobox-multi/with-tooltip/DSComboboxMulti.with-tooltip.axe-core.func.spec.js

@@ -0,0 +1,39 @@
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+import DSTooltipV3CO from '../../ds-tooltip-v3/DSTooltipV3CO';
+import { axeCoreCheck, mouseOver } from '../../helpers';
+
+// Remediation for PUI-18660: the accessible path to the truncated values 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-18814 - ComboboxMulti:: aria-disabled truncated values tooltip - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.withTooltip.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no violations at rest (aria-disabled combobox + describedby wiring)', async () => {
+      const combobox = await DSComboboxMultiCO.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 DSComboboxMultiCO.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-multi/with-tooltip/DSComboboxMulti.with-tooltip.func.spec.js

@@ -0,0 +1,39 @@
+import { Key } from 'webdriverio';
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+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 values 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-18813 - ComboboxMulti:: aria-disabled truncated values tooltip - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.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 values via tooltip on hover', async () => {
+      const combobox = await DSComboboxMultiCO.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-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

@@ -43,6 +43,8 @@ export default class DSComboboxSingleCO extends PageObject {
 
   static creatableTest = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'creatable-test');
 
+  static withTooltip = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'with-tooltip-test');
+
   // COMBOBOX - INPUT
   static async getCombobox() {
     return $('[data-testid="combobox-container"]');

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-hooks/DSHook.usetree.func.spec.js

@@ -107,8 +107,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const drillFirstItemBtn = await DSHookCO.getDrillThisBtnByIndex(0);
       await drillFirstItemBtn.click();
       const drillFirstChildBtn = await DSHookCO.getDrillThisBtnByIndex(0);
-      const isDisabled = await drillFirstChildBtn.getAttribute('aria-disabled');
-      await expect(isDisabled).toBe('true');
+      // Since PUI-17909 DSButtonV2 renders the native `disabled` attribute and intentionally omits
+      // aria-disabled (that is reserved for applyAriaDisabled/readOnly), so assert the native disabled state.
+      await expect(drillFirstChildBtn).toBeDisabled();
     });
   });
 }