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

package/ds-shuttle-v2/DSShuttleV2CO.js

@@ -12,6 +12,7 @@ const DSShuttleV2DataTestIds = {
   ITEM_LABEL_WRAPPER: 'ds-shuttlev2-item-label-wrapper',
   ITEM_MIDSECTION_WRAPPER: 'ds-shuttlev2-item-midsection-wrapper',
   ITEM_SELECTION: 'ds-shuttlev2-item-selection',
+  ITEM_SELECTION_CHECKBOX_UI: 'ds-shuttlev2-item-selection-checkbox-ui',
   ITEM_ACTIONS_WRAPPER: 'ds-shuttlev2-item-actions-wrapper',
   ITEM_ACTION_WRAPPER: 'ds-shuttlev2-item-action-wrapper',
   ITEM_ACTION_BTN: 'ds-shuttlev2-item-action-btn',
@@ -27,7 +28,6 @@ const DSShuttleV2DataTestIds = {
   MOVE_MULTIPLE_WRAPPER: 'ds-shuttlev2-move-multiple-wrapper',
   MOVE_MULTIPLE_BTN: 'ds-shuttlev2-move-multiple-btn',
   LIST_WRAPPER_MID: 'ds-shuttlev2-list-wrapper-mid',
-  LIST_WRAPPER_MID_SCROLLER: 'ds-shuttlev2-list-wrapper-mid-scroller',
   LIST_WRAPPER_TOP: 'ds-shuttlev2-list-wrapper-top',
   AREA_SEARCH_WRAPPER: 'ds-shuttlev2-area-search-wrapper',
   AREA_SEARCH_BAR: 'ds-shuttlev2-area-search-bar',
@@ -78,6 +78,8 @@ export default class DSShuttleV2CO extends PageObject {
 
   static insideDialogURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'inside-dialog-test');
 
+  static explicitSelectionUIURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'explicit-selection-ui-test');
+
   // Getter's
 
   static getHeaderSearchIcon = async (index = 0) =>
@@ -104,6 +106,14 @@ export default class DSShuttleV2CO extends PageObject {
 
   static getItemSelection = async (index = 0) => $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_SELECTION}]`)[index];
 
+  static getItemSelectionCheckboxUI = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_SELECTION_CHECKBOX_UI}]`)[index];
+
+  static getItemSelections = async () => $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_SELECTION}]`);
+
+  static getItemSelectionCheckboxUIs = async () =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_SELECTION_CHECKBOX_UI}]`);
+
   static getItemsActionsWrapper = async (index = 0) =>
     $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_ACTIONS_WRAPPER}]`)[index];
 

package/ds-shuttle-v2/explicit-selection-ui/DSShuttleV2.explicit-selection-ui.func.spec.js

@@ -0,0 +1,37 @@
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+// Tests for the WCAG 1.4.1 "Use of Color" fix introduced in PUI-15539:
+// the `explicitSelectionUI` flag swaps the color-only vertical bar for an
+// explicit checkbox as the per-item selection indicator.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18638 - DSShuttleV2:: explicitSelectionUI checkbox indicator - func', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.explicitSelectionUIURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render an explicit checkbox indicator per item and no color-only vertical bar', async () => {
+      const verticalBars = await DSShuttleV2CO.getItemSelections();
+      const checkboxUIs = await DSShuttleV2CO.getItemSelectionCheckboxUIs();
+      await expect(verticalBars.length).toBe(0);
+      await expect(checkboxUIs.length).toBeGreaterThan(0);
+      await expect(await DSShuttleV2CO.getItemSelectionCheckboxUI(0)).toBeExisting();
+    });
+
+    it('02: should check the selection indicator after selecting a selectable item', async () => {
+      const selectableItem = await DSShuttleV2CO.getItemWrapper(0); // "Source 0.0" — even index, selectable
+      const selectableCheckbox = await DSShuttleV2CO.getItemCheckboxByIndex(0);
+      await expect(await selectableCheckbox.getAttribute('aria-checked')).toBe('false');
+      await selectableItem.click();
+      await expect(await selectableCheckbox.getAttribute('aria-checked')).toBe('true');
+    });
+
+    it('03: should keep the selection-prevented item disabled and unchecked after click', async () => {
+      const preventedItem = await DSShuttleV2CO.getItemWrapper(1); // "Source 0.1" — odd index, prevented
+      const preventedCheckbox = await DSShuttleV2CO.getItemCheckboxByIndex(1);
+      await expect(await preventedCheckbox.getAttribute('aria-disabled')).toBe('true');
+      await preventedItem.click();
+      await expect(await preventedCheckbox.getAttribute('aria-checked')).toBe('false');
+    });
+  });
+}

package/ds-shuttle-v2/explicit-selection-ui/DSShuttleV2.explicit-selection-ui.visual.spec.js

@@ -0,0 +1,27 @@
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+// Visual coverage for the WCAG 1.4.1 "Use of Color" fix (PUI-15539): with
+// `explicitSelectionUI`, items expose unselected, selected and disabled
+// checkbox states as a non-color selection indicator.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18639 - DSShuttleV2:: explicitSelectionUI checkbox indicators - visual', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.explicitSelectionUIURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display unselected checkboxes and disabled checkboxes on prevented items', async () => {
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display checked checkboxes and the BAB after selecting selectable items', async () => {
+      const firstSelectable = await DSShuttleV2CO.getItemWrapper(0); // "Source 0.0" — selectable
+      await firstSelectable.click();
+      const secondSelectable = await DSShuttleV2CO.getItemWrapper(2); // "Source 0.2" — selectable
+      await secondSelectable.click();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-shuttle-v2/skipped/DSShuttleV2.extra.axe-core.skipped.js

@@ -7,7 +7,7 @@ if (
     browser.capabilities.browserName === 'Chrome') ||
   browser.capabilities.browserName === 'chrome'
 ) {
-  // to be unskiped after PUI-10785 is fixed
+  // to be unskiped after PUI-18632 is fixed
   describe.skip('PUI-10774 - Shuttle V2, Load More -AxeCore.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.loadMoreURL.go();

package/ds-shuttle-v2/skipped/DSShuttleV2.filter.axe-core.skipped.js

@@ -7,7 +7,7 @@ if (
     browser.capabilities.browserName === 'Chrome') ||
   browser.capabilities.browserName === 'chrome'
 ) {
-  // to be unskiped after PUI-11211 is fixed
+  // to be unskiped after PUI-18632 is fixed
   describe.skip('PUI-10775 - Shuttle V2, Filter axe-core -Func.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.filterURL.go();

package/ds-shuttle-v2/skipped/DSShuttleV2.globalcheckbox.axe-core.skipped.js

@@ -7,7 +7,7 @@ if (
     browser.capabilities.browserName === 'Chrome') ||
   browser.capabilities.browserName === 'chrome'
 ) {
-  // to be unskiped after PUI-10785 is fixed
+  // to be unskiped after PUI-18632 is fixed
   describe.skip('PUI-10776 - Shuttle V2, Select/deselect with disabled items -AxeCore.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.disabledItemsURL.go();

package/ds-shuttle-v2/skipped/DSShuttleV2.items.axe-core.skipped.js

@@ -7,7 +7,7 @@ if (
     browser.capabilities.browserName === 'Chrome') ||
   browser.capabilities.browserName === 'chrome'
 ) {
-  // to be unskiped after PUI-10785 is fixed
+  // to be unskiped after PUI-18632 is fixed
   describe.skip('PUI-10777 - Shuttle V2, Soft delete -AxeCore.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.softDeleteURL.go();
@@ -28,7 +28,7 @@ if (
       expect(result.length).toBe(0);
     });
   });
-  // to be unskiped after PUI-10785 is fixed
+  // to be unskiped after PUI-18632 is fixed
   describe.skip('PUI-10778 - Shuttle V2, Subtitle -AxeCore.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.subtitleURL.go();
@@ -46,7 +46,7 @@ if (
       expect(result.length).toBe(0);
     });
   });
-  // to be unskiped after PUI-10785 is fixed
+  // to be unskiped after PUI-18632 is fixed
   describe.skip('PUI-10779 - Shuttle V2, Max selected items -AxeCore.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.maxSelectedURL.go();

package/ds-shuttle-v2/skipped/DSShuttleV2.skipped.js

@@ -1,6 +1,6 @@
 /* eslint-disable max-statements */
 /* eslint-disable max-lines */
-// to be unskiped after PUI-11211 is fixed
+// to be unskiped after PUI-18632 is fixed
 describe.skip('PUI-10768 - Shuttle V2, Basic -AxeCore.', () => {
   before(async () => {
     const errorOnGo = await DSShuttleV2CO.basicURL.go();
@@ -25,7 +25,7 @@ describe.skip('PUI-10768 - Shuttle V2, Basic -AxeCore.', () => {
   });
 });
 
-// to be unskiped after PUI-10785 is fixed
+// to be unskiped after PUI-18632 is fixed
 describe.skip('PUI-10770  - Shuttle V2, Tooltip with keyboard -AxeCore.', () => {
   before(async () => {
     const errorOnGo = await DSShuttleV2CO.customRendererURL.go();
@@ -46,7 +46,7 @@ describe.skip('PUI-10770  - Shuttle V2, Tooltip with keyboard -AxeCore.', () =>
 
 // From drilldown
 
-// to be unskiped after PUI-11211 is fixed
+// to be unskiped after PUI-18632 is fixed
 describe.skip('PUI-10771 - Shuttle V2, Drill Down and NOT Keep parent -AxeCore.', () => {
   before(async () => {
     const errorOnGo = await DSShuttleV2CO.basicURL.go();
@@ -72,7 +72,7 @@ describe.skip('PUI-10771 - Shuttle V2, Drill Down and NOT Keep parent -AxeCore.'
     expect(result.length).toBe(0);
   });
 });
-// to be unskiped after PUI-11211 is fixed
+// to be unskiped after PUI-18632 is fixed
 describe.skip('PUI-10772 - Shuttle V2, Drill down and  keep parent -AxeCore.', () => {
   before(async () => {
     const errorOnGo = await DSShuttleV2CO.basicKeepParentURL.go();
@@ -92,7 +92,7 @@ describe.skip('PUI-10772 - Shuttle V2, Drill down and  keep parent -AxeCore.', (
 
 // From drilldown KB
 
-// To be unskipped and steps to be added after 11211 is fixed
+// To be unskipped and steps to be added after PUI-18632 is fixed
 describe.skip('PUI-10109 - Shuttle V2, Drill down and keep parent, KB -Func.', () => {
   before(async () => {
     const errorOnGo = await DSShuttleV2CO.basicKeepParentURL.go();

package/ds-tab-button/DSTabButton.func.spec.js

@@ -12,7 +12,7 @@ import DSTabButtonCO from './DSTabButtonCO';
   });
 }
 */
-describe('PUI-XXXX - TabButton:: example test - data-testid exists', () => {
+describe.skip('PUI-XXXX - TabButton:: example test - data-testid exists', () => {
   before('loading page', async () => {
     const errorOnGo = await DSTabButtonCO.basic.go();
     if (errorOnGo) throw errorOnGo;

package/ds-tooltip-v3/DSTooltipV3CO.js

@@ -8,8 +8,12 @@ export default class DSTooltipV3CO extends PageObject {
 
   static uncontrolledTestUrl = new Urlbuilder(PATH_E2E_TOOLTIP_V3, 'uncontrolled-test');
 
+  static basicTestUrl = new Urlbuilder(PATH_E2E_TOOLTIP_V3, 'basic-test');
+
   static slotsURL = new Urlbuilder(PATH_E2E_TOOLTIP_V3, 'slots-test');
 
+  static inADialogTestUrl = new Urlbuilder(PATH_E2E_TOOLTIP_V3, 'in-a-dialog-test');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('TooltipV3', example);
@@ -20,10 +24,27 @@ export default class DSTooltipV3CO extends PageObject {
     return $('[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]');
   }
 
+  static async getBasicTestTriggerButton() {
+    return $('button[aria-describedby="basic-tooltip"]');
+  }
+
   static async getTooltipContentByIndex(index = 0) {
     return $$('[data-testid="ds-tooltip-v3-tooltip-text-wrapper"] [data-testid="ds-typography-element"]')[index];
   }
 
+  // "tooltip in a dialog" selectors (PUI-18012 dismissal mechanism)
+  static async getOpenDialogButton() {
+    return $('[data-testid="open-dialog-button"]');
+  }
+
+  static async getDialogContainer() {
+    return $('[data-testid="ds-dialog-container"]');
+  }
+
+  static async getInADialogTriggerButton() {
+    return $('button[aria-describedby="in-a-dialog-tooltip"]');
+  }
+
   // slot selectors
   static async getRootSlot() {
     return $('[data-dimsum-slot="dsTooltipv3Root"]');

package/ds-tooltip-v3/aria-tooltip-pattern/DSTooltipV3.aria-tooltip-pattern.axe-core.func.spec.js

@@ -0,0 +1,23 @@
+import DSTooltipV3CO from '../DSTooltipV3CO';
+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-18498 - TooltipV3:: WAI-ARIA tooltip pattern - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTooltipV3CO.basicTestUrl.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render the basic tooltip pattern and pass axe-core scan', async () => {
+      const tooltipContainer = await DSTooltipV3CO.getTooltip();
+      await tooltipContainer.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-tooltip-v3/aria-tooltip-pattern/DSTooltipV3.aria-tooltip-pattern.func.spec.js

@@ -0,0 +1,29 @@
+import DSTooltipV3CO from '../DSTooltipV3CO';
+
+// Tests for the fix introduced in PUI-18011 / PUI-18010:
+// the tooltip container must expose role="tooltip" and its `id` so that consumers
+// can wire `aria-describedby` from the trigger element (W3C WAI-ARIA tooltip pattern).
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18495 - TooltipV3:: WAI-ARIA tooltip pattern (role + aria-describedby) - func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTooltipV3CO.basicTestUrl.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should expose role="tooltip", a matching id on the container and aria-describedby on trigger', async () => {
+      const tooltipContainer = await DSTooltipV3CO.getTooltip();
+      const triggerButton = await DSTooltipV3CO.getBasicTestTriggerButton();
+
+      await expect(tooltipContainer).toBeExisting();
+      await expect(tooltipContainer).toHaveAttribute('role', 'tooltip');
+      await expect(tooltipContainer).toHaveAttribute('id', 'basic-tooltip');
+
+      await expect(triggerButton).toBeExisting();
+      await expect(triggerButton).toHaveAttribute('aria-describedby', 'basic-tooltip');
+
+      const containerId = await tooltipContainer.getAttribute('id');
+      const triggerDescribedBy = await triggerButton.getAttribute('aria-describedby');
+      await expect(containerId).toBe(triggerDescribedBy);
+    });
+  });
+}

package/ds-tooltip-v3/dialog/DSTooltipV3.dialog.func.spec.js

@@ -0,0 +1,45 @@
+import { Key } from 'webdriverio';
+import { mouseOver } from '../../helpers';
+import DSTooltipV3CO from '../DSTooltipV3CO';
+
+// Tests for the fix introduced in PUI-18012 (a tooltip inside a dialog must be dismissible with ESC
+// without closing the dialog — WCAG 2.2 SC 1.4.13 Content on Hover or Focus, Dismissible).
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18592 - TooltipV3:: dismissal and behavior of a tooltip inside a dialog -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTooltipV3CO.inADialogTestUrl.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should open the dialog and show the tooltip with its text on hover', async () => {
+      const openButton = await DSTooltipV3CO.getOpenDialogButton();
+      await openButton.click();
+
+      const dialog = await DSTooltipV3CO.getDialogContainer();
+      await expect(dialog).toBeDisplayed();
+
+      const trigger = await DSTooltipV3CO.getInADialogTriggerButton();
+      await mouseOver(trigger);
+
+      const tooltip = await DSTooltipV3CO.getTooltip();
+      await expect(tooltip).toBeDisplayed();
+      await expect(tooltip).toHaveText(expect.stringContaining('Tooltip text 3'));
+    });
+
+    it('02: should dismiss only the tooltip on ESC, keeping the dialog open', async () => {
+      const tooltip = await DSTooltipV3CO.getTooltip();
+      await browser.keys(Key.Escape);
+
+      await expect(tooltip).not.toBeDisplayed();
+      const dialog = await DSTooltipV3CO.getDialogContainer();
+      await expect(dialog).toBeDisplayed();
+    });
+
+    it('03: should close the dialog on a subsequent ESC once the tooltip is dismissed', async () => {
+      await browser.keys(Key.Escape);
+
+      const dialog = await DSTooltipV3CO.getDialogContainer();
+      await expect(dialog).not.toBeDisplayed();
+    });
+  });
+}

package/ds-tooltip-v3/dialog/DSTooltipV3.dialog.visual.spec.js

@@ -0,0 +1,29 @@
+import { mouseOver } from '../../helpers';
+import DSTooltipV3CO from '../DSTooltipV3CO';
+
+// Visual coverage for PUI-18012: how a tooltip looks when displayed inside a dialog.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18593 - TooltipV3:: tooltip displayed inside a dialog -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTooltipV3CO.inADialogTestUrl.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display the tooltip inside the open dialog', async () => {
+      const openButton = await DSTooltipV3CO.getOpenDialogButton();
+      await openButton.click();
+
+      const dialog = await DSTooltipV3CO.getDialogContainer();
+      await expect(dialog).toBeDisplayed();
+
+      const trigger = await DSTooltipV3CO.getInADialogTriggerButton();
+      await mouseOver(trigger);
+
+      const tooltip = await DSTooltipV3CO.getTooltip();
+      await expect(tooltip).toBeDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot(DSTooltipV3CO.snapshotPath('tooltip-in-dialog'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-treeview/DSTreeViewCO.js

@@ -226,7 +226,7 @@ export default class DSTreeViewCO extends PageObject {
   }
 
   static async getElementsTexts() {
-    return $$('[data-testid="DS-SimpleTruncateText"]');
+    return $$('[data-testid="tree-item-content"]');
   }
 
   static async getCollapseBtn() {
@@ -241,6 +241,12 @@ export default class DSTreeViewCO extends PageObject {
     return (await $$('[data-testid="drag-handle"]'))[index];
   }
 
+  // Drag handles carry a stable id of the form `${itemId}-drag-handle`, so this selects a row's
+  // handle independent of its current position/index (which shifts with the expansion state).
+  static async getDragHandleByItemId(itemId) {
+    return $(`[id="${itemId}-drag-handle"]`);
+  }
+
   static async getFirstDragHandle() {
     return $$('[data-testid="drag-handle"]')[0];
   }
@@ -269,7 +275,7 @@ export default class DSTreeViewCO extends PageObject {
   }
 
   static async getTooltip() {
-    return $('[data-testid="popover-container"]');
+    return $('[data-testid="ds-floating-wrapper-root"]');
   }
 
   static async noItemsFound() {
@@ -317,6 +323,23 @@ export default class DSTreeViewCO extends PageObject {
     ]);
   }
 
+  // Expands a row identified by its content text, but only if it is currently collapsed.
+  // Idempotent on purpose: after a drag-and-drop, whether the target group is auto-expanded
+  // varies by browser, so a blind toggle would re-collapse an already-expanded row.
+  static async ensureRowExpandedByText(text) {
+    return browser.execute((rowText) => {
+      const items = Array.from(document.querySelectorAll('[data-testid="tree-item"]'));
+      const item = items.find((node) => {
+        const content = node.querySelector('[data-testid="tree-item-content"]');
+        return content && content.textContent.trim() === rowText;
+      });
+      if (item && item.getAttribute('aria-expanded') === 'false') {
+        const toggle = item.querySelector('[data-testid="tree-item-expand-toggle"]');
+        if (toggle) toggle.click();
+      }
+    }, text);
+  }
+
   static async isExpanded(index) {
     return (await this.getRow(index)).getAttribute('aria-expanded');
   }

package/ds-treeview/dragAndDrop/TreeView-dnd_keyboard.func.spec.js

@@ -0,0 +1,96 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSTreeViewCO from '../DSTreeViewCO';
+
+// The TreeView uses @dnd-kit (pointer + keyboard sensors), not HTML5 native drag.
+// WDIO's mouse `.dragAndDrop()` only actuates the pointer sensor reliably under
+// geckodriver (Firefox); Chromedriver/safaridriver synthesize the drag differently,
+// so the mouse-driven version of these tests passed only in Firefox. These tests are
+// therefore driven through the dnd-kit keyboard sensor (Space to pick up, ArrowDown
+// to move/nest, Space to drop), which is deterministic and stable across all browsers
+// — mirroring the keyboard-driven dnd tests in ds-data-table-async. Do not convert
+// back to mouse `.dragAndDrop()`.
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-11320 - TreeView, Basic Drag and Drop Functionality (keyboard)', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.dragAndDrop.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: drag and drop in the same position - parent item', async () => {
+      const dragHandleFirstRow = await DSTreeViewCO.getDragHandle(0);
+      await dragHandleFirstRow.click();
+      await browser.keys(Key.Space); // pick up
+      await browser.pause(300);
+      await browser.keys(Key.Space); // drop in place
+      await browser.pause(300);
+      const firstRow = await DSTreeViewCO.getRowContent(0);
+      await expect(firstRow).toHaveText(expect.stringContaining('Parent. id: 1'));
+    });
+    it('02: drag and drop in the same position - child item', async () => {
+      const expandableBtnFirstRow = await DSTreeViewCO.getToggleBtn(0);
+      await expandableBtnFirstRow.click();
+      await browser.pause(300);
+      const dragHandleFirstChild = await DSTreeViewCO.getDragHandle(1);
+      await dragHandleFirstChild.click();
+      await browser.keys(Key.Space); // pick up
+      await browser.pause(300);
+      await browser.keys(Key.Space); // drop in place
+      await browser.pause(300);
+      const firstChildRow = await DSTreeViewCO.getRowContent(1);
+      await expect(firstChildRow).toHaveText(expect.stringContaining('Child of 1. id: 2'));
+    });
+    it('03: drag a parent and drop it in another parent', async () => {
+      const dragHandleParentId1 = await DSTreeViewCO.getDragHandle(0);
+      await dragHandleParentId1.click();
+      await browser.keys(Key.Space); // pick up Parent id 1
+      await browser.pause(300);
+      await browser.keys(Key.ArrowDown); // move into Parent id 4
+      await browser.pause(300);
+      await browser.keys(Key.Space); // drop
+      await browser.pause(300);
+      await DSTreeViewCO.expandCollapseAll();
+      await browser.pause(300);
+      const firstRow = await DSTreeViewCO.getRowContent(0);
+      await expect(firstRow).toHaveText(expect.stringContaining('Parent. id: 4'));
+    });
+    // Safari's WebKit driver is non-deterministic for TreeView keyboard drag-and-drop (the drag
+    // intermittently fails to nest the item), so this scenario is not registered on Safari —
+    // consistent with PUI-8198, which is also skipped on Safari. It still runs on Chrome, Edge and
+    // Firefox.
+    if (browser.capabilities.browserName !== 'Safari') {
+      it('04: drag a child of a parent and drop it in another parent with no children', async () => {
+        // Make the dragged child (id 3) visible regardless of the expansion state the previous test
+        // left behind (expandCollapseAll is browser-dependent), then select it by its stable handle
+        // id instead of an absolute index — an absolute index points at the wrong row when an
+        // ancestor group is collapsed.
+        await DSTreeViewCO.ensureRowExpandedByText('Parent. id: 4');
+        await DSTreeViewCO.ensureRowExpandedByText('Parent. id: 1');
+        await browser.pause(300);
+        const dragHandleChildOfParent1 = await DSTreeViewCO.getDragHandleByItemId(3);
+        await dragHandleChildOfParent1.click();
+        await browser.keys(Key.Space); // pick up Child of 1. Also parent. id 3
+        await browser.pause(300);
+        await browser.keys(Key.ArrowDown); // move into Item with no children. id 7
+        await browser.pause(300);
+        await browser.keys(Key.Space); // drop
+        await browser.pause(300);
+        // Reveal the dragged child by expanding its new parent (id 7), but only when collapsed.
+        // expandCollapseAll() is avoided: it is a focus-dependent toggle that behaves inconsistently
+        // across browsers after a keyboard drop, and whether the drop auto-expands id 7 also varies.
+        await DSTreeViewCO.ensureRowExpandedByText('Item with no children. id: 7');
+        await browser.pause(300);
+
+        // Assert relative to id 7 rather than an absolute row index: the exact indices depend on how
+        // many ancestor groups are expanded (which varies across browsers). The dragged child (id 3)
+        // is always the row immediately after its new parent (id 7).
+        const rowContents = await DSTreeViewCO.getElementsTexts();
+        // WebdriverIO's element-array `.map()` is an async helper that resolves to the values
+        // directly — do not wrap it in Promise.all (that passes a Promise to Promise.all).
+        const rowTexts = await rowContents.map((row) => row.getText());
+        const parentId7Index = rowTexts.indexOf('Item with no children. id: 7');
+        await expect(rowTexts[parentId7Index + 1]).toEqual('Child of 1. Also parent. id: 3');
+      });
+    }
+  });
+}