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

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

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

@@ -0,0 +1,20 @@
+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-14909 - DSMenuButton:: Disabled - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSMenuButtonCO.withDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have menu disabled items and pass axe-core scan', async () => {
+      const menuTrigger = await DSButtonV3CO.getButton();
+      await menuTrigger.click();
+      const menu = await DSMenuButtonCO.getMenuFloatingWrapperRoot();
+      await menu.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-menu-button/disabled/DSMenuButton.disabled.func.spec.js

@@ -0,0 +1,28 @@
+import { Key } from 'webdriverio';
+import DSMenuButtonCO from '../DSMenuButtonCO';
+import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14910 - DSMenuButton:: Disabled - AxeCore', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSMenuButtonCO.withDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should trigger a disabled menu item and not close the menu (no action triggered)', async () => {
+      const menuTrigger = await DSButtonV3CO.getButton();
+      await menuTrigger.click();
+      const disabledItem = await DSMenuButtonCO.getMenuItemByID('2');
+      await disabledItem.click();
+      const menu = await DSMenuButtonCO.getMenuFloatingWrapperRoot();
+      await expect(menu).toBeDisplayed();
+    });
+    it('02: should trigger a disabled menu item with KB and not close the menu (no action triggered)', async () => {
+      const menuTrigger = await DSButtonV3CO.getButton();
+      await menuTrigger.click();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const menu = await DSMenuButtonCO.getMenuFloatingWrapperRoot();
+      await expect(menu).toBeDisplayed();
+    });
+  });
+}

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

@@ -0,0 +1,20 @@
+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-14911 - DSMenuButton:: Left decorations - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSMenuButtonCO.withLeftDecorations.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have menu with left decorators and pass axe-core scan', async () => {
+      const menuTrigger = await DSButtonV3CO.getButton();
+      await menuTrigger.click();
+      const menu = await DSMenuButtonCO.getMenuFloatingWrapperRoot();
+      await menu.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,28 @@
+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.getButtonByLabel('Multiple selection example');
+      await menuTrigger.waitForDisplayed();
+      const result = await axeCoreCheck({ selector: "[data-testid='ds-cardv3-root']" });
+      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.getButtonByLabel('Multiple selection example');
+      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({ selector: "[data-testid='ds-cardv3-root']" });
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-menu-button/multiselect/DSMenuButton.multiSelectItem.func.spec.js

@@ -0,0 +1,34 @@
+/* eslint-disable max-statements */
+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.getButtonByLabel('Multiple selection example');
+      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');
+    });
+  });
+}

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

@@ -1,38 +1,9 @@
 /* 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.axe-core.singleSelect.func.spec.js

@@ -0,0 +1,28 @@
+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-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.getButtonByLabel('(multiple) Single selection example');
+      await menuTrigger.click();
+      const result = await axeCoreCheck({ selector: "[data-testid='ds-cardv3-root']" });
+      expect(result.length).toBe(0);
+    });
+    it('02: should have single menu (opt selected) and pass axe-core scan', async () => {
+      const menuTrigger = await DSButtonV3CO.getButtonByLabel('(multiple) Single selection example');
+      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({ selector: "[data-testid='ds-cardv3-root']" });
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-menu-button/singleSelect/DSMenuButton.singleSelectItem.func.spec.js

@@ -0,0 +1,39 @@
+/* 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.getButtonByLabel('(multiple) Single selection example');
+      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');
+    });
+  });
+}

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

@@ -1,42 +1,9 @@
 /* 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();
@@ -44,38 +11,40 @@ 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.Return);
-      await browser.keys(Key.Space);
+      await browser.keys(Key.Enter);
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      await menu.waitForDisplayed();
       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.ArrowUp);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
-      const triggeredCards = (await DSCardV3CO.getCards()).length;
+      const triggeredCards = await (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 1');
+      await expect(cardsActiveFromOption).toBe('Option 3');
     });
     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.axe-core.subMenu.func.spec.js

@@ -0,0 +1,20 @@
+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-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.getButtonByLabel('Submenus example');
+      await menuTrigger.click();
+      await browser.keys(Key.ArrowRight);
+      const result = await axeCoreCheck({ selector: "[data-testid='ds-cardv3-root']" });
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-menu-button/submenu/DSMenuButton.subMenuItem.func.spec.js

@@ -0,0 +1,42 @@
+/* eslint-disable max-statements */
+import DSMenuButtonCO from '../DSMenuButtonCO';
+import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
+import DSDialog from '../../ds-dialog/DSDialogCO';
+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.getButtonByLabel('Submenus example');
+      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();
+    });
+  });
+}

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

@@ -2,46 +2,9 @@
 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();
@@ -80,7 +43,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.getButton();
+      const menuTrigger = await DSButtonV3CO.getButtonByLabel('Submenus example');
       await menuTrigger.waitForDisplayed();
       await browser.keys(Key.Tab);
       await browser.keys(Key.Return);

package/ds-menu-item/DSMenuItemsCO.js

@@ -14,6 +14,8 @@ export default class DSMenuItemsCO extends PageObject {
 
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_MENU_ITEMS, 'apply-aria-disabled-test');
 
+  static readOnly = new Urlbuilder(PATH_E2E_MENU_ITEMS, 'read-only-test');
+
   static async getMenuItemsWrapper() {
     return $('[data-testid="menu-items-wrapper"]');
   }

package/ds-menu-item/aria-disabled/DSMenuItems.aria-disabled.visual.spec.js

@@ -20,7 +20,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);
-      await browser.keys(Key.Enter);
+      await browser.keys(Key.Space);
       const snapshot = await browser.eyesCheckSnapshot(
         DSMenuItems.snapshotPath('ds-menu-items-single-aria-disabled-kb-nav'),
       );

package/ds-menu-item/read-only/DSMenuItems.read-only.axe-core.func.spec.js

@@ -0,0 +1,35 @@
+/* eslint-disable wdio/no-pause */
+import { axeCoreCheck } from '../../helpers';
+import DSMenuItems from '../DSMenuItemsCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-15352 - [MenuItems] readOnly prop - axe-core test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSMenuItems.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display single menu items with readOnly focused and pass axecore test', async () => {
+      const menuItem2 = await DSMenuItems.getMenuItem('2');
+      await menuItem2.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should display action menu items with readOnly focused and pass axecore test', async () => {
+      const menuItem6 = await DSMenuItems.getMenuItem('6');
+      await menuItem6.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: should display multi menu items with readOnly focused and pass axecore test', async () => {
+      const menuItem10 = await DSMenuItems.getMenuItem('10');
+      await menuItem10.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}