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

package/ds-chat/components/index.js

@@ -1,8 +1,9 @@
 import BubbleCO from './BubbleCO';
+import CardCO from './CardCO';
 import FloatingButtonCO from './FloatingButtonCO';
-import TileCO from '../../ds-chat-tile/TileCO';
+import TileCO from './TileCO';
 import HeaderCO from './HeaderCO';
 import ComposerCO from './ComposerCO';
 import ChatCO from '../DSChatCO';
 import StoryBtnsCO from './StoryBtnsCO';
-export { BubbleCO, FloatingButtonCO, TileCO, HeaderCO, ComposerCO, ChatCO, StoryBtnsCO };
+export { BubbleCO, CardCO, FloatingButtonCO, TileCO, HeaderCO, ComposerCO, ChatCO, StoryBtnsCO };

package/ds-chat/loadmore/DSChat-loadmore.func.spec.js

@@ -21,7 +21,7 @@ if (!browser.capabilities['ice:options'].isPhone) {
       await browser.pause(2000);
       const howManyMsgs = (await DSChatCO.getBubbleContainers()).length;
       await expect(howManyMsgs).toEqual(20);
-      await expect(bubble0).toBeDisplayedInViewport();
+      await expect(bubble0).toBeDisplayed();
     });
   });
 }

package/{ds-chat-tile → ds-chat/tile}/DSChat-tile.axe-core.func.spec.js

@@ -1,6 +1,6 @@
 import { Key } from 'webdriverio';
-import { axeCoreCheck } from '../helpers';
-import TileCO from './TileCO';
+import { axeCoreCheck } from '../../helpers';
+import { TileCO } from '../components';
 
 if (
   (!browser.capabilities['ice:options'].isPhone &&

package/{ds-chat-tile → ds-chat/tile}/DSChat-tile.func.spec.js

@@ -1,5 +1,5 @@
 import { Key } from 'webdriverio';
-import TileCO from './TileCO';
+import { TileCO } from '../components';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-6684 - Chat, Tile, Keyboard Navigation', () => {

package/{ds-chat-tile → ds-chat/tile}/DSChat-tile.visual.spec.js

@@ -1,6 +1,6 @@
 import { Key } from 'webdriverio';
-import TileCO from './TileCO';
-import { mouseOver, keyboardActions, tickActions, performKeyboardAction } from '../helpers';
+import { TileCO } from '../components';
+import { mouseOver, keyboardActions, tickActions, performKeyboardAction } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone) {
   describe('PUI-6674 - Chat, Tile, Visual Tests', () => {

package/{ds-chat-tile → ds-chat/tile}/aria-disabled/DSChat-tile.aria-disabled.axe-core.func.spec.js

@@ -1,5 +1,5 @@
-import { axeCoreCheck } from '../../helpers';
-import TileCO from '../TileCO';
+import { axeCoreCheck } from '../../../helpers';
+import { TileCO } from '../../components';
 
 if (
   (!browser.capabilities['ice:options'].isPhone &&

package/{ds-chat-tile → ds-chat/tile}/aria-disabled/DSChat-tile.aria-disabled.visual.spec.js

@@ -1,6 +1,6 @@
 /* eslint-disable max-len */
 import { Key } from 'webdriverio';
-import TileCO from '../TileCO';
+import { TileCO } from '../../components';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-14368 - [Tile] applyAriaDisabled prop - visual Test', () => {

package/ds-chat/tile/slots/DSChatTile.slots.func.spec.js

@@ -0,0 +1,53 @@
+// Tests for PUI-17908 (ds-chat-tile slots implementation)
+import { TileCO } from '../../components';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18465 - DSChatTile:: slot wiring - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await TileCO.slotsTestURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have custom aria-* for each slot', async () => {
+      await (await TileCO.getRootSlot()).waitForDisplayed();
+      await expect(await TileCO.getRootSlot()).toHaveAttribute('aria-label', 'root aria');
+      await expect(await TileCO.getTooltipWrapperSlot()).toHaveAttribute('aria-label', 'tooltip-wrapper aria');
+      await expect(await TileCO.getWrapperSlot()).toHaveAttribute('aria-label', 'wrapper aria');
+      await expect(await TileCO.getLeftBorderSlot()).toHaveAttribute('aria-label', 'left-border aria');
+      await expect(await TileCO.getCentralContentSlot()).toHaveAttribute('aria-label', 'central-content aria');
+      await expect(await TileCO.getIconSlot()).toHaveAttribute('aria-label', 'icon aria');
+      await expect(await TileCO.getLabelSlot()).toHaveAttribute('aria-label', 'label aria');
+      await expect(await TileCO.getBadgeSlot()).toHaveAttribute('aria-label', 'badge aria');
+      await expect(await TileCO.getCloseButtonSlot()).toHaveAttribute('aria-label', 'close-button aria');
+    });
+
+    it('02: should have custom data-testid for each slot', async () => {
+      await expect(await TileCO.getRootSlot()).toHaveAttribute('data-testid', 'root data');
+      await expect(await TileCO.getTooltipWrapperSlot()).toHaveAttribute('data-testid', 'tooltip-wrapper data');
+      await expect(await TileCO.getWrapperSlot()).toHaveAttribute('data-testid', 'wrapper data');
+      await expect(await TileCO.getLeftBorderSlot()).toHaveAttribute('data-testid', 'left-border data');
+      await expect(await TileCO.getCentralContentSlot()).toHaveAttribute('data-testid', 'central-content data');
+      await expect(await TileCO.getIconSlot()).toHaveAttribute('data-testid', 'icon data');
+      await expect(await TileCO.getLabelSlot()).toHaveAttribute('data-testid', 'label data');
+      await expect(await TileCO.getBadgeSlot()).toHaveAttribute('data-testid', 'badge data');
+      await expect(await TileCO.getCloseButtonSlot()).toHaveAttribute('data-testid', 'close-button data');
+    });
+
+    it('03: should have custom lang for each slot', async () => {
+      await expect(await TileCO.getRootSlot()).toHaveAttribute('lang', 'pt');
+      await expect(await TileCO.getTooltipWrapperSlot()).toHaveAttribute('lang', 'es');
+      await expect(await TileCO.getWrapperSlot()).toHaveAttribute('lang', 'de');
+      await expect(await TileCO.getLeftBorderSlot()).toHaveAttribute('lang', 'en');
+      await expect(await TileCO.getCentralContentSlot()).toHaveAttribute('lang', 'fr');
+      await expect(await TileCO.getIconSlot()).toHaveAttribute('lang', 'it');
+      await expect(await TileCO.getLabelSlot()).toHaveAttribute('lang', 'nl');
+      await expect(await TileCO.getBadgeSlot()).toHaveAttribute('lang', 'sv');
+      await expect(await TileCO.getCloseButtonSlot()).toHaveAttribute('lang', 'ja');
+    });
+  });
+}

package/ds-chat/tile/slots/DSChatTile.slots.visual.spec.js

@@ -0,0 +1,18 @@
+// Tests for PUI-17908 (ds-chat-tile slots implementation)
+import { TileCO } from '../../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18464 - DSChatTile:: slot variants - Visual', () => {
+    before(async () => {
+      const errorOnGo = await TileCO.slotsTestURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display all tile slot variants', async () => {
+      const firstTile = await TileCO.getRootSlot();
+      await firstTile.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(TileCO.snapshotPath('tile-slot-variants'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-combobox/DSComboboxCO.js

@@ -134,7 +134,7 @@ export default class DSComboboxCO extends PageObject {
   }
 
   static async getSimpleTruncateText() {
-    return $('[data-testid="DS-SimpleTruncateText"]');
+    return $('[data-testid="combobox-selected-values"]');
   }
 
   static async getNumberOptions() {
@@ -183,7 +183,7 @@ export default class DSComboboxCO extends PageObject {
   }
 
   static async getTooltip() {
-    return $('[data-testid="popover-container"]');
+    return $('[data-testid="ds-floating-wrapper-root"]');
   }
 
   // actions

package/ds-controlled-form/ds-controlled-checkbox/DSControlledCheckboxCO.js

@@ -58,7 +58,7 @@ export default class DSControlledCheckboxCO extends PageObject {
   static getCheckboxByIndex = async (index) => getElementByIndex(this.getCheckboxes, index);
 
   static async getCheckboxLabels() {
-    return $$('[data-testid="DS-SimpleTruncateText"]');
+    return $$('[data-testid="ds-checkbox-label"]');
   }
 
   static getCheckboxLabelByIndex = async (index) => getElementByIndex(this.getCheckboxLabels, index);

package/ds-controlled-form/ds-controlled-inputgroup/DSControlledInputGroupCO.js

@@ -47,7 +47,7 @@ export default class DSControlledInputGroupCO extends PageObject {
   }
 
   static async getComboSelectedOptText() {
-    return $('[data-testid="DS-SimpleTruncateText"]');
+    return $('[data-testid="combobox-selected-values"]');
   }
 
   static async getComboboxInput() {

package/ds-data-table-async/DSDataTableCO.js

@@ -142,10 +142,6 @@ export default class DataTableCO extends PageObject {
 
   static performance = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'performance');
 
-  static emptyStateFullCustom = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'empty-state-full-custom');
-
-  static customCellRowHeader = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'custom-cell-row-and-header');
-
   static responsive = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'responsive');
 
   // ROW
@@ -162,10 +158,15 @@ export default class DataTableCO extends PageObject {
 
   static singleSelectDisabledSelectionUC = new Urlbuilder(PATH_E2E_DATATABLE, 'single-select-disabled-selection');
 
-  static multiSelectDisabledSelectionUC = new Urlbuilder(PATH_E2E_DATATABLE, 'multi-select-disabled-selection');
+  static multiSelectDisabledSelectionUC = new Urlbuilder(PATH_E2E_DATATABLE_ROW, 'multi-select-disabled-selection');
 
   static multiSelectEmpty = new Urlbuilder(PATH_E2E_DATATABLE_ROW, 'multi-select-empty');
 
+  static multiSelectDisabledWithUniqueRowAccessor = new Urlbuilder(
+    PATH_E2E_DATATABLE_ROW,
+    'multi-select-disabled-selection-with-unique-row-accessor',
+  );
+
   // Column
 
   static columnLayout = new Urlbuilder(PATH_E2E_DATATABLE_COLUMN, 'basic-column-layout');
@@ -198,6 +199,10 @@ export default class DataTableCO extends PageObject {
 
   static textWrapTruncColumn = new Urlbuilder(PATH_E2E_DATATABLE_TEXT_WRAPPING, 'text-wrap-truncate-column');
 
+  static headerWrapAlignment = new Urlbuilder(PATH_E2E_DATATABLE_TEXT_WRAPPING, 'header-wrap-alignment-test');
+
+  static textWrapGlobalWithToolbar = new Urlbuilder(PATH_E2E_DATATABLE_TEXT_WRAPPING, 'text-wrap-global');
+
   // Toolbar
 
   static toolbarIntegration = new Urlbuilder(PATH_E2E_DATATABLE_TOOLBAR, 'toolbar-integration');
@@ -242,6 +247,8 @@ export default class DataTableCO extends PageObject {
 
   static pui16461SkeletonAndNoResults = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'pui-16461-skeleton-and-no-results');
 
+  static emptyStateFullCustom = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'empty-state-full-custom');
+
   // Cell
   static editableCells = new Urlbuilder(PATH_E2E_DATATABLE_CELL, 'editable-cells');
 
@@ -297,11 +304,6 @@ export default class DataTableCO extends PageObject {
 
   // eslint-disable-next-line max-len
 
-  static multiSelectDisabledWithUniqueRowAccessor = new Urlbuilder(
-    PATH_E2E_DATATABLE,
-    'multi-select-disabled-selection-with-unique-row-accessor',
-  );
-
   static resizableWithConstrains = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-8896-resizable-with-constrains');
 
   static memoizedSearchFilterTest = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-12253-memoized-filter-component');
@@ -392,17 +394,21 @@ export default class DataTableCO extends PageObject {
   }
 
   static getPopoverContainer() {
-    return $('[data-testid="popover-container"]');
+    return $('[data-testid="ds-floating-wrapper-root"]');
   }
 
   static getPopoverContainers() {
-    return $$('[data-testid="popover-container"]');
+    return $$('[data-testid="ds-floating-wrapper-root"]');
   }
 
   static getButtons(index) {
     return $$('[data-testid="ds-button"]')[index];
   }
 
+  static getRowActionResult() {
+    return $('[data-testid="datatable-row-action-result"]');
+  }
+
   static async getSkipToButton() {
     return $(`[id="storybook-root"] button`);
   }

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

@@ -20,7 +20,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
   });
   describe('PUI-6988 - DataTable, Custom cell and row header -visual.', async () => {
     before('loading page', async () => {
-      const errorOnGo = await DSDataTableCO.customCellRowHeader.go();
+      const errorOnGo = await DSDataTableCO.customCellRowAndHeaderTest.go();
       if (errorOnGo) throw errorOnGo;
       await DSDataTableCO.waitForDataTable();
     });

package/ds-data-table-async/components/FiltersCO.js

@@ -145,7 +145,7 @@ export default class FiltersCO extends PageObject {
 
   static getFilterMenuContentSlot = async () => $('[data-dimsum-slot="dsDatatableFilterPopoverContent"]');
 
-  static getFilterPopoverSlot = async () => $('[data-dimsum-slot="dsDatatableFilterPopover"]');
+  static getFilterPopoverSlot = async () => $('[data-dimsum-parent-slot="dsDatatableFilterPopover"]');
 
   static getFreeTextSearchWrapperSlot = async () => $('[data-dimsum-slot="dsDatatableFreeTextSearchWrapper"]');
 

package/ds-data-table-async/menubutton/DSDataTable.MenuButton.keyboard.func.spec.js

@@ -1,7 +1,6 @@
 import { Key } from 'webdriverio';
 import DSDataTableCO from '../DSDataTableCO';
 import DSMenuButtonCO from '../../ds-menu-button/DSMenuButtonCO';
-import { safeDismissAlert } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-16414 - DataTable, MenuButton (keyboard) - Functional Test', async () => {
@@ -29,12 +28,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('03: should trigger menuButton item with keyboard', async () => {
       await browser.keys(Key.ArrowUp);
       await browser.keys(Key.Return);
-      const alertText = await browser.getAlertText();
-      await expect(alertText).toEqual('item selected: log actions - undefined');
+      const result = await DSDataTableCO.getRowActionResult();
+      await result.waitForDisplayed();
+      await expect(result).toHaveText('item selected: log actions');
     });
     it('03: should expand menuButton submenu for datatable row with keyboard', async () => {
-      await safeDismissAlert();
       await browser.keys(Key.Return);
+      const menuRoot = await DSMenuButtonCO.getMenuRoot();
+      await menuRoot.waitForDisplayed();
       await browser.keys(Key.ArrowDown);
       const menuItems = (await DSMenuButtonCO.getMenuItems()).length;
       await expect(menuItems).toEqual(6);
@@ -42,11 +43,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('04: should trigger menuButton submenu item with keyboard', async () => {
       await browser.keys(Key.ArrowRight);
       await browser.keys(Key.Return);
-      const alertText = await browser.getAlertText();
-      await expect(alertText).toEqual('item selected: Realtor Phone - (424) 000-0000');
+      const result = await DSDataTableCO.getRowActionResult();
+      await result.waitForDisplayed();
+      await expect(result).toHaveText('item selected: Realtor Phone - (424) 000-0000');
     });
     it('05: should close menuButton menu with keyboard', async () => {
-      await safeDismissAlert();
       await browser.keys(Key.Return);
       const menu = await DSMenuButtonCO.getMenuRoot();
       await menu.waitForDisplayed();

package/ds-data-table-async/menubutton/DSDataTable.MenuButton.mouse.func.spec.js

@@ -1,5 +1,4 @@
 import DSDataTableCO from '../DSDataTableCO';
-import { safeDismissAlert } from '../../helpers';
 import CellCO from '../components/CellCO';
 import DSMenuButtonCO from '../../ds-menu-button/DSMenuButtonCO';
 
@@ -21,11 +20,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('02: should trigger menuButton item', async () => {
       const thirdItem = await DSMenuButtonCO.getMenuItemWrapper(2);
       await thirdItem.click();
-      const alertText = await browser.getAlertText();
-      await expect(alertText).toEqual('item selected: sms - undefined');
+      const result = await DSDataTableCO.getRowActionResult();
+      await result.waitForDisplayed();
+      await expect(result).toHaveText('item selected: sms');
     });
     it('03: should expand menuButton submenu for datatable row', async () => {
-      await safeDismissAlert();
       const menuButtonTrigger = await DSDataTableCO.getButtons(2);
       await menuButtonTrigger.click();
       const submenuTriggerItem = await DSMenuButtonCO.getMenuItemWrapper(1);
@@ -39,11 +38,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('04: should trigger menuButton submenu item', async () => {
       const submenuItem = await DSMenuButtonCO.getMenuItemWrapper(5);
       await submenuItem.click();
-      const alertText = await browser.getAlertText();
-      await expect(alertText).toEqual('item selected: Realtor Phone - (424) 000-0000');
+      const result = await DSDataTableCO.getRowActionResult();
+      await result.waitForDisplayed();
+      await expect(result).toHaveText('item selected: Realtor Phone - (424) 000-0000');
     });
     it('05: should close menuButton flyout clicking outside the menu (cell for example)', async () => {
-      await safeDismissAlert();
       const menuButtonTrigger = await DSDataTableCO.getButtons(2);
       await menuButtonTrigger.click();
       const menu = await DSMenuButtonCO.getMenuRoot();

package/ds-data-table-async/textwrapping/DSDataTable.header-wrap-alignment.axe-core.func.spec.js

@@ -0,0 +1,23 @@
+import DSDataTableCO from '../DSDataTableCO';
+import { axeCoreCheck } from '../../helpers';
+
+// Accessibility coverage for the PUI-17819 header wrap/alignment showcase.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  describe('PUI-18681 - DSDataTable:: header text wrap rules and alignment - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.headerWrapAlignment.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    it('01: should have no accessibility violations', async () => {
+      const result = await axeCoreCheck();
+      await expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-data-table-async/textwrapping/DSDataTable.header-wrap-alignment.visual.spec.js

@@ -0,0 +1,106 @@
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { HeaderCO, RowCO } from '../components';
+
+// Column indices in the HeaderWrapAlignment story:
+// 0=id, 1=name, 2=wrap ('wrap'), 3=wrapAll ('wrap-all'), 4=truncate ('truncate')
+const WRAP_ALL_COL = 3;
+// Filter buttons render only on searchable columns (wrap, wrapAll, truncate) → wrapAll is index 1
+const WRAP_ALL_FILTER = 1;
+
+// Header control focus order (Enter on the focused header → then Tab):
+//   1. DnD handle  2. search/filter button  3. sort caret  4. resize handle
+// Tests for PUI-17819 (header wrap rules + alignment fix). Unblocks PUI-17814 (name/search-icon overlap).
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18680 - DSDataTable:: header text wrap rules and alignment - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.headerWrapAlignment.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    it('01: should render wrap / wrap-all / truncate headers top-aligned', async () => {
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should keep header title top-aligned with revealed icons on hover', async () => {
+      const wrapAllHeader = await HeaderCO.getHeaderCellByIndex(WRAP_ALL_COL);
+      await wrapAllHeader.moveTo();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('03: should keep wrapped header aligned after clicking the column to sort it', async () => {
+      // sort by clicking the column header itself (not the sort caret) — the realistic interaction.
+      // The click also focuses the header, which sets up the focus walk in the next steps.
+      const wrapAllHeader = await HeaderCO.getHeaderCellByIndex(WRAP_ALL_COL);
+      await wrapAllHeader.click();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('04: should focus the drag-and-drop handle first when entering the header', async () => {
+      // Enter activates the header tab stops and focuses the first control (the DnD handle)
+      await browser.keys(Key.Return);
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('05: should move focus to the search/filter button on Tab', async () => {
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('06: should move focus to the sort caret on Tab', async () => {
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('07: should move focus to the resize handle on Tab', async () => {
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('08: should keep wrapped header aligned while the filter/search is open', async () => {
+      const filterBtn = await HeaderCO.getFilterBtnByIndex(WRAP_ALL_FILTER);
+      await filterBtn.click();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+      await browser.keys(Key.Escape);
+    });
+
+    it('09: should keep wrapped header aligned while the DnD handle is engaged', async () => {
+      const wrapAllHeader = await HeaderCO.getHeaderCellByIndex(WRAP_ALL_COL);
+      const dragHandle = await HeaderCO.getHeaderCellDragHandler(wrapAllHeader);
+      await dragHandle.click();
+      // keyboard pick-up renders a deterministic drag overlay (dnd-kit)
+      await browser.keys(Key.Space);
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+      await browser.keys(Key.Escape);
+    });
+
+    it('10: should keep wrapped headers intact with a row toolbar menu open', async () => {
+      const toolbarTrigger = await RowCO.getRowToolbarTriggerByIndex(0);
+      await toolbarTrigger.click();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+      await browser.keys(Key.Escape);
+    });
+
+    it('11: should keep wrapped header aligned while a column is resized narrower', async () => {
+      // PUI-12696 (open): resizing a column below its min makes the resize handler overlap the
+      // header title. This captures current behavior; update the baseline when PUI-12696 lands.
+      // Kept last: the extra-tall header it produces would otherwise obscure the row toolbar
+      // trigger and break the coordinate-based click in the toolbar step.
+      const resizeHandler = await HeaderCO.getResizeHandler(WRAP_ALL_COL);
+      await resizeHandler.dragAndDrop({ x: -150, y: 0 });
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-data-table-async/textwrapping/DSDataTable.text-wrap-toolbar.visual.spec.js

@@ -0,0 +1,27 @@
+import DSDataTableCO from '../DSDataTableCO';
+import { RowCO } from '../components';
+
+// Global textWrap='wrap' together with a row-actions (toolbar) column — mirrors the
+// Components/DataTable/Features/Text Wrapping > Text Wrap Global showcase.
+// Tests for PUI-17819 (header wrap rules + alignment fix).
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18682 - DSDataTable:: text wrap with row toolbar column - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.textWrapGlobalWithToolbar.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    it('01: should wrap all columns with the row toolbar column present', async () => {
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should keep cells wrapped while a row toolbar menu is open', async () => {
+      const toolbarTrigger = await RowCO.getRowToolbarTriggerByIndex(0);
+      await toolbarTrigger.click();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-floating-context/DSFloatingContextCO.js

@@ -10,6 +10,8 @@ export default class DSFloatingContextCO extends PageObject {
 
   static slotsURL = new Urlbuilder(PATH_E2E_FLOATING_CONTEXT, 'slots-test');
 
+  static positionsTestURL = new Urlbuilder(PATH_E2E_FLOATING_CONTEXT, 'positions-test');
+
   static async getFloatingContextWrapper() {
     return $('[data-testid="ds-floating-wrapper-root"]');
   }
@@ -18,6 +20,14 @@ export default class DSFloatingContextCO extends PageObject {
     return $('[data-testid="ds-floatingwrapper-content"]');
   }
 
+  static async getFloatingContextContents() {
+    return $$('[data-testid="ds-floatingwrapper-content"]');
+  }
+
+  static async getHelpButtons() {
+    return $$('[aria-label="Help"]');
+  }
+
   static async getFloatingContextArrowSlot() {
     return $('[data-dimsum-slot="dsFloatingwrapperArrow"]');
   }

package/ds-floating-context/placement/DSFloatingContext.placement.visual.spec.js

@@ -0,0 +1,48 @@
+// Tests for the fix introduced in PUI-14527 (useFloatingContext placement string type mismatch)
+import { mouseOver } from '../../helpers';
+import DSFloatingContextCO from '../DSFloatingContextCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18529 - DSFloatingContext:: useFloatingContext placement directions - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSFloatingContextCO.positionsTestURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display tooltip with right placement on hover', async () => {
+      const buttons = await DSFloatingContextCO.getHelpButtons();
+      await mouseOver(buttons[0]);
+      const contents = await DSFloatingContextCO.getFloatingContextContents();
+      await contents[0].waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSFloatingContextCO.snapshotPath('placement-right'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display tooltip with top placement on hover', async () => {
+      const buttons = await DSFloatingContextCO.getHelpButtons();
+      await mouseOver(buttons[1]);
+      const contents = await DSFloatingContextCO.getFloatingContextContents();
+      await contents[0].waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSFloatingContextCO.snapshotPath('placement-top'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('03: should display tooltip with bottom placement on hover', async () => {
+      const buttons = await DSFloatingContextCO.getHelpButtons();
+      await mouseOver(buttons[2]);
+      const contents = await DSFloatingContextCO.getFloatingContextContents();
+      await contents[0].waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSFloatingContextCO.snapshotPath('placement-bottom'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('04: should display tooltip with left placement on hover', async () => {
+      const buttons = await DSFloatingContextCO.getHelpButtons();
+      await mouseOver(buttons[3]);
+      const contents = await DSFloatingContextCO.getFloatingContextContents();
+      await contents[0].waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSFloatingContextCO.snapshotPath('placement-left'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

@@ -6,6 +6,10 @@ export default class DSComboboxMultiCO extends PageObject {
   // STORIES
   static basicTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'basic-test');
 
+  static loadingTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'loading-test');
+
+  static skeletonTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'skeleton-test');
+
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'apply-aria-disabled-test');
 
   static readOnly = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'read-only-test');
@@ -29,6 +33,10 @@ export default class DSComboboxMultiCO extends PageObject {
 
   static disabled = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'disabled-test');
 
+  static grouped = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'grouped-test');
+
+  static inlineTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'inline-test');
+
   static controlledMenuStateWithSectionsSlotsTest = new Urlbuilder(
     PATH_E2E_COMBOBOX_MULTI_SLOTS,
     'controlled-menu-state-with-section-slots-test',
@@ -142,7 +150,7 @@ export default class DSComboboxMultiCO extends PageObject {
   }
 
   static async getSimpleTruncateText() {
-    return $('[data-testid="DS-SimpleTruncateText"]');
+    return $('[data-testid="combobox-selected-values"]');
   }
 
   static async getNumberOptions() {
@@ -191,7 +199,7 @@ export default class DSComboboxMultiCO extends PageObject {
   }
 
   static async getTooltip() {
-    return $('[data-testid="popover-container"]');
+    return $('[data-testid="ds-floating-wrapper-root"]');
   }
 
   // actions
@@ -273,7 +281,7 @@ export default class DSComboboxMultiCO extends PageObject {
   }
 
   static async getComboboxSectionLabelByIndex(index) {
-    return $$('[data-dimsum-slot="dsComboboxSectionLabel"]')[index];
+    return $$('[data-dimsum-parent-slot="dsComboboxSectionLabel"]')[index];
   }
 
   static async getComboboxSectionWrapperSlotByIndex(index) {