dimsum-e2e-tests 3.50.1-next.9 → 3.51.0-beta.2

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

@@ -1,3 +1,4 @@
+/* eslint-disable max-statements */
 /* eslint-disable max-len */
 import { Key } from 'webdriverio';
 import DSDataTableCO from '../DSDataTableCO';
@@ -60,19 +61,24 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('should display two row of pills and the pagination correctly rendered', async () => {
       await browser.eyesOpen();
       await FiltersCO.openFilterPopperByColumnName('id', 0);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await FiltersCO.openFilterPopperByColumnName('name', 0);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await FiltersCO.openFilterPopperByColumnName('position', 0);
       await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await FiltersCO.openFilterPopperByColumnName('name', 0);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await FiltersCO.openFilterPopperByColumnName('name', 0);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       const checkSnap = await browser.eyesCheckSnapshot(await DSDataTableCO.snapshotPath('datatable-double-pill-row'));
       await expect(checkSnap).toEqual(0);

package/ds-dialog/DSDialog.func.spec.js

@@ -9,17 +9,17 @@ import { type } from '../helpers';
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-7874 - DSDialog, Manage focus after close -func', () => {
     before('loading page', async () => {
-      const errorOnGo = await DSDialogCO.manageFocusURL.go();
+      const errorOnGo = await DSDialogCO.basicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should open the dialog after clicking the trigger', async () => {
+    it('01: should open the dialog after clicking the trigger', async () => {
       const triggerBtn = await DSDialogCO.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialogCO.getDialog();
       await dialog.waitForDisplayed();
       await expect(dialog).toBeDisplayedInViewport();
     });
-    it('should focus the trigger after closing the dialog', async () => {
+    it('02: should focus the trigger after closing the dialog', async () => {
       const closeBtn = await DSDialogCO.getCloseBtn();
       await closeBtn.click();
       const triggerBtn = await DSDialogCO.getTriggerBtn();
@@ -31,14 +31,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSDialogCO.removeFocusURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should open the dialog after clicking the trigger', async () => {
+    it('01: should open the dialog after clicking the trigger', async () => {
       const triggerBtn = await DSDialogCO.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialogCO.getDialog();
       await dialog.waitForDisplayed();
       await expect(dialog).toBeDisplayedInViewport();
     });
-    it('should focus the first form input on the dialog and not the container', async () => {
+    it('02: should focus the first form input on the dialog and not the container', async () => {
       const firstInput = await DialogFormsCO.getFormInputByIndex(0);
       await expect(firstInput).toBeFocused();
     });
@@ -48,7 +48,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSDialogCO.accesibleForm.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should open the dialog after clicking the trigger and focus on the first input', async () => {
+    it('01: should open the dialog after clicking the trigger and focus on the first input', async () => {
       const triggerBtn = await DSDialogCO.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialogCO.getDialog();
@@ -57,32 +57,32 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const firstInput = await DialogFormsCO.getFormInputByIndex(0);
       await expect(firstInput).toBeFocused();
     });
-    it('should focus the fisrst checkbox and mark it as checked', async () => {
+    it('02: should focus the fisrst checkbox and mark it as checked', async () => {
       await browser.keys(Key.Tab);
       await browser.keys(Key.Space);
       const firstCheckbox = await $('[id="id3"]');
       await expect(firstCheckbox).toBeFocused();
     });
-    it('should focus the first toggle button', async () => {
+    it('03: should focus the first toggle button', async () => {
       await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       const firstToggle = await $('[id="unique_id_1"]');
       await expect(firstToggle).toBeFocused();
     });
-    it('should focus the Apply button', async () => {
+    it('04: should focus the Apply button', async () => {
       await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       const applyButton = await DSDialogCO.getApplyBtn();
       await expect(applyButton).toBeFocused();
     });
-    it('should loop and focus the first input again', async () => {
+    it('05: should loop and focus the first input again', async () => {
       await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       const firstInput = await DialogFormsCO.getFormInputByIndex(0);
       await expect(firstInput).toBeFocused();
     });
-    it('should go back to focus the close button', async () => {
+    it('06: should go back to focus the close button', async () => {
       await browser.keys([Key.Shift, Key.Tab]);
       const firstInput = await DSDialogCO.getCloseBtn();
       await expect(firstInput).toBeFocused();
@@ -93,16 +93,16 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSDialogCO.basicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should open the dialog after clicking the trigger', async () => {
+    it('01: should open the dialog after clicking the trigger', async () => {
       const triggerBtn = await DSDialogCO.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialogCO.getDialog();
       await dialog.waitForDisplayed();
       await expect(dialog).toBeDisplayedInViewport();
     });
-    it('should press tab 7 times and still be within the dialog', async () => {
+    it('02: should press tab 7 times and still be within the dialog', async () => {
       // eslint-disable-next-line no-plusplus
-      for (let i = 0; i < 7; i++) await browser.keys(Key.Tab);
+      for (let i = 0; i < 6; i++) await browser.keys(Key.Tab);
       const closeBtn = await DSDialogCO.getCloseBtn();
       await expect(closeBtn).toBeFocused();
     });

package/ds-dialog/DSDialogCO.js

@@ -4,7 +4,7 @@ import { PATH_DIALOG_EXAMPLES, PATH_E2E_DIALOG } from '../../environments/storyb
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSDialog extends PageObject {
-  static basicURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'basic');
+  static basicURL = new Urlbuilder(PATH_E2E_DIALOG, 'basic');
 
   static centeredURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'centered');
 

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

package/ds-dropdownmenu-v2/DSDDMenuV2CO.js

@@ -37,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() {
@@ -61,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-form-combobox-multi/DSComboboxMultiCO.js

@@ -6,6 +6,8 @@ export default class DSComboboxMultiCO extends PageObject {
   // STORIES
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'apply-aria-disabled-test');
 
+  static readOnly = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'read-only-test');
+
   // COMBOBOX - INPUT
   static async getCombobox() {
     return $('[data-testid="combobox-container"]');
@@ -43,15 +45,6 @@ export default class DSComboboxMultiCO extends PageObject {
     return $('[data-testid="combobox-ally-selected-values"]');
   }
 
-  // MENU
-  static async getSelectAllCheckbox() {
-    return $('#select-all-checkbox');
-  }
-
-  static async getSelectedOptionsToggle() {
-    return $('[data-testid="combobox-selected-options-toggle"]');
-  }
-
   static async getMenuList() {
     return $('[data-testid="combobox-menu-list"]');
   }

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

@@ -23,23 +23,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.Enter);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const snapshot = await browser.eyesCheckSnapshot(
         DSComboboxMultiCO.snapshotPath('combobox-multi-aria-disabled-options-kb-nav'),
       );
       await expect(snapshot).toEqual(0);
     });
-    // eslint-disable-next-line max-len
-    it('03: After select-all, only enabled options are selected; pre-selected disabled/aria-disabled retain selection', async () => {
-      await browser.eyesOpen();
-      const selectAllBtn = await DSComboboxMultiCO.getSelectAllCheckbox();
-      await selectAllBtn.click();
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSComboboxMultiCO.snapshotPath('combobox-multi-aria-disabled-select-all-kb-nav'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-    it('04: first aria-disabled combobox should be focused', async () => {
+    it('03: first aria-disabled combobox should be focused', async () => {
       await browser.eyesOpen();
       await browser.keys(Key.Escape);
       await browser.keys([Key.Shift, Key.Tab]);

package/ds-form-combobox-multi/read-only/DSComboboxMulti.read-only.axe-core.func.spec.js

@@ -0,0 +1,26 @@
+/* eslint-disable max-lines */
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+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-15028 - ComboboxMulti:: readOnly - axe-core test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    // eslint-disable-next-line max-len
+    it('01: should display a combobox multi with readOnly and pass axe-core scan', async () => {
+      const combobox = await DSComboboxMultiCO.getCombobox();
+      await combobox.click();
+      const menuList = await DSComboboxMultiCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const result = await axeCoreCheck();
+      await expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-form-combobox-multi/read-only/DSComboboxMulti.read-only.keyboard-nav.func.spec.js

@@ -0,0 +1,27 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-15098 - ComboboxMulti:: readOnly - keyboard nav', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: combobox multi readOnly should be focused - Tab', async () => {
+      await browser.keys(Key.Tab);
+      const combobox = await DSComboboxMultiCO.getComboboxInput();
+      await expect(combobox).toBeFocused();
+    });
+    it('02: menu should not be opened - Enter', async () => {
+      await browser.keys(Key.Enter);
+      await expect(await DSComboboxMultiCO.getMenuList()).not.toBeDisplayed();
+    });
+    it('03: menu should not be opened and typed text not displayed - any key', async () => {
+      await browser.keys('this is a test');
+      await expect(await DSComboboxMultiCO.getMenuList()).not.toBeDisplayed();
+      const input = await (await DSComboboxMultiCO.getComboboxInput()).getText();
+      await expect(input).toBe('');
+    });
+  });
+}

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

@@ -0,0 +1,33 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-15026 - ComboboxMulti:: readOnly prop - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: readOnly combobox multi - default', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxMultiCO.snapshotPath('combobox-multi-readOnly'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: readOnly combobox multi option selected focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxMultiCO.snapshotPath('combobox-multi-readOnly-focused'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: readOnly combobox multi after typing', async () => {
+      await browser.eyesOpen();
+      await browser.keys('this is a test');
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxMultiCO.snapshotPath('combobox-multi-readOnly-after-typing'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-combobox-single/DSComboboxSingleCO.js

@@ -6,6 +6,8 @@ export default class DSComboboxSingleCO extends PageObject {
   // STORIES
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'apply-aria-disabled-test');
 
+  static readOnly = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'read-only-test');
+
   // COMBOBOX - INPUT
   static async getCombobox() {
     return $('[data-testid="combobox-container"]');
@@ -43,15 +45,6 @@ export default class DSComboboxSingleCO extends PageObject {
     return $('[data-testid="combobox-ally-selected-values"]');
   }
 
-  // MENU
-  static async getSelectAllCheckbox() {
-    return $('#select-all-checkbox');
-  }
-
-  static async getSelectedOptionsToggle() {
-    return $('[data-testid="combobox-selected-options-toggle"]');
-  }
-
   static async getMenuList() {
     return $('[data-testid="combobox-menu-list"]');
   }

package/ds-form-combobox-single/read-only/DSComboboxSingle.read-only.axe-core.func.spec.js

@@ -0,0 +1,26 @@
+/* eslint-disable max-lines */
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+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-15030 - ComboboxSingle:: readOnly - axe-core test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    // eslint-disable-next-line max-len
+    it('01: should display a combobox single with readOnly and pass axe-core scan', async () => {
+      const combobox = await DSComboboxSingleCO.getCombobox();
+      await combobox.click();
+      const menuList = await DSComboboxSingleCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const result = await axeCoreCheck();
+      await expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-form-combobox-single/read-only/DSComboboxSingle.read-only.keyboard-nav.func.spec.js

@@ -0,0 +1,27 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-15097 - ComboboxSingle:: readOnly - keyboard nav', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: combobox single readOnly should be focused - Tab', async () => {
+      await browser.keys(Key.Tab);
+      const combobox = await DSComboboxSingleCO.getComboboxInput();
+      await expect(combobox).toBeFocused();
+    });
+    it('02: menu should not be opened - Enter', async () => {
+      await browser.keys(Key.Enter);
+      await expect(await DSComboboxSingleCO.getMenuList()).not.toBeDisplayed();
+    });
+    it('03: menu should not be opened and typed text not displayed - any key', async () => {
+      await browser.keys('this is a test');
+      await expect(await DSComboboxSingleCO.getMenuList()).not.toBeDisplayed();
+      const input = await (await DSComboboxSingleCO.getComboboxInput()).getText();
+      await expect(input).toBe('');
+    });
+  });
+}

package/ds-form-combobox-single/read-only/DSComboboxSingle.read-only.visual.spec.js

@@ -0,0 +1,33 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-15029 - ComboboxSingle:: readOnly prop - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: readOnly combobox single - default', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxSingleCO.snapshotPath('combobox-single-readOnly'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: readOnly combobox single focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-readOnly-focused'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: readOnly combobox - after typing', async () => {
+      await browser.eyesOpen();
+      await browser.keys('this is a test');
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-readOnly-after-typing'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

@@ -85,23 +85,27 @@ export default class DSFormLayoutBlockItemCO extends PageObject {
   }
 
   static async getErrorMessages() {
-    return $$('[data-testid="ds-form-layout-block-item-error-message"]');
+    return $$('[data-testid="ds-formlayoutblockitem-error-message"]');
   }
 
   static async getErrorMessage() {
-    return $('[data-testid="ds-form-layout-block-item-error-message"]');
+    return $('[data-testid="ds-formlayoutblockitem-error-message"]');
+  }
+
+  static async getFeedbackMessage() {
+    return $('[data-testid="ds-form-layout-block-item-message"]');
   }
 
   static async getBlockContainersByIndex(index = 0) {
-    return $$('[data-testid="ds-form-layout-block-item-container"]')[index];
+    return $$('[data-testid="ds-formlayoutblockitem-container"]')[index];
   }
 
   static async getErrorMessageByParent(parent) {
-    return parent.$('[data-testid="ds-form-layout-block-item-error-message"]');
+    return parent.$('[data-testid="ds-formlayoutblockitem-error-message"]');
   }
 
   static async getErrorMessagesByIndex(index = 0) {
-    return $$('[data-testid="ds-form-layout-block-item-error-message"]')[index];
+    return $$('[data-testid="ds-formlayoutblockitem-error-message"]')[index];
   }
 
   static async getByTestId(name) {

package/ds-form-layout-blocks/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.visual.spec.js

@@ -5,7 +5,7 @@ describe('PUI-7010 - DSFormLayoutCheckboxGroup: Directions - visual test', () =>
     const errorOnGo = await DSFormLayoutCheckboxGroupCO.directionURL.go();
     if (errorOnGo) throw errorOnGo;
   });
-  it('should display checkbox group horizontal and vertical', async () => {
+  it('01: should display checkbox group horizontal and vertical', async () => {
     await (await DSFormLayoutCheckboxGroupCO.checkboxLabel('Pepper')).waitForDisplayed();
     const snapshot = await browser.checkSnapshot(DSFormLayoutCheckboxGroupCO.snapshotPath('checkbox-group-directions'));
     await expect(snapshot).toEqual(0);

package/ds-form-layout-blocks/form-layout-checkbox-group/DSFormLayoutCheckboxGroupCO.js

@@ -1,8 +1,8 @@
-import { PATH_FORM_LAYOUT_BLOCKS_CHECKBOX_GROUP } from '../../../environments/storybook/paths';
+import { PATH_E2E_CHECKBOX_GROUP } from '../../../environments/storybook/paths';
 import { PageObject, Urlbuilder } from '../../helpers';
 
 export default class DSFormLayoutCheckboxGroupCO extends PageObject {
-  static directionURL = new Urlbuilder(PATH_FORM_LAYOUT_BLOCKS_CHECKBOX_GROUP, 'direction');
+  static directionURL = new Urlbuilder(PATH_E2E_CHECKBOX_GROUP, 'direction-test');
 
   static async checkboxLabel(label) {
     return $(`label*=${label}`);

package/ds-menu-button/DSMenuButtonCO.js

@@ -1,22 +1,26 @@
-import { PATH_MENU_BUTTON } from '../../environments/storybook/paths';
+import { PATH_E2E_MENU_BUTTON } from '../../environments/storybook/paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSMenuButtonCO extends PageObject {
   // Current supported examples: POC
-  static activableMenuItem = new Urlbuilder(PATH_MENU_BUTTON, 'activable-menu-item');
+  static activableMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'activable-menu-item');
 
-  static multipleSelectMenuItem = new Urlbuilder(PATH_MENU_BUTTON, 'multiple-select-menu-item');
+  static multipleSelectMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'multiple-select-menu-item');
 
-  static singleSelectMenuItem = new Urlbuilder(PATH_MENU_BUTTON, 'single-select-menu-item');
+  static singleSelectMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'single-select-menu-item');
 
-  static withSubmenuMenuItem = new Urlbuilder(PATH_MENU_BUTTON, 'with-submenu-menu-item');
+  static withSubmenuMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'with-submenu-menu-item');
+
+  static withDisabled = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'disabled-items-test');
+
+  static withLeftDecorations = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'with-left-decorations-test');
 
   static async getMenuRoots() {
-    return $$('[data-testid="ds-flyout-menu-root"]');
+    return $$('[data-testid="ds-flyoutmenu-root"]');
   }
 
   static async getMenuRoot() {
-    return $('[data-testid="ds-flyout-menu-root"]');
+    return $('[data-testid="ds-flyoutmenu-root"]');
   }
 
   static async getMenuFloatingWrapperRoot(index = 0) {
@@ -28,23 +32,23 @@ export default class DSMenuButtonCO extends PageObject {
   }
 
   static async getMenuItemWrapper(index = 0) {
-    return $$('[data-testid="ds-menu-item-menu-item-wrapper"]')[index];
+    return $$('[data-testid="ds-menuitem-menu-item-wrapper"]')[index];
   }
 
   static async getMenuItems() {
-    return $$('[data-testid="ds-menu-item-menu-item-wrapper"]');
+    return $$('[data-testid="ds-menuitem-menu-item-wrapper"]');
   }
 
   static async getMenuItemContentWrapper(index = 0) {
-    return $$('[data-testid="ds-menu-item-menu-item-content-wrapper"]')[index];
+    return $$('[data-testid="ds-menuitem-menu-item-content-wrapper"]')[index];
   }
 
   static async getMenuItemContentLabel(index = 0) {
-    return $$('[data-testid="ds-menu-item-menu-item-label"]')[index];
+    return $$('[data-testid="ds-menuitem-menu-item-label"]')[index];
   }
 
   static async getMenuItemContentLabels() {
-    return $$('[data-testid="ds-menu-item-menu-item-label"]');
+    return $$('[data-testid="ds-menuitem-menu-item-label"]');
   }
 
   static async getMenuItemByID(id = 1) {

package/ds-menu-button/activable/DSMenuButton.activableMenuItem.func.spec.js

@@ -0,0 +1,32 @@
+/* eslint-disable max-statements */
+import { Key } from 'webdriverio';
+import DSMenuButtonCO from '../DSMenuButtonCO';
+import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
+import DSDialog from '../../ds-dialog/DSDialogCO';
+import DSCardV3CO from '../../ds-card-v3/DSCardV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14645 - DSMenuButton:: Activable Menu Item: Basic Mouse - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSMenuButtonCO.activableMenuItem.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should trigger first menuItem with MOUSE and have a dialog', async () => {
+      const menuTrigger = await DSButtonV3CO.getButtonByLabel('Actions example');
+      await menuTrigger.click();
+      const menuItem1 = await DSMenuButtonCO.getMenuItemByID('1');
+      await menuItem1.click();
+      const triggeredDialog = DSDialog.getDialog();
+      await expect(triggeredDialog).toBeDisplayed();
+    });
+    it('02: should trigger third menuItem with MOUSE and have a card', async () => {
+      await browser.keys(Key.Escape); // Closes dialog
+      const menuTrigger = await DSButtonV3CO.getButtonByLabel('Actions example');
+      await menuTrigger.click();
+      const menuItem3 = await DSMenuButtonCO.getMenuItemByID('3');
+      await menuItem3.click();
+      const triggeredCards = (await DSCardV3CO.getCards()).length;
+      await expect(triggeredCards).toEqual(2); // One card is already on this story containing the trigger (+1).
+    });
+  });
+}

package/ds-menu-button/{basic/DSMenuButton.activableMenuItem.func.spec.js → activable/DSMenuButton.activableMenuItem.keyboardnav.func.spec.js}

@@ -1,35 +1,10 @@
 /* eslint-disable max-statements */
 import { Key } from 'webdriverio';
 import DSMenuButtonCO from '../DSMenuButtonCO';
-import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
 import DSDialog from '../../ds-dialog/DSDialogCO';
 import DSCardV3CO from '../../ds-card-v3/DSCardV3CO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-14645 - DSMenuButton:: Activable Menu Item: Basic Mouse - Func', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSMenuButtonCO.activableMenuItem.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should trigger first menuItem with MOUSE and have a dialog', async () => {
-      const menuTrigger = await DSButtonV3CO.getButton();
-      await menuTrigger.click();
-      const menuItem1 = await DSMenuButtonCO.getMenuItemByID('1');
-      await menuItem1.click();
-      const triggeredDialog = DSDialog.getDialog();
-      await expect(triggeredDialog).toBeDisplayed();
-    });
-    it('02: should trigger third menuItem with MOUSE and have a card', async () => {
-      await browser.keys(Key.Escape); // Closes dialog
-      const menuTrigger = await DSButtonV3CO.getButton();
-      await menuTrigger.click();
-      const menuItem3 = await DSMenuButtonCO.getMenuItemByID('3');
-      await menuItem3.click();
-      const triggeredCards = (await DSCardV3CO.getCards()).length;
-      await expect(triggeredCards).toEqual(2); // One card is already on this story containing the trigger (+1).
-    });
-  });
-
   describe('PUI-14646 - DSMenuButton:: Activable Menu Item: Basic Keyboard - Func', () => {
     before('loading page', async () => {
       const errorOnGo = await DSMenuButtonCO.activableMenuItem.go();
@@ -42,7 +17,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown); // Iterated the focustrap
       await browser.keys(Key.Return);
-      const triggeredDialog = DSDialog.getDialog();
+      const triggeredDialog = await DSDialog.getDialog();
       const menu = await DSMenuButtonCO.getMenuRoot();
       await expect(menu).not.toBeDisplayedInViewport();
       await expect(triggeredDialog).toBeDisplayed();