dimsum-e2e-tests 1.0.36 → 1.2.0

package/ds-controlled-form/useMask/useMaskCO.js

@@ -1,7 +1,7 @@
 /* eslint-disable import/no-relative-packages */
 import { Key } from 'webdriverio';
 import { PATH_E2E_HOOKS_MASKS } from '../../../environments/storybook/paths';
-import { PageObject, Urlbuilder, getElementByIndex } from '../../helpers';
+import { PageObject, Urlbuilder } from '../../helpers';
 
 export default class UseMaskCO extends PageObject {
   static currencyURL = new Urlbuilder(PATH_E2E_HOOKS_MASKS, 'currency-test');
@@ -20,10 +20,6 @@ export default class UseMaskCO extends PageObject {
 
   static withReactHookForm = new Urlbuilder(PATH_E2E_HOOKS_MASKS, 'react-hook-form-with-mask-test');
 
-  static async getInput() {
-    return $('[data-testid="ds-input-text-input"]');
-  }
-
   static async getCheckbox() {
     return $('[data-testid="ds-checkbox"]');
   }
@@ -32,12 +28,6 @@ export default class UseMaskCO extends PageObject {
     return $('[ data-testid="ds-controlled-toggle-checkbox"]');
   }
 
-  static async getInputs() {
-    return $$('[data-testid="ds-input-text-input"]');
-  }
-
-  static getInputByIndex = async (index) => getElementByIndex(this.getInputs, index);
-
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSInputMask', example, 'ds-input-mask');
   }

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

@@ -5,7 +5,7 @@ export default class FiltersCOextra extends PageObject {
   static filterCurrencyPopper = {
     getPopper: async () => $('[data-testid="data-table-currency-range"]'),
     async getInputs() {
-      return (await this.getPopper()).$$('[data-testid="ds-input-text-input"]');
+      return (await this.getPopper()).$$('[data-testid="ds-inputtext-input"]');
     },
     async getLeftInput() {
       return getElementByIndex(await this.getInputs.bind(this), 0);

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

@@ -20,7 +20,7 @@ export default class OnRowClickCO extends PageObject {
 
   static getPickerTrigger = async () => $('[data-testid="ds-controlled-date-time-picker-calendar-trigger-icon"]');
 
-  static getInputText = async () => $$('[data-testid="ds-input-text-input"]');
+  static getInputText = async () => $$('[data-testid="ds-inputtext-input"]');
 
   static getInputTextByIndex = async (index) => getElementByIndex(this.getInputText, index);
 }

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');
+      // 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(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-dialog/components/DialogFormsCO.js

@@ -2,7 +2,7 @@ import { getElementByIndex } from '../helpers';
 import { PageObject } from '../../helpers';
 
 export default class DialogFormsCO extends PageObject {
-  static getAllFormInputs = async () => $$('[data-testid="ds-input-text-input"]');
+  static getAllFormInputs = async () => $$('[data-testid="ds-inputtext-input"]');
 
   static getFormInputByIndex = async (index) => getElementByIndex(this.getAllFormInputs, index);
 

package/ds-dropdownmenu-v2/DSDDMenuV2.axe-core.func.spec.js

@@ -16,6 +16,8 @@ if (
     it('01: should display a loading indicator when ddmenu is triggered', async () => {
       const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
       await ddMenuTrigger.click();
+      const loadingWrapper = await DSDDMenuV2CO.getLoadingWrapper();
+      await loadingWrapper.waitForDisplayed();
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });
@@ -106,19 +108,4 @@ if (
       expect(result.length).toBe(0);
     });
   });
-
-  describe('PUI-11780, DropdownMenuV2, Skeleton Menu Item -AxeCore.', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSDDMenuV2CO.skeletonItemURL.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should display skeleton menu item and pass axe-core scan', async () => {
-      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
-      await ddMenuTrigger.click();
-      const skeleton = await DSDDMenuV2CO.getSkeletons();
-      await skeleton.waitForDisplayed();
-      const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
-    });
-  });
 }

package/ds-dropdownmenu-v2/DSDDMenuV2.visual.spec.js

@@ -77,21 +77,21 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
   });
 
   describe('PUI-9587 - DropdownMenuV2, Basic keyboard selection and submenus -Visual.', () => {
-    before(async () => {
+    beforeEach(async () => {
       const errorOnGo = await DSDDMenuV2CO.basicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display a dropdown submenu expanded and selected', async () => {
-      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
-      await ddMenuTrigger.click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
       await browser.keys(Key.Space);
       await browser.keys(Key.ArrowRight);
       const snapshot = await browser.checkSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-one-submenu'));
       await expect(snapshot).toEqual(0);
     });
     it('02: should display a dropdown double submenu ', async () => {
-      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
-      await ddMenuTrigger.click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
       await browser.keys(Key.ArrowLeft);
       await browser.keys(Key.Space);
       await browser.keys(Key.ArrowDown);

package/ds-dropdownmenu-v2/DSDDMenuV2CO.js

@@ -28,6 +28,8 @@ export default class DSDropdownMenu extends PageObject {
 
   static onClickURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'on-click-test');
 
+  static applyAriaDisabled = new Urlbuilder(PATH_E2E_DDMENU_V2, 'apply-aria-disabled-test');
+
   // Selectors
 
   static async getDropDownTrigger() {
@@ -35,7 +37,11 @@ export default class DSDropdownMenu extends PageObject {
   }
 
   static async getEmptyState() {
-    return $('[data-testid="ds-dropdown-menu-empty-state-wrapper"]');
+    return $('[data-testid="ds-dropdownmenu-empty-state-wrapper"]');
+  }
+
+  static async getLoadingWrapper() {
+    return $('[data-testid="dropdown-menu-loading-wrapper"]');
   }
 
   static async getOptions() {
@@ -59,7 +65,7 @@ export default class DSDropdownMenu extends PageObject {
   }
 
   static async getMenuItemLabel(label) {
-    return $(`//div[@data-testid="ds-menu-item-menu-item-content-wrapper"]//span[contains(text(), "${label}")]`);
+    return $(`//div[@data-testid="ds-menuitem-menu-item-content-wrapper"]//span[contains(text(), "${label}")]`);
   }
 
   static async getCustomDataTestId(datatestid) {

package/ds-dropdownmenu-v2/aria-disabled/DSDDMenuV2.aria-disabled.visual.spec.js

@@ -0,0 +1,20 @@
+import { Key } from 'webdriverio';
+import DSDDMenuV2CO from '../DSDDMenuV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14412 - [DropDownMenuV2] applyAriaDisabled prop - visual Test', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.applyAriaDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a dropdown with custom min width', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.ArrowRight);
+      const snapshot = await browser.eyesCheckSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-aria-disabled-kb-nav'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-dropdownmenu-v2/basic/DSDDMenuV2.basic.func.spec.js

@@ -12,13 +12,13 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
       await ddMenuTrigger.click();
       const optionsPresent = (await DSDDMenuV2CO.getOptions()).length;
-      await expect(optionsPresent).toEqual(6);
+      await expect(optionsPresent).toEqual(9);
     });
     it('02: should open also a submenu and have 5 more options', async () => {
       const submenuIcon = await DSDDMenuV2CO.getSubmenuIconByIndex(0);
       await submenuIcon.click();
       const optionsPresent = (await DSDDMenuV2CO.getOptions()).length;
-      await expect(optionsPresent).toEqual(11);
+      await expect(optionsPresent).toEqual(16);
     });
   });
   describe('PUI-11827 - DropdownMenuV2 - onOptionClick - mouse functional test', () => {
@@ -30,59 +30,59 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
       await ddMenuTrigger.click();
       // option label: Standard
-      const firstOption = await DSDDMenuV2CO.getOptionByIndex(0);
+      const firstOption = await DSDDMenuV2CO.getOptionByIndex(1);
       await firstOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
-      await expect(counterValue).toHaveTextContaining('Clicks: 1');
+      await expect(counterValue).toHaveText(expect.stringContaining('Clicks: 1'));
     });
     it('02: should increase the counter by clicking option type single', async () => {
       // option label: View names are sentence case
-      const secondOption = await DSDDMenuV2CO.getOptionByIndex(1);
+      const secondOption = await DSDDMenuV2CO.getOptionByIndex(2);
       await secondOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
-      await expect(counterValue).toHaveTextContaining('Clicks: 2');
+      await expect(counterValue).toHaveText(expect.stringContaining('Clicks: 2'));
     });
     it('03: should not increase the counter by clicking option type singleWithSubmenu - disabled', async () => {
       // option label: View names can be long
-      const thirdOption = await DSDDMenuV2CO.getOptionByIndex(2);
+      const thirdOption = await DSDDMenuV2CO.getOptionByIndex(3);
       await thirdOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
-      await expect(counterValue).toHaveTextContaining('Clicks: 2');
+      await expect(counterValue).toHaveText(expect.stringContaining('Clicks: 2'));
     });
     it('04: should increase the counter by clicking option type singleWithSubmenu', async () => {
       // option label: Monthly views
-      const fourthOption = await DSDDMenuV2CO.getOptionByIndex(3);
+      const fourthOption = await DSDDMenuV2CO.getOptionByIndex(4);
       await fourthOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
-      await expect(counterValue).toHaveTextContaining('Clicks: 3');
+      await expect(counterValue).toHaveText(expect.stringContaining('Clicks: 3'));
     });
     it('05: should not increase the counter by clicking option type submenu', async () => {
       // option label: Other views
-      const fifthOption = await DSDDMenuV2CO.getOptionByIndex(4);
+      const fifthOption = await DSDDMenuV2CO.getOptionByIndex(5);
       await fifthOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
-      await expect(counterValue).toHaveTextContaining('Clicks: 3');
+      await expect(counterValue).toHaveText(expect.stringContaining('Clicks: 3'));
     });
     it('06: should not increase the counter by clicking option type single - disabled', async () => {
       // option label: Random view
-      const ninthOption = await DSDDMenuV2CO.getOptionByIndex(8);
+      const ninthOption = await DSDDMenuV2CO.getOptionByIndex(11);
       await ninthOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
-      await expect(counterValue).toHaveTextContaining('Clicks: 3');
+      await expect(counterValue).toHaveText(expect.stringContaining('Clicks: 3'));
     });
     it('07: should not increase the counter by clicking option type action - disabled', async () => {
       // option label: Rename
-      const tenthOption = await DSDDMenuV2CO.getOptionByIndex(9);
+      const tenthOption = await DSDDMenuV2CO.getOptionByIndex(13);
       await tenthOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
-      await expect(counterValue).toHaveTextContaining('Clicks: 3');
+      await expect(counterValue).toHaveText(expect.stringContaining('Clicks: 3'));
     });
     it('08: should increase the counter by clicking option type action', async () => {
       // Create new view
-      const sixthOption = await DSDDMenuV2CO.getOptionByIndex(5);
+      const sixthOption = await DSDDMenuV2CO.getOptionByIndex(8);
       await sixthOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
-      await expect(counterValue).toHaveTextContaining('Clicks: 4');
+      await expect(counterValue).toHaveText(expect.stringContaining('Clicks: 4'));
     });
   });
   describe('PUI-11829 - DropdownMenuV2 - onOptionClick - keyboard functional test', () => {
@@ -95,14 +95,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.Enter);
       await browser.keys(Key.Return);
       const counterValue = await DSDDMenuV2CO.getCounterValue();
-      await expect(counterValue).toHaveTextContaining('Clicks: 1');
+      await expect(counterValue).toHaveText(expect.stringContaining('Clicks: 1'));
     });
     it('02: should increase the counter - option type single [Space]', async () => {
       // option label: View names are sentence case
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Space);
       const counterValue = await DSDDMenuV2CO.getCounterValue();
-      await expect(counterValue).toHaveTextContaining('Clicks: 2');
+      await expect(counterValue).toHaveText(expect.stringContaining('Clicks: 2'));
     });
     it('03: should not increase the counter - option type submenu [Enter]', async () => {
       // option label: Other views
@@ -110,14 +110,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       const counterValue = await DSDDMenuV2CO.getCounterValue();
-      await expect(counterValue).toHaveTextContaining('Clicks: 2');
+      await expect(counterValue).toHaveText(expect.stringContaining('Clicks: 2'));
     });
     it('04: should increase the counter - option type action [Space]', async () => {
       // option label: Create new view
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Space);
       const counterValue = await DSDDMenuV2CO.getCounterValue();
-      await expect(counterValue).toHaveTextContaining('Clicks: 3');
+      await expect(counterValue).toHaveText(expect.stringContaining('Clicks: 3'));
     });
   });
   if (browser.capabilities.browserName === 'chrome' || browser.capabilities.browserName === 'Chrome') {
@@ -129,27 +129,27 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       it('01: type singleWithSubmenu: check global attributes', async () => {
         const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
         await ddMenuTrigger.click();
-        const firstOption = await DSDDMenuV2CO.getOptionByIndex(0);
+        const firstOption = await DSDDMenuV2CO.getOptionByIndex(1);
         await expect(firstOption).toHaveAttribute('aria-label', 'Standard case aria label');
         await expect(firstOption).toHaveAttribute('aria-describedby', 'mycustomID');
         await expect(firstOption).toHaveAttribute('data-testid', 'single-with-submenu-item-id1');
       });
       it('02: type single: check global attributes', async () => {
-        const secondOption = await DSDDMenuV2CO.getOptionByIndex(1);
+        const secondOption = await DSDDMenuV2CO.getOptionByIndex(2);
         await expect(secondOption).toHaveAttribute('aria-label', 'View names are sentence case aria label');
         await expect(secondOption).toHaveAttribute('aria-describedby', 'mycustomID2');
         await expect(secondOption).toHaveAttribute('data-testid', 'single-item-id2');
       });
       it('03: type submenu: check global attributes', async () => {
-        const fifthOption = await DSDDMenuV2CO.getOptionByIndex(4);
+        const fifthOption = await DSDDMenuV2CO.getOptionByIndex(5);
         await expect(fifthOption).toHaveAttribute('aria-label', 'Other views aria label');
         await expect(fifthOption).toHaveAttribute('aria-describedby', 'mycustomID3');
         await expect(fifthOption).toHaveAttribute('data-testid', 'submenu-item-id5');
       });
       it('04: type singleWithSubmenu (2nd level): check global attributes', async () => {
-        const fifthOption = await DSDDMenuV2CO.getOptionByIndex(4);
+        const fifthOption = await DSDDMenuV2CO.getOptionByIndex(5);
         await fifthOption.click();
-        const yearlyViewsOption = await DSDDMenuV2CO.getOptionByIndex(6);
+        const yearlyViewsOption = await DSDDMenuV2CO.getOptionByIndex(9);
         await yearlyViewsOption.waitForDisplayed();
         await expect(yearlyViewsOption).toHaveAttribute('aria-label', 'Yearly views aria label');
         await expect(yearlyViewsOption).toHaveAttribute('aria-describedby', 'mycustomID4');

package/ds-dropdownmenu-v2/mandatory-single/DSDDMenuV2.mandatory-single.func.spec.js

@@ -9,13 +9,13 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should open ddmenu and have option 1 automatically checked', async () => {
       const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
       await ddMenuTrigger.click();
-      const opt1 = await DSDDMenuV2CO.getOptionByIndex(0);
+      const opt1 = await DSDDMenuV2CO.getOptionByIndex(1);
       const isOpt1Checked = await opt1.getAttribute('aria-selected');
       await expect(isOpt1Checked).toEqual('true');
     });
     it('02: should click option 2 and have this option checked and option 1 unchecked', async () => {
-      const opt1 = await DSDDMenuV2CO.getOptionByIndex(0);
-      const opt2 = await DSDDMenuV2CO.getOptionByIndex(2);
+      const opt1 = await DSDDMenuV2CO.getOptionByIndex(1);
+      const opt2 = await DSDDMenuV2CO.getOptionByIndex(3);
       await opt2.click();
       const isOpt1Checked = await opt1.getAttribute('aria-selected');
       await expect(isOpt1Checked).toEqual('false');
@@ -23,7 +23,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(isOpt2Checked).toEqual('true');
     });
     it('03: should not deselect the only option selected with click (mandatory select)', async () => {
-      const opt2 = await DSDDMenuV2CO.getOptionByIndex(2);
+      const opt2 = await DSDDMenuV2CO.getOptionByIndex(3);
       await opt2.click();
       const isOpt2Checked = await opt2.getAttribute('aria-selected');
       await expect(isOpt2Checked).toEqual('true');

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

@@ -0,0 +1,46 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import { mouseOver } from '../helpers';
+import DSFloatingContextCO from './DSFloatingContextCO';
+import DSButtonV3CO from '../ds-button-v3/DSButtonV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14534 - DSFloatingContext:: basic - visual test', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSFloatingContextCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the tooltip correctly on hover', async () => {
+      await browser.eyesOpen();
+      const triggerButton = await DSButtonV3CO.getButton();
+      await mouseOver(triggerButton);
+      const tooltip = await DSFloatingContextCO.getFloatingContextWrapper();
+      await tooltip.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSFloatingContextCO.snapshotPath('floating-context-on-hover'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display the tooltip correctly on tab', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      const tooltipContent = await DSFloatingContextCO.getFloatingContextContent();
+      await tooltipContent.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSFloatingContextCO.snapshotPath('floating-context-on-tab'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-15371 - DSFloatingContext:: custom offset - visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSFloatingContextCO.customOffsetURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the tooltip correctly on hover', async () => {
+      await browser.eyesOpen();
+      const triggerButton = await DSButtonV3CO.getButton();
+      await mouseOver(triggerButton);
+      const tooltip = await DSFloatingContextCO.getFloatingContextWrapper();
+      await tooltip.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSFloatingContextCO.snapshotPath('floating-context-on-hover'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-floating-context/DSFloatingContextCO.js

@@ -0,0 +1,46 @@
+/* eslint-disable no-dupe-class-members */
+import { PATH_E2E_FLOATING_CONTEXT } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSFloatingContextCO extends PageObject {
+  // STORIES
+  static basicURL = new Urlbuilder(PATH_E2E_FLOATING_CONTEXT, 'basic-test');
+
+  static customOffsetURL = new Urlbuilder(PATH_E2E_FLOATING_CONTEXT, 'custom-offsets-test');
+
+  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"]');
+  }
+
+  static async getFloatingContextContent() {
+    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"]');
+  }
+
+  static async getFloatingContextContentSlot() {
+    return $('[data-dimsum-slot="dsFloatingwrapperContent"]');
+  }
+
+  static async getFloatingContextRootSlot() {
+    return $('[data-dimsum-slot="dsFloatingwrapperRoot"]');
+  }
+
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('DSFloatingContext', example, 'ds-floating-context');
+  }
+}

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-floating-context/slots/DSFloatingContext.slots.axe-core.func.spec.js

@@ -0,0 +1,23 @@
+/* eslint-disable max-lines */
+import DSFloatingContextCO from '../DSFloatingContextCO';
+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-15675 - DSFloatingContextCO:: slots - axe-core test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSFloatingContextCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a custom Floating Context and pass axe-core', async () => {
+      const tooltip = await DSFloatingContextCO.getFloatingContextContentSlot();
+      await tooltip.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-floating-context/slots/DSFloatingContext.slots.func.spec.js

@@ -0,0 +1,41 @@
+import DSFloatingContextCO from '../DSFloatingContextCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-15676 - DSFloatingContextCO:: slots - globalAttributes test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSFloatingContextCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom data-*', async () => {
+      const contentSlot = await DSFloatingContextCO.getFloatingContextContentSlot();
+      const rootSlot = await DSFloatingContextCO.getFloatingContextRootSlot();
+
+      await expect(contentSlot).toHaveAttribute('data-testid', 'floating-content-custom-data-testid');
+      await expect(rootSlot).toHaveAttribute('data-testid', 'floating-root-custom-data-testid');
+    });
+    it('02: should have custom aria-*', async () => {
+      // const arrowSlot = DSFloatingContextCO.getFloatingContextArrowSlot();
+      const contentSlot = await DSFloatingContextCO.getFloatingContextContentSlot();
+      const rootSlot = await DSFloatingContextCO.getFloatingContextRootSlot();
+
+      // await expect(arrowSlot).toHaveAttribute('aria-label', 'arrow-custom-aria-label');
+      await expect(contentSlot).toHaveAttribute('aria-label', 'content-custom-aria-label');
+      await expect(rootSlot).toHaveAttribute('aria-label', 'root-custom-aria-label');
+    });
+    it('03: should have custom global attributes', async () => {
+      const contentSlot = await DSFloatingContextCO.getFloatingContextContentSlot();
+      const rootSlot = await DSFloatingContextCO.getFloatingContextRootSlot();
+      const zIndexRoot = await rootSlot.getCSSProperty('z-index');
+
+      await expect(contentSlot).toHaveAttribute('id', 'floating-content-id');
+      await expect(rootSlot).toHaveAttribute('id', 'floating-root-id');
+      await expect(rootSlot).toHaveAttribute('role', 'tooltip');
+      await expect(zIndexRoot.value).toEqual(5000);
+    });
+  });
+}

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

@@ -0,0 +1,18 @@
+/* eslint-disable wdio/no-pause */
+import DSFloatingContextCO from '../DSFloatingContextCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-15677 - DSFloatingContext:: slots - visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSFloatingContextCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a custom Floating Context', async () => {
+      await browser.eyesOpen();
+      const tooltip = await DSFloatingContextCO.getFloatingContextRootSlot();
+      await tooltip.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSFloatingContextCO.snapshotPath('floating-context-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-layout-blocks/form-layout-block-item/DSFormLayoutBlockItemCO.js

@@ -39,15 +39,15 @@ export default class DSFormLayoutBlockItemCO extends PageObject {
   }
 
   static async getTextInput() {
-    return $('[data-testid="ds-input-text-input"]');
+    return $('[data-testid="ds-inputtext-input"]');
   }
 
   static async getTextInputs(index = 0) {
-    return $$('[data-testid="ds-input-text-input"]')[index];
+    return $$('[data-testid="ds-inputtext-input"]')[index];
   }
 
   static async getTextFocuseableByIndex(index = 0) {
-    return $$(`[data-testid="ds-input-text-root"]`)[index];
+    return $$(`[data-testid="ds-inputtext-root"]`)[index];
   }
 
   static async middleNameLabel() {

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();
     });
   });
 }