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

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-mobile/MobileLoadingPage/MobileLoadingPageCO.js

@@ -9,7 +9,7 @@ export default class MobileLoadingPageCO extends PageObject {
   static withIconURL = new Urlbuilder(PATH_MOBILE_LOADING_PAGE, 'with-icon');
 
   static async getLoadingText() {
-    return $('[data-testid="ds-circular-indeterminate-indicator-label"]');
+    return $('[data-testid="ds-circularindeterminateindicator-label"]');
   }
 
   static async getLoadingTextIcon() {

package/ds-notification-badge/DSNotificationBadge.axe-core.func.spec.js

@@ -46,6 +46,7 @@ if (
       expect(result.length).toBe(0);
     });
   });
+  // Defect PUI-14981
   describe('PUI-11417:: [NotificationBadge] Chip, Icon and Button integration - Axe-core Validation', () => {
     before('loading page', async () => {
       const errorOnGo = await DSNotificationBadgeCO.componentCasesTest.go();

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.getChevronbyIndex(1);
+      const dropDownTrigger = await DSPillsV2CO.getDDChevronbyIndex(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.getChevronbyIndex(1);
+      const dropDownTrigger = await DSPillsV2CO.getDDChevronbyIndex(1);
       await dropDownTrigger.click();
       const dropDownMenu = await DSPillsV2CO.dropDownMenu();
       await dropDownMenu.waitForDisplayed();

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

@@ -43,4 +43,30 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(howManyPills).toEqual(4);
     });
   });
+  describe('PUI-14923 - Pills v2:: Dropdown Pills, Basic -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.requiredSelectMB.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have collapsed ddmenu by default (reflected on aria-expanded)', async () => {
+      const ddMenuChevron = await DSPillsV2CO.getMBChevronByIndex(0);
+      const menu = await DSPillsV2CO.getFloatingWrapper();
+      await expect(menu).not.toBeDisplayed();
+      await expect(ddMenuChevron).toHaveAttribute('aria-expanded', 'false');
+    });
+    it('02: should have expanded ddmenu after trigger (reflected on aria-expanded)', async () => {
+      const ddMenuChevron = await DSPillsV2CO.getMBChevronByIndex(0);
+      await ddMenuChevron.click();
+      const menu = await DSPillsV2CO.getFloatingWrapper();
+      await expect(menu).toBeDisplayed();
+      await expect(ddMenuChevron).toHaveAttribute('aria-expanded', 'true');
+    });
+    it('03: should collapse dd menu and have it reflected on aria-expanded', async () => {
+      await browser.keys(Key.Escape);
+      const ddMenuChevron = await DSPillsV2CO.getMBChevronByIndex(0);
+      const menu = await DSPillsV2CO.getFloatingWrapper();
+      await expect(menu).not.toBeDisplayed();
+      await expect(ddMenuChevron).toHaveAttribute('aria-expanded', 'false');
+    });
+  });
 }

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.getChevronbyIndex(1);
+      const dropDownTrigger = await DSPillsV2CO.getDDChevronbyIndex(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,6 +21,12 @@ 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);
   }
@@ -35,7 +41,11 @@ export default class DSPillsV2CO extends PageObject {
     return $$('[data-testid="ds-pill-dropdown-chevron"]');
   }
 
-  static getChevronbyIndex = async (index) => getElementByIndex(this.getDDChevrons, index);
+  static getDDChevronbyIndex = async (index) => getElementByIndex(this.getDDChevrons, index);
+
+  static async getMBChevronByIndex(index = 0) {
+    return $$('[data-testid="ds-pill-menu-button-chevron"]')[index];
+  }
 
   static async getInputs() {
     return $$('[data-testid="ds-pill-input"]');
@@ -53,8 +63,16 @@ export default class DSPillsV2CO extends PageObject {
     return $$(' [data-testid="ds-pill-wrapper"]');
   }
 
+  static async getFloatingWrapper() {
+    return $('[data-testid="ds-floating-wrapper-root"]');
+  }
+
   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"]');
   }