dimsum-e2e-tests 3.49.0-rc.4 → 3.50.0-next.2

package/ds-controlled-form/ds-controlled-date-range-picker/DSControlledDateRangePickerCO.js

@@ -1,20 +1,10 @@
 /* eslint-disable import/no-relative-packages */
 /* eslint-disable max-lines */
-import { PATH_E2E_CONTROLLED_FORM_DATE_RANGE_PICKER } from '../../../environments/storybook/paths';
+import { PATH_E2E_CONTROLLEDFORM } from '../../../environments/storybook/paths';
 import { PageObject, Urlbuilder, getElementByIndex } from '../../helpers';
 
 export default class DSControlledDateRangePickerCO extends PageObject {
-  static basic = new Urlbuilder(PATH_E2E_CONTROLLED_FORM_DATE_RANGE_PICKER, 'basic-test');
-
-  static clearable = new Urlbuilder(PATH_E2E_CONTROLLED_FORM_DATE_RANGE_PICKER, 'clearable-test');
-
-  static invalidSelection = new Urlbuilder(PATH_E2E_CONTROLLED_FORM_DATE_RANGE_PICKER, 'invalid-selection-test');
-
-  static fullFeatures = new Urlbuilder(PATH_E2E_CONTROLLED_FORM_DATE_RANGE_PICKER, 'full-features-test');
-
-  static disabled = new Urlbuilder(PATH_E2E_CONTROLLED_FORM_DATE_RANGE_PICKER, 'disabled-test');
-
-  static withValidation = new Urlbuilder(PATH_E2E_CONTROLLED_FORM_DATE_RANGE_PICKER, 'example-with-validation-test');
+  static basic = new Urlbuilder(PATH_E2E_CONTROLLEDFORM, 'basic-date-range');
 
   // Story elements
 
@@ -22,10 +12,6 @@ export default class DSControlledDateRangePickerCO extends PageObject {
 
   static getPrevMonthBtn = async () => $('[data-testid="ds-controlled-date-time-picker-calendar-prev-month"]');
 
-  static getNextYearBtn = async () => $('[data-testid="ds-controlled-date-time-picker-calendar-next-year"]');
-
-  static getPrevYearBtn = async () => $('[data-testid="ds-controlled-date-time-picker-calendar-prev-year"]');
-
   // DateInput
   static getMonthInput = async () => $('[data-testid="ds-controlled-date-time-picker-month-input"]');
 
@@ -33,20 +19,6 @@ export default class DSControlledDateRangePickerCO extends PageObject {
 
   static getYearInput = async () => $('[data-testid="ds-controlled-date-time-picker-year-input"]');
 
-  static getMonthInputByIndex = async (index = 0) =>
-    $$('[data-testid="ds-controlled-date-time-picker-month-input"]')[index];
-
-  static getDayInputByIndex = async (index = 0) =>
-    $$('[data-testid="ds-controlled-date-time-picker-day-input"]')[index];
-
-  static getYearInputByIndex = async (index = 0) =>
-    $$('[data-testid="ds-controlled-date-time-picker-year-input"]')[index];
-
-  static getClearableBtns = async () => $$(`[data-testid="ds-controlled-date-time-picker-clear-btn"]`);
-
-  static getClearableByIndex = async (index = 0) =>
-    $$(`[data-testid="ds-controlled-date-time-picker-clear-btn"]`)[index];
-
   // TimeInput
   static getHourInput = async () => $('[data-testid="ds-controlled-date-time-picker-hour-input"]');
 
@@ -58,9 +30,6 @@ export default class DSControlledDateRangePickerCO extends PageObject {
 
   static getDayOnCalendarByIndex = async (index) => getElementByIndex(this.getDaysOnCalendar, index);
 
-  static getInRangeDayByIndex = async (index = 0) =>
-    $$('[data-testid="ds-controlled-date-time-picker-calendar-in-range-day"]')[index];
-
   // Picker
   static getPickerBtn = async () => $('[data-testid="ds-controlled-date-time-picker-calendar-trigger-icon"]');
 
@@ -75,28 +44,7 @@ export default class DSControlledDateRangePickerCO extends PageObject {
     return $(`[data-testid="ds-controlled-date-time-picker-timewheel-minute"]=${value}`);
   }
 
-  static async getRangeStartDay() {
-    return $(`[data-testid="ds-controlled-date-time-picker-calendar-start-range-day"]`);
-  }
-
-  static async getRangeEndDay() {
-    return $(`[data-testid="ds-controlled-date-time-picker-calendar-end-range-day"]`);
-  }
-
-  static async getFocusedDay() {
-    return $(`[data-testid="ds-controlled-date-time-picker-calendar-focused-day"]`);
-  }
-
   // Calendar
-
-  static async getDayOnCalendarWrapper() {
-    return $(`[data-testid="ds-controlled-date-time-picker-calendar-context-content-wrapper"]`);
-  }
-
-  static async getCalendarHeaderLabel() {
-    return $(`[data-testid="ds-controlled-date-time-picker-calendar-header-label"]`);
-  }
-
   // Time Wheel
   // Screenshots
   static snapshotPath(example = 'basic') {

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

@@ -72,10 +72,6 @@ export default class DSControlledInputGroupCO extends PageObject {
     return $$('[data-testid="combobox-option"]')[index];
   }
 
-  static async getComboboxWrapper() {
-    return $('[data-testid="combobox-controls-wrapper"]');
-  }
-
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSControlledInputGroup', example, 'ds-controlled-inputgroup');
   }

package/ds-controlled-form/ds-controlled-inputgroup/combobox/DSControlledInputGroup.combobox.axe-core.func.spec.js

@@ -30,7 +30,7 @@ if (
       expect(result.length).toBe(0);
     });
     it('03: should pass axe-core scan without violations after select an option', async () => {
-      const input = await DSControlledInputGroupCO.getComboboxWrapper();
+      const input = await DSControlledInputGroupCO.getComboboxInput();
       await input.waitForDisplayed();
       await input.click();
       const menuList = await DSControlledInputGroupCO.getMenuList();

package/ds-data-table-async/DSDataTable.smoke.spec.js

@@ -124,7 +124,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('03: should create a new option', async () => {
       await type('OHN');
-      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const pill = await FilterBarCO.getPillByText('JOHN');
       await expect(pill).toBeDisplayedInViewport();
@@ -134,7 +133,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await pillCloseBtn.click();
       await FiltersCO.openFilterPopperByColumnName('name', 0);
       await type('John');
-      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const results = await RowCO.getRows();
       const filteredNames = await DSDataTableCO.getAllColumnResults(results, 1);
@@ -165,7 +163,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('03: should create a new option', async () => {
       await type('act');
-      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const pill = await FilterBarCO.getPillByText('React');
       const menuItems = await FiltersCO.getFilterMultiSelectMenuItems();
@@ -175,7 +172,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('04: type a valid value', async () => {
       await type('React dev');
-      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const results = await RowCO.getRows();
       const filteredNames = await DSDataTableCO.getAllColumnResults(results, 2);

package/ds-data-table-async/filters/DSDataTable.filters-creatable.func.spec.js

@@ -29,7 +29,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('03: should create a new option', async () => {
       await type('OHN');
-      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const pill = await FilterBarCO.getPillByText('JOHN');
       await expect(pill).toBeDisplayedInViewport();
@@ -39,7 +38,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await pillCloseBtn.click();
       await FiltersCO.openFilterPopperByColumnName('name', 0);
       await type('John');
-      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const results = await RowCO.getRows();
       const filteredNames = await DSDataTableCO.getAllColumnResults(results, 1);
@@ -70,7 +68,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('03: should create a new option', async () => {
       await type('act');
-      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const pill = await FilterBarCO.getPillByText('React');
       const menuItems = await FiltersCO.getFilterMultiSelectMenuItems();
@@ -80,7 +77,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('04: type a valid value', async () => {
       await type('React dev');
-      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const results = await RowCO.getRows();
       const filteredNames = await DSDataTableCO.getAllColumnResults(results, 2);

package/ds-data-table-async/select/DSDataTable.select.axe-core.func.spec.js

@@ -67,8 +67,6 @@ if (
     });
     it('02: should scroll to last row and pass axe-core', async () => {
       await browser.keys(Key.End);
-      const lastRow = await RowCO.getRowAriaIndex(99);
-      await lastRow.waitForDisplayed();
       const result = await axeCoreCheck();
       await expect(result.length).toBe(0);
     });

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

@@ -43,6 +43,15 @@ 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

@@ -29,6 +29,16 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       );
       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 () => {
       await browser.eyesOpen();
       await browser.keys(Key.Escape);

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

@@ -43,6 +43,15 @@ 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-layout-blocks/form-layout-block-item/DSFormLayoutBlockItemCO.js

@@ -92,10 +92,6 @@ export default class DSFormLayoutBlockItemCO extends PageObject {
     return $('[data-testid="ds-form-layout-block-item-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];
   }

package/ds-menu-button/DSMenuButton.axe-core.func.spec.js

@@ -0,0 +1,66 @@
+import { Key } from 'webdriverio';
+import { axeCoreCheck } from '../helpers';
+import DSMenuButtonCO from './DSMenuButtonCO';
+import DSButtonV3CO from '../ds-button-v3/DSButtonV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14642 - DSMenuButton:: Multi Select Menu Item - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSMenuButtonCO.multipleSelectMenuItem.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have untriggered menubutton and pass axe-core scan', async () => {
+      const menuTrigger = await DSButtonV3CO.getButton();
+      await menuTrigger.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should have multi select menu with multiple opts selected and pass axe-core scan', async () => {
+      const menuTrigger = await DSButtonV3CO.getButton();
+      await menuTrigger.click();
+      const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
+      await menuItem1.click();
+      const menuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('2');
+      await menuItem2.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-14643 - DSMenuButton:: Single Select Menu Item - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSMenuButtonCO.singleSelectMenuItem.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have single menu (unselected) and pass axe-core scan', async () => {
+      const menuTrigger = await DSButtonV3CO.getButton();
+      await menuTrigger.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should have single menu (opt selected) and pass axe-core scan', async () => {
+      const menuTrigger = await DSButtonV3CO.getButton(); // axe-core scan closes the menu
+      await menuTrigger.click();
+      const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
+      await menuItem1.click();
+      const menuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('2');
+      await menuItem2.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-14644 - DSMenuButton:: Submenu Menu Item && Action Menu Item - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSMenuButtonCO.withSubmenuMenuItem.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have menu with submenus and action menu items and pass axe-core scan', async () => {
+      const menuTrigger = await DSButtonV3CO.getButton();
+      await menuTrigger.click();
+      await browser.keys(Key.ArrowRight);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-menu-button/DSMenuButtonCO.js

@@ -1,15 +1,15 @@
-import { PATH_E2E_MENU_BUTTON } from '../../environments/storybook/paths';
+import { PATH_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_E2E_MENU_BUTTON, 'activable-menu-item');
+  static activableMenuItem = new Urlbuilder(PATH_MENU_BUTTON, 'activable-menu-item');
 
-  static multipleSelectMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'multiple-select-menu-item');
+  static multipleSelectMenuItem = new Urlbuilder(PATH_MENU_BUTTON, 'multiple-select-menu-item');
 
-  static singleSelectMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'single-select-menu-item');
+  static singleSelectMenuItem = new Urlbuilder(PATH_MENU_BUTTON, 'single-select-menu-item');
 
-  static withSubmenuMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'with-submenu-menu-item');
+  static withSubmenuMenuItem = new Urlbuilder(PATH_MENU_BUTTON, 'with-submenu-menu-item');
 
   static async getMenuRoots() {
     return $$('[data-testid="ds-flyout-menu-root"]');

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

@@ -1,10 +1,35 @@
 /* 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();
@@ -17,7 +42,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 = await DSDialog.getDialog();
+      const triggeredDialog = DSDialog.getDialog();
       const menu = await DSMenuButtonCO.getMenuRoot();
       await expect(menu).not.toBeDisplayedInViewport();
       await expect(triggeredDialog).toBeDisplayed();

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

@@ -1,9 +1,38 @@
 /* eslint-disable max-statements */
 import { Key } from 'webdriverio';
 import DSMenuButtonCO from '../DSMenuButtonCO';
+import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
 import DSCardV3CO from '../../ds-card-v3/DSCardV3CO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14647 - DSMenuButton:: Multi Select Menu Item: Mouse - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSMenuButtonCO.multipleSelectMenuItem.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should select two items with MOUSE and have two cards (as produced changes)', async () => {
+      const menuTrigger = await DSButtonV3CO.getButton();
+      await menuTrigger.click();
+      const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
+      await menuItem1.click();
+      const menuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('2');
+      await menuItem2.click();
+      const triggeredCards = (await DSCardV3CO.getCards()).length;
+      await expect(triggeredCards).toEqual(3); // One card is already on this story containing the trigger (+1).
+      await expect(menuItem1).toHaveAttribute('aria-checked', 'true');
+      await expect(menuItem2).toHaveAttribute('aria-checked', 'true');
+    });
+    it('02: should deselect an item with MOUSE and have one less card (as produced changes)', async () => {
+      const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
+      await menuItem1.click();
+      const menuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('2');
+      const triggeredCards = (await DSCardV3CO.getCards()).length;
+      await expect(triggeredCards).toEqual(2); // One card is already on this story containing the trigger (+1).
+      await expect(menuItem1).toHaveAttribute('aria-checked', 'false');
+      await expect(menuItem2).toHaveAttribute('aria-checked', 'true');
+    });
+  });
+
   describe('PUI-14648 - DSMenuButton:: Multi Select Menu Item: Keyboard - Func', () => {
     before('loading page', async () => {
       const errorOnGo = await DSMenuButtonCO.multipleSelectMenuItem.go();

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

@@ -1,9 +1,42 @@
 /* eslint-disable max-statements */
 import { Key } from 'webdriverio';
 import DSMenuButtonCO from '../DSMenuButtonCO';
+import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
 import DSCardV3CO from '../../ds-card-v3/DSCardV3CO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14650 - DSMenuButton:: Single Select Menu Item: Mouse - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSMenuButtonCO.singleSelectMenuItem.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should select two items with MOUSE and have only last opt selected', async () => {
+      const menuTrigger = await DSButtonV3CO.getButton();
+      await menuTrigger.click();
+      const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
+      await menuItem1.click();
+      const menuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('2');
+      await menuItem2.click();
+      const triggeredCards = (await DSCardV3CO.getCards()).length;
+      const cardActiveFromOption = await (await DSCardV3CO.getHByLevel(2)).getText();
+      await expect(triggeredCards).toEqual(2); // One card is already on this story containing the trigger (+1).
+      await expect(menuItem1).toHaveAttribute('aria-checked', 'false');
+      await expect(menuItem2).toHaveAttribute('aria-checked', 'true');
+      await expect(cardActiveFromOption).toBe('Option 2');
+    });
+    it('02: should be able to pick two single options from different sections with MOUSE', async () => {
+      const menuItem3 = await DSMenuButtonCO.getMenuItemOptByIndex('3');
+      await menuItem3.click();
+      const menuItem4 = await DSMenuButtonCO.getMenuItemOptByIndex('4');
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      await expect(menu).toBeDisplayedInViewport();
+      await expect(menuItem3).toHaveAttribute('aria-checked', 'true');
+      await expect(menuItem4).toHaveAttribute('aria-checked', 'true');
+    });
+  });
+
   describe('PUI-14649 - DSMenuButton:: Single Select Menu Item: Keyboard - Func', () => {
     before('loading page', async () => {
       const errorOnGo = await DSMenuButtonCO.singleSelectMenuItem.go();
@@ -11,40 +44,38 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('01: should select two options with KEYBOARD (space) and have only last opt selected', async () => {
       await browser.keys(Key.Tab);
-      await browser.keys(Key.Enter);
-      const menu = await DSMenuButtonCO.getMenuRoot();
-      await menu.waitForDisplayed();
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Space);
       const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
       const menuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('2');
       const menuItem3 = await DSMenuButtonCO.getMenuItemOptByIndex('3');
+      const triggeredCards = (await DSCardV3CO.getCards()).length;
+      const cardActiveFromOption = await (await DSCardV3CO.getHByLevel(2)).getText();
+      await expect(triggeredCards).toEqual(2); // One card is already on this story containing the trigger (+1).
       await expect(menuItem1).toHaveAttribute('aria-checked', 'false');
       await expect(menuItem2).toHaveAttribute('aria-checked', 'true');
       await expect(menuItem3).toHaveAttribute('aria-checked', 'false');
-      const triggeredCards = await (await DSCardV3CO.getCards()).length;
-      const cardActiveFromOption = await (await DSCardV3CO.getHByLevel(2)).getText();
-      await expect(triggeredCards).toEqual(2); // One card is already on this story containing the trigger (+1).
       await expect(cardActiveFromOption).toBe('Option 2');
     });
     it('02: should trigger option with KEYBOARD (return) and have only last opt selected (closed menu)', async () => {
-      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowUp);
       await browser.keys(Key.Return);
-      const triggeredCards = await (await DSCardV3CO.getCards()).length;
+      const triggeredCards = (await DSCardV3CO.getCards()).length;
       const cardsActiveFromOption = await (await DSCardV3CO.getHByLevel(2)).getText();
       const menu = await DSMenuButtonCO.getMenuRoot();
       await expect(menu).not.toBeDisplayedInViewport();
       await expect(triggeredCards).toEqual(2); // One card is already on this story containing the trigger (+1).
-      await expect(cardsActiveFromOption).toBe('Option 3');
+      await expect(cardsActiveFromOption).toBe('Option 1');
     });
     it('03: should be able to pick two single options from different sections with KEYBOARD', async () => {
+      const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
       await browser.keys(Key.Return);
-      await browser.keys(Key.Space);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Space);
-      const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
       const menuItem4 = await DSMenuButtonCO.getMenuItemOptByIndex('4');
       const menu = await DSMenuButtonCO.getMenuRoot();
       await expect(menu).toBeDisplayedInViewport();

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

@@ -2,9 +2,46 @@
 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';
+import { mouseOver } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14651 - DSMenuButton:: Submenu Menu Item - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSMenuButtonCO.withSubmenuMenuItem.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should trigger menu and have first option focused first submenu expanded', async () => {
+      const menuTrigger = await DSButtonV3CO.getButton();
+      await menuTrigger.click();
+      const subMenuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1.1');
+      const subMenuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('1.2');
+      const subMenuItem3 = await DSMenuButtonCO.getMenuItemOptByIndex('1.3');
+      await expect(subMenuItem1).toBeDisplayed();
+      await expect(subMenuItem2).toBeDisplayed();
+      await expect(subMenuItem3).toBeDisplayed();
+    });
+    it('02: should hover third option with MOUSE to have third submenu expanded', async () => {
+      const menuItem = await DSMenuButtonCO.getMenuItemOptByIndex('3');
+      await mouseOver(menuItem);
+      const subMenuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('3.1');
+      const subMenuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('3.2');
+      const subMenuItem3 = await DSMenuButtonCO.getMenuItemOptByIndex('3.3');
+      const subMenuItemPrevious = await DSMenuButtonCO.getMenuItemOptByIndex('1.1');
+      await expect(subMenuItemPrevious).not.toBeDisplayed();
+      await expect(subMenuItem1).toBeDisplayed();
+      await expect(subMenuItem2).toBeDisplayed();
+      await expect(subMenuItem3).toBeDisplayed();
+    });
+    it('03: should trigger a submenu action with mouse', async () => {
+      const subMenuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('3.1');
+      await subMenuItem2.click();
+      const triggeredDialog = DSDialog.getDialog();
+      await expect(triggeredDialog).toBeDisplayed();
+    });
+  });
+
   describe('PUI-14652 - DSMenuButton:: Submenu Menu Item: Keyboard - Func', () => {
     before('loading page', async () => {
       const errorOnGo = await DSMenuButtonCO.withSubmenuMenuItem.go();
@@ -43,7 +80,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     beforeEach('loading page', async () => {
       const errorOnGo = await DSMenuButtonCO.withSubmenuMenuItem.go();
       if (errorOnGo) throw errorOnGo;
-      const menuTrigger = await DSButtonV3CO.getButtonByLabel('Submenus example');
+      const menuTrigger = await DSButtonV3CO.getButton();
       await menuTrigger.waitForDisplayed();
       await browser.keys(Key.Tab);
       await browser.keys(Key.Return);

package/ds-pills-v2/DSPills.axe-core.func.spec.js

@@ -15,13 +15,13 @@ if (
       if (errorOnGo) throw errorOnGo;
     });
     it('01: Evaluate dropdown pills accessibility with axe-core', async () => {
-      const dropDownTrigger = await DSPillsV2CO.getDDChevronbyIndex(1);
+      const dropDownTrigger = await DSPillsV2CO.getChevronbyIndex(1);
       await dropDownTrigger.waitForDisplayed();
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });
     it('02: Evaluate dropdown pills accessibility with axe-core - dropdown menu opened', async () => {
-      const dropDownTrigger = await DSPillsV2CO.getDDChevronbyIndex(1);
+      const dropDownTrigger = await DSPillsV2CO.getChevronbyIndex(1);
       await dropDownTrigger.click();
       const dropDownMenu = await DSPillsV2CO.dropDownMenu();
       await dropDownMenu.waitForDisplayed();

package/ds-pills-v2/DSPills.visual.spec.js

@@ -11,7 +11,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should correctly display the dropdown pills', async () => {
-      const dropDownTrigger = await DSPillsV2CO.getDDChevronbyIndex(1);
+      const dropDownTrigger = await DSPillsV2CO.getChevronbyIndex(1);
       await dropDownTrigger.click();
       const snapshot = await browser.checkSnapshot(DSPillsV2CO.snapshotPath('pills-v2-dropdown'));
       await expect(snapshot).toEqual(0);

package/ds-pills-v2/DSPillsV2CO.js

@@ -21,12 +21,6 @@ export default class DSPillsV2CO extends PageObject {
 
   static applyTooltipOverflowWrap = new Urlbuilder(PATH_E2E_PILLS_V2, 'pui-14447-tooltip-overflow');
 
-  static requiredSelectMB = new Urlbuilder(PATH_E2E_PILLS_V2, 'required-select-menu-button-test');
-
-  static singleSelectMB = new Urlbuilder(PATH_E2E_PILLS_V2, 'single-select-menu-button-test');
-
-  static multiSelectMB = new Urlbuilder(PATH_E2E_PILLS_V2, 'multi-select-menu-button-test');
-
   static getUrl(component = 'basic') {
     return PageObject.getUrl(PATH_E2E_PILLS_V2, component);
   }
@@ -41,11 +35,7 @@ export default class DSPillsV2CO extends PageObject {
     return $$('[data-testid="ds-pill-dropdown-chevron"]');
   }
 
-  static getDDChevronbyIndex = async (index) => getElementByIndex(this.getDDChevrons, index);
-
-  static async getMBChevronByIndex(index = 0) {
-    return $$('[data-testid="ds-pill-menu-button-chevron"]')[index];
-  }
+  static getChevronbyIndex = async (index) => getElementByIndex(this.getDDChevrons, index);
 
   static async getInputs() {
     return $$('[data-testid="ds-pill-input"]');
@@ -65,10 +55,6 @@ export default class DSPillsV2CO extends PageObject {
 
   static getPillByIndex = async (index) => getElementByIndex(this.getPills, index);
 
-  static async getPillsTextByIndex(index = 0) {
-    return $$('[data-testid="ds-pill-wrapper"] [data-testid="DS-SimpleTruncateText"]')[index];
-  }
-
   static async getResetBtn() {
     return $('[data-testid="ds-button"]');
   }