dimsum-e2e-tests 3.51.0-next.2 → 3.51.0-next.4

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

@@ -0,0 +1,26 @@
+/* eslint-disable max-lines */
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-15028 - ComboboxMulti:: readOnly - axe-core test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    // eslint-disable-next-line max-len
+    it('01: should display a combobox multi with readOnly and pass axe-core scan', async () => {
+      const combobox = await DSComboboxMultiCO.getCombobox();
+      await combobox.click();
+      const menuList = await DSComboboxMultiCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,39 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-15026 - ComboboxMulti:: readOnly prop - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: readOnly combobox multi should be focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxMultiCO.snapshotPath('combobox-multi-readOnly-focused'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: readOnly combobox multi option selected focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.ArrowDown);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxMultiCO.snapshotPath('combobox-multi-readOnly-options-kb-nav'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: readOnly combobox multi opened - click', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Escape);
+      const combobox = await DSComboboxMultiCO.getCombobox();
+      await combobox.click();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxMultiCO.snapshotPath('combobox-multi-readOnly-combobox-click'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

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

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

@@ -0,0 +1,26 @@
+/* eslint-disable max-lines */
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-15030 - ComboboxSingle:: readOnly - axe-core test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    // eslint-disable-next-line max-len
+    it('01: should display a combobox single with readOnly and pass axe-core scan', async () => {
+      const combobox = await DSComboboxSingleCO.getCombobox();
+      await combobox.click();
+      const menuList = await DSComboboxSingleCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,39 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-15029 - ComboboxSingle:: readOnly prop - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: readOnly combobox single should be focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-readOnly-focused'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: readOnly combobox single option selected focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.ArrowDown);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-readOnly-options-kb-nav'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: readOnly combobox single opened - click', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Escape);
+      const combobox = await DSComboboxSingleCO.getCombobox();
+      await combobox.click();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-readOnly-combobox-click'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

@@ -92,6 +92,10 @@ 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/DSMenuButtonCO.js

@@ -1,15 +1,19 @@
-import { PATH_MENU_BUTTON } from '../../environments/storybook/paths';
+import { PATH_E2E_MENU_BUTTON } from '../../environments/storybook/paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSMenuButtonCO extends PageObject {
   // Current supported examples: POC
-  static activableMenuItem = new Urlbuilder(PATH_MENU_BUTTON, 'activable-menu-item');
+  static activableMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'activable-menu-item');
 
-  static multipleSelectMenuItem = new Urlbuilder(PATH_MENU_BUTTON, 'multiple-select-menu-item');
+  static multipleSelectMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'multiple-select-menu-item');
 
-  static singleSelectMenuItem = new Urlbuilder(PATH_MENU_BUTTON, 'single-select-menu-item');
+  static singleSelectMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'single-select-menu-item');
 
-  static withSubmenuMenuItem = new Urlbuilder(PATH_MENU_BUTTON, 'with-submenu-menu-item');
+  static withSubmenuMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'with-submenu-menu-item');
+
+  static withDisabled = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'disabled-items-test');
+
+  static withLeftDecorations = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'with-left-decorations-test');
 
   static async getMenuRoots() {
     return $$('[data-testid="ds-flyout-menu-root"]');

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-card-v3-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-card-v3-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-card-v3-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-card-v3-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-card-v3-root']" });
+      expect(result.length).toBe(0);
+    });
+  });
+}