dimsum-e2e-tests 1.0.35 → 1.1.0

package/ds-controlled-form/useMask/ReackHookFormWithMask/ReactHookFormWithMask.visual.spec.js

@@ -1,6 +1,7 @@
 /* eslint-disable max-lines */
 import { type } from '../../../helpers';
 import UseMaskCO from '../useMaskCO';
+import DSInputTextCO from '../../ds-input-text/DSInputTextCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-10170 - useRegExpMask:: With React Hook Form - visual', () => {
@@ -10,16 +11,16 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('01: Should display correctly react hook form with mask - initial values', async () => {
       await browser.eyesOpen();
-      const firstInput = await UseMaskCO.getInputByIndex(0);
+      const firstInput = await DSInputTextCO.getInputTextByIndex(0);
       await firstInput.waitForDisplayed();
       const snapshot = await browser.eyesCheckSnapshot(UseMaskCO.snapshotPath('useMask-react-hook-form-initial-value'));
       await expect(snapshot).toEqual(0);
     });
     it('02:  Should display correctly react hook form with mask - all completed', async () => {
       await browser.eyesOpen();
-      const firstInput = await UseMaskCO.getInputByIndex(0);
-      const secondInput = await UseMaskCO.getInputByIndex(1);
-      const thirdInput = await UseMaskCO.getInputByIndex(2);
+      const firstInput = await DSInputTextCO.getInputTextByIndex(0);
+      const secondInput = await DSInputTextCO.getInputTextByIndex(1);
+      const thirdInput = await DSInputTextCO.getInputTextByIndex(2);
       const checkbox = await UseMaskCO.getCheckbox();
       const toggle = await UseMaskCO.getToggle();
       await firstInput.click();

package/ds-controlled-form/useMask/RegExp/UseRegExpMask.func.spec.js

@@ -1,6 +1,7 @@
 /* eslint-disable max-lines */
 import { type } from '../../../helpers';
 import UseMaskCO from '../useMaskCO';
+import DSInputTextCO from '../../ds-input-text/DSInputTextCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-8171 - useRegExpMask:: RegExp', () => {
@@ -9,26 +10,26 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: first input should have initial value', async () => {
-      const firstInput = await UseMaskCO.getInputByIndex(0);
+      const firstInput = await DSInputTextCO.getInputTextByIndex(0);
       await firstInput.click();
       await expect(firstInput).toHaveValue('+(44) 444-44-44');
     });
     it('02: second input should be correctly formated', async () => {
-      const secondInput = await UseMaskCO.getInputByIndex(1);
+      const secondInput = await DSInputTextCO.getInputTextByIndex(1);
       await secondInput.click();
       await type('123a4$bb5678-910');
       await expect(secondInput).toHaveValue('+(12) 345-67-89');
     });
     it('03: clear all inputs', async () => {
-      const firstInput = await UseMaskCO.getInputByIndex(0);
-      const secondInput = await UseMaskCO.getInputByIndex(1);
+      const firstInput = await DSInputTextCO.getInputTextByIndex(0);
+      const secondInput = await DSInputTextCO.getInputTextByIndex(1);
       await UseMaskCO.clearValue(firstInput);
       await UseMaskCO.clearValue(secondInput);
       await expect(firstInput).toHaveValue('');
       await expect(secondInput).toHaveValue('');
     });
     it('04: first input should be correctly formated', async () => {
-      const firstInput = await UseMaskCO.getInputByIndex(0);
+      const firstInput = await DSInputTextCO.getInputTextByIndex(0);
       await firstInput.click();
       await type('1(()23))a4$bb56&*(}}}{:"><?  78-9106456');
       await expect(firstInput).toHaveValue('+(12) 345-67-89');

package/ds-controlled-form/useMask/SSN/UseSsnMask.func.spec.js

@@ -1,6 +1,7 @@
 /* eslint-disable max-lines */
 import { type } from '../../../helpers';
 import UseMaskCO from '../useMaskCO';
+import DSInputTextCO from '../../ds-input-text/DSInputTextCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-8172 - useSSNMask -func', () => {
@@ -9,26 +10,26 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: first input should have initial value', async () => {
-      const firstInput = await UseMaskCO.getInputByIndex(0);
+      const firstInput = await DSInputTextCO.getInputTextByIndex(0);
       await firstInput.waitForDisplayed();
       await expect(firstInput).toHaveValue('111-11-1111');
     });
     it('02: should correctly format the SSN input accordingly to the mask - second input', async () => {
-      const secondInput = await UseMaskCO.getInputByIndex(1);
+      const secondInput = await DSInputTextCO.getInputTextByIndex(1);
       await secondInput.click();
       await type('123a4$bb5678-910');
       await expect(secondInput).toHaveValue('123-45-6789');
     });
     it('03: should correctly clear all inputs', async () => {
-      const firstInput = await UseMaskCO.getInputByIndex(0);
-      const secondInput = await UseMaskCO.getInputByIndex(1);
+      const firstInput = await DSInputTextCO.getInputTextByIndex(0);
+      const secondInput = await DSInputTextCO.getInputTextByIndex(1);
       await UseMaskCO.clearValue(firstInput);
       await UseMaskCO.clearValue(secondInput);
       await expect(firstInput).toHaveValue('');
       await expect(secondInput).toHaveValue('');
     });
     it('04: should correctly format the SSN input accordingly to the mask - first input', async () => {
-      const firstInput = await UseMaskCO.getInputByIndex(1);
+      const firstInput = await DSInputTextCO.getInputTextByIndex(1);
       await firstInput.click();
       await type('1-124--+=23a4$bb5678-910');
       await expect(firstInput).toHaveValue('112-42-3456');
@@ -43,7 +44,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
         if (errorOnGo) throw errorOnGo;
       });
       it('01: should correctly format the SSN input even when using only zeros - second input', async () => {
-        const secondInput = await UseMaskCO.getInputByIndex(1);
+        const secondInput = await DSInputTextCO.getInputTextByIndex(1);
         await secondInput.click();
         await type('000000000');
         await expect(secondInput).toHaveValue('000-00-0000');

package/ds-controlled-form/useMask/ZipCode/UseZipCodeMask.func.spec.js

@@ -1,6 +1,7 @@
 /* eslint-disable max-lines */
 import { type } from '../../../helpers';
 import UseMaskCO from '../useMaskCO';
+import DSInputTextCO from '../../ds-input-text/DSInputTextCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-8173 - useZipCodeMask:: ZipCode', () => {
@@ -9,26 +10,26 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: first input should have initial value', async () => {
-      const firstInput = await UseMaskCO.getInputByIndex(0);
+      const firstInput = await DSInputTextCO.getInputTextByIndex(0);
       await firstInput.waitForDisplayed();
       await expect(firstInput).toHaveValue('11111-1111');
     });
     it('02: should correctly format the ZipCode input accordingly to the mask - second input', async () => {
-      const secondInput = await UseMaskCO.getInputByIndex(1);
+      const secondInput = await DSInputTextCO.getInputTextByIndex(1);
       await secondInput.click();
       await type('123a4$bb5678-910');
       await expect(secondInput).toHaveValue('12345-6789');
     });
     it('03: should correctly clear all inputs', async () => {
-      const firstInput = await UseMaskCO.getInputByIndex(0);
-      const secondInput = await UseMaskCO.getInputByIndex(1);
+      const firstInput = await DSInputTextCO.getInputTextByIndex(0);
+      const secondInput = await DSInputTextCO.getInputTextByIndex(1);
       await UseMaskCO.clearValue(firstInput);
       await UseMaskCO.clearValue(secondInput);
       await expect(firstInput).toHaveValue('');
       await expect(secondInput).toHaveValue('');
     });
     it('04: should correctly format the ZipCode input accordingly to the mask - first input', async () => {
-      const firstInput = await UseMaskCO.getInputByIndex(1);
+      const firstInput = await DSInputTextCO.getInputTextByIndex(1);
       await firstInput.click();
       await type('1-124--+=23a4$bb5678-910');
       await expect(firstInput).toHaveValue('11242-3456');

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-dropzone/DSDropzoneCO.js

@@ -1,7 +1,9 @@
-import { DROPZONE_DATA_TESTID } from '../../packages/ds-dropzone/src/index.ts';
 import { PATH_DROPZONE } from '../../environments/storybook/paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
+// Literal on purpose: importing the package runtime here loads its CJS graph inside the wdio (node) process.
+const DROPZONE_DATA_TESTID = { WRAPPER: 'ds-dropzone-wrapper' };
+
 export default class DSDropzone extends PageObject {
   static basic = new Urlbuilder(PATH_DROPZONE, 'basic');
 

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');
+  }
+}