dimsum-e2e-tests 1.0.36 → 1.2.0

package/ds-hooks/useFocusTrap/UseFocusTrap.func.spec.js

@@ -0,0 +1,36 @@
+/* eslint-disable max-len */
+import { Key } from 'webdriverio';
+import UseFocusTrapCO from './UseFocusTrapCO';
+import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-12975, useFocusTrap hook -Func', () => {
+    before(async () => {
+      const errorOnGo = await UseFocusTrapCO.basicTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should normally tab to third item', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const button = await DSButtonV3CO.getButtonByIndex(2);
+      await expect(button).toBeFocused();
+    });
+    it('02: should tab and cycle back to second item (instead of the fourth)', async () => {
+      await browser.keys(Key.Tab);
+      const button = await DSButtonV3CO.getButtonByIndex(1);
+      await expect(button).toBeFocused();
+    });
+    it('03: should shif+tab and cycle back to third item (instead of the first)', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const button = await DSButtonV3CO.getButtonByIndex(2);
+      await expect(button).toBeFocused();
+    });
+    it('04: should tab x2 and reach the same item (third)', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const button = await DSButtonV3CO.getButtonByIndex(2);
+      await expect(button).toBeFocused();
+    });
+  });
+}

package/ds-hooks/useFocusTrap/UseFocusTrapCO.js

@@ -0,0 +1,10 @@
+/* eslint-disable import/no-relative-packages */
+import { PATH_E2E_USE_FOCUS_TRAP } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../../helpers';
+
+export default class UseFocusTrapCO extends PageObject {
+  // Desktop
+  static basicTest = new Urlbuilder(PATH_E2E_USE_FOCUS_TRAP, 'basic-test');
+
+  static toggleTest = new Urlbuilder(PATH_E2E_USE_FOCUS_TRAP, 'toggle-test');
+}

package/ds-hooks/useKeyboardNavigation/DSHook.useKeyboardNavigation.func.spec.js

@@ -0,0 +1,145 @@
+/* eslint-disable max-len */
+import { Key } from 'webdriverio';
+import UseKeyboardNavCO from './UseKeyboardNavigationCO';
+// import DSCardV3CO from '../../ds-card-v3/DSCardV3CO';
+import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
+import DSMenuItemsCO from '../../ds-menu-item/DSMenuItemsCO';
+import { tabStops } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Uncomment after CardV3 is completely released
+  // describe('PUI-12538 [useKeyboardNav] Card Select:: DisableRoving true + agnostic direction', () => {
+  //   before(async () => {
+  //     const errorOnGo = await UseKeyboardNavCO.cardSelect.go();
+  //     if (errorOnGo) throw errorOnGo;
+  //   });
+  //   it('01: should focus on the 4th card after 3 tab stops', async () => {
+  //     await tabStops(3);
+  //     const card4 = await DSCardV3CO.getActionAreaByIndex(3);
+  //     await expect(card4).toBeFocused();
+  //   });
+  //   it('02: should focus on the 2nd card after moving up with ArrowUp', async () => {
+  //     await browser.keys(Key.ArrowUp);
+  //     const card2 = await DSCardV3CO.getActionAreaByIndex(1);
+  //     await expect(card2).toBeFocused();
+  //   });
+  //   it('03: should focus on the 1st card after moving up with ArrowLeft', async () => {
+  //     await browser.keys(Key.ArrowLeft);
+  //     const card1 = await DSCardV3CO.getActionAreaByIndex(0);
+  //     await expect(card1).toBeFocused();
+  //   });
+  //   it('04: should focus on the 2nd card after moving down with ArrowDown', async () => {
+  //     await browser.keys(Key.ArrowDown);
+  //     const card2 = await DSCardV3CO.getActionAreaByIndex(1);
+  //     await expect(card2).toBeFocused();
+  //   });
+  //   it('05: should focus on the 4th card after moving down with ArrowRight', async () => {
+  //     await browser.keys(Key.ArrowRight);
+  //     const card4 = await DSCardV3CO.getActionAreaByIndex(3);
+  //     await expect(card4).toBeFocused();
+  //   });
+  // });
+  describe('PUI-12539 [useKeyboardNav] disabledRovingTab:: DisableRoving true + horizontal direction', () => {
+    before(async () => {
+      const errorOnGo = await UseKeyboardNavCO.disabledRovingTab.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should focus on 4th item after 3 tab stops', async () => {
+      await tabStops(3);
+      const item4 = await DSButtonV3CO.getButtonByIndex(3);
+      await expect(item4).toBeFocused();
+    });
+    it('02: should not move to the previous item when using ArrowUp', async () => {
+      await browser.keys(Key.ArrowUp);
+      const item4 = await DSButtonV3CO.getButtonByIndex(3);
+      await expect(item4).toBeFocused();
+    });
+    it('03: should focus on the 2nd item after moving to the previous item using ArrowLeft', async () => {
+      await browser.keys(Key.ArrowLeft);
+      const item2 = await DSButtonV3CO.getButtonByIndex(1);
+      await expect(item2).toBeFocused();
+    });
+    it('04: should not move to the next item when using ArrowDown', async () => {
+      await browser.keys(Key.ArrowDown);
+      const item2 = await DSButtonV3CO.getButtonByIndex(1);
+      await expect(item2).toBeFocused();
+    });
+    it('05: should focus on the 4th item after moving to the next item using ArrowRight', async () => {
+      await browser.keys(Key.ArrowRight);
+      const item4 = await DSButtonV3CO.getButtonByIndex(3);
+      await expect(item4).toBeFocused();
+    });
+  });
+  describe('PUI-12540 [useKeyboardNav] focusCriteria:: DisableRoving false + vertical direction', () => {
+    before(async () => {
+      const errorOnGo = await UseKeyboardNavCO.focusCriteria.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should focus on the inputText after 2 tab stops', async () => {
+      await tabStops(2);
+      const inputText = await UseKeyboardNavCO.getInputText();
+      await expect(inputText).toBeFocused();
+    });
+    it('02: should focus on the first item after Shift+Tab', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const item1 = await DSButtonV3CO.getButtonByIndex(0);
+      await expect(item1).toBeFocused();
+    });
+    it('03: should move to the next item when using ArrowDown', async () => {
+      await browser.keys(Key.ArrowRight);
+      const item3 = await DSButtonV3CO.getButtonByIndex(2);
+      await expect(item3).toBeFocused();
+    });
+    it('04: should not focus on the next item when using ArrowDown', async () => {
+      await browser.keys(Key.ArrowDown);
+      const item3 = await DSButtonV3CO.getButtonByIndex(2);
+      await expect(item3).toBeFocused();
+    });
+    it('05: should not focus on the prev item when using ArrowUp', async () => {
+      await browser.keys(Key.ArrowUp);
+      const item3 = await DSButtonV3CO.getButtonByIndex(2);
+      await expect(item3).toBeFocused();
+    });
+    it('06: should move to the prev item when using ArrowLeft', async () => {
+      await browser.keys(Key.ArrowLeft);
+      const item1 = await DSButtonV3CO.getButtonByIndex(0);
+      await expect(item1).toBeFocused();
+    });
+  });
+  describe('PUI-12541 [useKeyboardNav] menuItems:: DisableRoving false + agnostic direction', () => {
+    before(async () => {
+      const errorOnGo = await UseKeyboardNavCO.menuItems.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should focus on the inputText after 2 tab stops', async () => {
+      await tabStops(2);
+      const inputText = await UseKeyboardNavCO.getInputText();
+      await expect(inputText).toBeFocused();
+    });
+    it('02: should focus on the first item after Shift+Tab', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const menuItem1 = await DSMenuItemsCO.getMenuItem('1');
+      await expect(menuItem1).toBeFocused();
+    });
+    it('03: should move to the prev item when using ArrowUp', async () => {
+      await browser.keys(Key.ArrowUp);
+      const menuItem4 = await DSMenuItemsCO.getMenuItem('4');
+      await expect(menuItem4).toBeFocused();
+    });
+    it('04: should move to the prev item when using ArrowLeft', async () => {
+      await browser.keys(Key.ArrowLeft);
+      const menuItem3 = await DSMenuItemsCO.getMenuItem('3');
+      await expect(menuItem3).toBeFocused();
+    });
+    it('05: should move to the next item when using ArrowRight', async () => {
+      await browser.keys(Key.ArrowRight);
+      const menuItem4 = await DSMenuItemsCO.getMenuItem('4');
+      await expect(menuItem4).toBeFocused();
+    });
+    it('06: should move to the next item when using ArrowDown', async () => {
+      await browser.keys(Key.ArrowDown);
+      const menuItem1 = await DSMenuItemsCO.getMenuItem('1');
+      await expect(menuItem1).toBeFocused();
+    });
+  });
+}

package/ds-hooks/useKeyboardNavigation/UseKeyboardNavigationCO.js

@@ -0,0 +1,33 @@
+/* eslint-disable import/no-relative-packages */
+import { PATH_E2E_USE_KEYBOARD_NAVIGATION } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder, getElementByIndex } from '../../helpers';
+
+export default class UseKeyboardNavCO extends PageObject {
+  // direction: agnostic -- disabledRoving: true -- focusCriteria: undefined
+  static cardSelect = new Urlbuilder(PATH_E2E_USE_KEYBOARD_NAVIGATION, 'card-select-test');
+
+  // direction: horizontal -- disabledRoving: true -- focusCriteria: defined
+  static disabledRovingTab = new Urlbuilder(PATH_E2E_USE_KEYBOARD_NAVIGATION, 'disable-roving-tab-index-test');
+
+  // direction: vertical -- disabledRoving: false -- focusCriteria: defined
+  static focusCriteria = new Urlbuilder(PATH_E2E_USE_KEYBOARD_NAVIGATION, 'focus-criteria-test');
+
+  // direction: agnostic -- disabledRoving: false -- focusCriteria: undefined
+  static menuItems = new Urlbuilder(PATH_E2E_USE_KEYBOARD_NAVIGATION, 'menu-items-test');
+
+  static async getBtns() {
+    return $$('[data-testid="ds-button"]');
+  }
+
+  static getBtnByIndex = async (index) => getElementByIndex(this.getBtns, index);
+
+  static async getInputText() {
+    return $('[data-testid="input-text"]');
+  }
+
+  // mostly used
+  static getInfo = async () => getElementByIndex(this.getH3s, 3);
+
+  // used for first focus in story
+  static getInfo2 = async () => getElementByIndex(this.getH3s, 4);
+}

package/ds-hooks/useOnBlurOut/UseOnBlurOut.axe-core.func.spec.js

@@ -0,0 +1,29 @@
+/* eslint-disable max-len */
+import { Key } from 'webdriverio';
+import useOnBlurOutCO from './UseOnBlurOutCO';
+import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  !browser.capabilities['ice:options'].isPhone &&
+  !browser.capabilities['ice:options'].isTablet &&
+  browser.capabilities.browserName !== 'Safari'
+) {
+  describe('PUI-12892 - UseOnBlurOut, Basic -AxeCore', () => {
+    before(async () => {
+      const errorOnGo = await useOnBlurOutCO.basicTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should trigger useOnBlurOut and pass axe-core scan', async () => {
+      const childButton1 = await DSButtonV3CO.getButtonByIndex(0);
+      await childButton1.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const onBlurData = await useOnBlurOutCO.getOnBlurData();
+      await onBlurData.waitForDisplayed();
+      const result = await axeCoreCheck();
+      await expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-hooks/useOnBlurOut/UseOnBlurOut.func.spec.js

@@ -0,0 +1,83 @@
+/* eslint-disable max-len */
+import { Key } from 'webdriverio';
+import useOnBlurOutCO from './UseOnBlurOutCO';
+import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
+
+if (
+  !browser.capabilities['ice:options'].isPhone &&
+  !browser.capabilities['ice:options'].isTablet &&
+  browser.capabilities.browserName !== 'Safari'
+) {
+  // Unskip for safari after PUI12887 is fixed
+  describe('PUI-12891 - UseOnBlurOut, Basic Mouse -Func', () => {
+    before(async () => {
+      const errorOnGo = await useOnBlurOutCO.basicTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: click child should not trigger useOnBlurOut', async () => {
+      const childButton1 = await DSButtonV3CO.getButtonByIndex(0);
+      await childButton1.waitForDisplayed();
+      await childButton1.click();
+      await childButton1.click();
+      const onBlurData = await useOnBlurOutCO.getOnBlurData();
+      await expect(onBlurData).not.toBeDisplayed();
+    });
+    it('02: click different child (of same parent) should not trigger useOnBlurOut', async () => {
+      const childButton2 = await DSButtonV3CO.getButtonByIndex(1);
+      await childButton2.click();
+      const onBlurData = await useOnBlurOutCO.getOnBlurData();
+      await expect(onBlurData).not.toBeDisplayed();
+    });
+    it('03: click parent (of focused child) should trigger useOnBlurOut', async () => {
+      const childButton1 = await DSButtonV3CO.getButtonByIndex(0);
+      await childButton1.click({ x: 120 }); // clicks outside button
+      const onBlurData = await (await useOnBlurOutCO.getOnBlurData()).getText();
+      await expect(onBlurData).toEqual('Parent 1, Child 2');
+    });
+    it('04: click different parent should trigger useOnBlurOut', async () => {
+      const childButton2 = await DSButtonV3CO.getButtonByIndex(0);
+      await childButton2.click();
+      const childButton3 = await DSButtonV3CO.getButtonByIndex(2);
+      await childButton3.click({ x: 120 }); // clicks outside button
+      const onBlurData = await (await useOnBlurOutCO.getOnBlurData()).getText();
+      await expect(onBlurData).toEqual('Parent 1, Child 1');
+    });
+    it('05: click children of different parent should trigger useOnBlurOut', async () => {
+      const childButton2 = await DSButtonV3CO.getButtonByIndex(1);
+      await childButton2.click();
+      const childButton3 = await DSButtonV3CO.getButtonByIndex(2);
+      await childButton3.click();
+      const onBlurData = await (await useOnBlurOutCO.getOnBlurData()).getText();
+      await expect(onBlurData).toEqual('Parent 1, Child 2');
+    });
+  });
+
+  describe('PUI-12892 - UseOnBlurOut, Basic KB -Func', () => {
+    before(async () => {
+      const errorOnGo = await useOnBlurOutCO.basicTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: focusing child should not trigger useOnBlurOut', async () => {
+      const childButton1 = await DSButtonV3CO.getButtonByIndex(0);
+      await childButton1.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const onBlurData = await useOnBlurOutCO.getOnBlurData();
+      await expect(onBlurData).not.toBeDisplayed();
+    });
+    it('02: tabbing to  differet child should not trigger useOnBlurOut', async () => {
+      await browser.keys(Key.Tab);
+      const onBlurData = await useOnBlurOutCO.getOnBlurData();
+      await expect(onBlurData).not.toBeDisplayed();
+    });
+    it('03: leaving parent with tab should trigger useOnBlurOut', async () => {
+      await browser.keys(Key.Tab);
+      const onBlurData = await (await useOnBlurOutCO.getOnBlurData()).getText();
+      await expect(onBlurData).toEqual('Parent 1, Child 2');
+    });
+    it('04: leaving parent with shift+tab should trigger useOnBlurOut', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const onBlurData = await (await useOnBlurOutCO.getOnBlurData()).getText();
+      await expect(onBlurData).toEqual('Parent 2, Child 1');
+    });
+  });
+}

package/ds-hooks/useOnBlurOut/UseOnBlurOutCO.js

@@ -0,0 +1,11 @@
+/* eslint-disable import/no-relative-packages */
+import { PATH_E2E_USE_ON_BLUR_OUT } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../../helpers';
+
+export default class UseKeyboardNavCO extends PageObject {
+  static basicTest = new Urlbuilder(PATH_E2E_USE_ON_BLUR_OUT, 'basic-test');
+
+  static async getOnBlurData() {
+    return $('[data-testid="onblurdata"]');
+  }
+}

package/ds-icons/DSIcons.visual.spec.js

@@ -0,0 +1,45 @@
+import DSIconsCO from './DSIconsCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-8715 :: Icons, Showcase -Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSIconsCO.showCaseTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display icons correctly', async () => {
+      await browser.eyesOpen();
+      const anyIcon = await DSIconsCO.getIconsByIndex(1);
+      await anyIcon.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSIconsCO.snapshotPath('icons-showcase-test'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-4223 :: Icons, Showcase ICE -Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSIconsCO.showCaseICETest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display icons correctly', async () => {
+      await browser.eyesOpen();
+      const anyIcon = await DSIconsCO.getSVGByIndex(0);
+      await anyIcon.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSIconsCO.snapshotPath('icons-showcase-test'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('01: PUI-6400 :: Icons, Showcase Products -Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSIconsCO.showCaseProductsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display icons correctly', async () => {
+      await browser.eyesOpen();
+      const anyIcon = await DSIconsCO.getIconsByIndex(1);
+      await anyIcon.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSIconsCO.snapshotPath('icons-showcase-test'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-icons/DSIconsCO.js

@@ -0,0 +1,30 @@
+/* eslint-disable import/no-relative-packages */
+import { PATH_E2E_ICONS } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSIconsCO extends PageObject {
+  // URL's
+  static showCaseTest = new Urlbuilder(PATH_E2E_ICONS, 'show-case-test');
+
+  static showCaseICETest = new Urlbuilder(PATH_E2E_ICONS, 'show-case-ice-test');
+
+  static showCaseProductsTest = new Urlbuilder(PATH_E2E_ICONS, 'show-case-products-test');
+
+  // Get's
+  static async getIconsByIndex(index = 0) {
+    return $$(`[data-testid="ds-icon-root"]`)[index];
+  }
+
+  static async getSVGByIndex(index = 0) {
+    return $$(`[data-testid="ds-icon-svg"]`)[index];
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('Icons', example);
+  }
+
+  static getUrl(component = 'basic') {
+    return PageObject.getUrl(PATH_E2E_ICONS, component);
+  }
+}

package/ds-indeterminate-progress-indicator/DSIndetermintateProgressIndicator.axe-core.func.spec.js

@@ -0,0 +1,31 @@
+import DSIndeterminateProgressIndicatorCO from './DSIndeterminateProgressIndicatorCO';
+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-17525 - IndeterminateProgressIndicator - dynamic title', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSIndeterminateProgressIndicatorCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should pass accessibility check', async () => {
+      const title = await DSIndeterminateProgressIndicatorCO.getIndeterminateProgressIndicatorTitle();
+      await title.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should display a diferent title after 3 seconds and pass accessibility check', async () => {
+      const title = await DSIndeterminateProgressIndicatorCO.getIndeterminateProgressIndicatorTitle();
+      await title.waitForDisplayed();
+      // eslint-disable-next-line wdio/no-pause
+      await browser.pause(3000);
+      await expect(title).toHaveText(expect.stringContaining('Title changed'));
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-menu-item/DSMenuItems.func.spec.js

@@ -12,14 +12,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await menuItemWrapper.waitForDisplayed();
       const menuItem2 = await DSMenuItems.getMenuItem('2');
       await menuItem2.click();
-      const actionTriggered = DSMenuItems.getActionTriggered();
-      await expect(actionTriggered).toHaveTextContaining('option id #2 triggered');
+      const actionTriggered = await DSMenuItems.getActionTriggered();
+      await expect(actionTriggered).toHaveText(expect.stringContaining('option id #2 triggered'));
     });
     it('02: should trigger the action onKeyDown - Space', async () => {
       await browser.keys(Key.Tab);
       await browser.keys(Key.Space);
-      const actionTriggered = DSMenuItems.getActionTriggered();
-      await expect(actionTriggered).toHaveTextContaining('option id #3 triggered');
+      const actionTriggered = await DSMenuItems.getActionTriggered();
+      await expect(actionTriggered).toHaveText(expect.stringContaining('option id #3 triggered'));
     });
   });
   describe('PUI-11567 - DSMenuItems:: Single Menu Item - func', () => {
@@ -32,16 +32,16 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await menuItemWrapper.waitForDisplayed();
       const menuItem3 = await DSMenuItems.getMenuItem('3');
       await menuItem3.click();
-      const innerRef = DSMenuItems.getInnerRef();
-      await expect(innerRef).toHaveTextContaining('Single menu item 3');
+      const innerRef = await DSMenuItems.getInnerRef();
+      await expect(innerRef).toHaveText(expect.stringContaining('Single menu item 3'));
       await expect(menuItem3).toHaveAttribute('aria-selected', 'true');
     });
     it('02: innerRef test: onKeyDown should display option label', async () => {
       await browser.keys(Key.Tab);
       await browser.keys(Key.Space);
-      const innerRef = DSMenuItems.getInnerRef();
+      const innerRef = await DSMenuItems.getInnerRef();
       const menuItem4 = await DSMenuItems.getMenuItem('4');
-      await expect(innerRef).toHaveTextContaining('Single menu item 4');
+      await expect(innerRef).toHaveText(expect.stringContaining('Single menu item 4'));
       await expect(menuItem4).toHaveAttribute('aria-selected', 'true');
     });
   });
@@ -55,16 +55,16 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await menuItemWrapper.waitForDisplayed();
       const menuItem3 = await DSMenuItems.getMenuItem('3');
       await menuItem3.click();
-      const innerRef = DSMenuItems.getInnerRef();
-      await expect(innerRef).toHaveTextContaining('multi menu item 3');
+      const innerRef = await DSMenuItems.getInnerRef();
+      await expect(innerRef).toHaveText(expect.stringContaining('multi menu item 3'));
       await expect(menuItem3).toHaveAttribute('aria-selected', 'false');
     });
     it('02: innerRef test: onKeyDown should display option label', async () => {
       await browser.keys(Key.Tab);
       await browser.keys(Key.Space);
       const menuItem4 = await DSMenuItems.getMenuItem('4');
-      const innerRef = DSMenuItems.getInnerRef();
-      await expect(innerRef).toHaveTextContaining('multi menu item 4');
+      const innerRef = await DSMenuItems.getInnerRef();
+      await expect(innerRef).toHaveText(expect.stringContaining('multi menu item 4'));
       await expect(menuItem4).toHaveAttribute('aria-selected', 'true');
     });
   });
@@ -78,16 +78,16 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await menuItemWrapper.waitForDisplayed();
       const menuItem3 = await DSMenuItems.getMenuItem('3');
       await menuItem3.click({ x: 50 });
-      const innerRef = DSMenuItems.getInnerRef();
-      await expect(innerRef).toHaveTextContaining('section menu item 3');
+      const innerRef = await DSMenuItems.getInnerRef();
+      await expect(innerRef).toHaveText(expect.stringContaining('section menu item 3'));
       await expect(menuItem3).toHaveAttribute('aria-selected', 'true');
     });
     it('02: innerRef test: onKeyDown should display option label', async () => {
       await browser.keys(Key.Tab);
       await browser.keys(Key.Space);
       const menuItem4 = await DSMenuItems.getMenuItem('4');
-      const innerRef = DSMenuItems.getInnerRef();
-      await expect(innerRef).toHaveTextContaining('section menu item 4');
+      const innerRef = await DSMenuItems.getInnerRef();
+      await expect(innerRef).toHaveText(expect.stringContaining('section menu item 4'));
       await expect(menuItem4).toHaveAttribute('aria-selected', 'true');
     });
   });

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

@@ -10,10 +10,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should display action menu items correctly', async () => {
       const menuItemWrapper = await DSMenuItems.getMenuItemsWrapper();
       await menuItemWrapper.waitForDisplayed();
-      const snapshot = await browser.checkRegionSnapshot(
-        DSMenuItems.snapshotPath('ds-menu-items-action-menu'),
-        menuItemWrapper,
-      );
+      const snapshot = await browser.checkSnapshot(DSMenuItems.snapshotPath('ds-menu-items-action-menu'));
       await expect(snapshot).toEqual(0);
     });
     it('02: should display action menu items correctly - hover and click', async () => {
@@ -25,10 +22,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await mouseOver(menuItem2, 40);
       // eslint-disable-next-line wdio/no-pause
       await browser.pause(300);
-      const snapshot = await browser.checkRegionSnapshot(
-        DSMenuItems.snapshotPath('ds-menu-items-action-menu-states'),
-        menuItemWrapper,
-      );
+      const snapshot = await browser.checkSnapshot(DSMenuItems.snapshotPath('ds-menu-items-action-menu-states'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -40,10 +34,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should display single menu items correctly', async () => {
       const menuItemWrapper = await DSMenuItems.getMenuItemsWrapper();
       await menuItemWrapper.waitForDisplayed();
-      const snapshot = await browser.checkRegionSnapshot(
-        DSMenuItems.snapshotPath('ds-menu-items-single-menu'),
-        menuItemWrapper,
-      );
+      const snapshot = await browser.checkSnapshot(DSMenuItems.snapshotPath('ds-menu-items-single-menu'));
       await expect(snapshot).toEqual(0);
     });
     it('02: should display single menu items correctly - hover and click', async () => {
@@ -53,10 +44,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const menuItem2 = await DSMenuItems.getMenuItem('2');
       await menuItem1.click();
       await mouseOver(menuItem2);
-      const snapshot = await browser.checkRegionSnapshot(
-        DSMenuItems.snapshotPath('ds-menu-items-single-menu-states'),
-        menuItemWrapper,
-      );
+      const snapshot = await browser.checkSnapshot(DSMenuItems.snapshotPath('ds-menu-items-single-menu-states'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -68,10 +56,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should display action menu items correctly', async () => {
       const menuItemWrapper = await DSMenuItems.getMenuItemsWrapper();
       await menuItemWrapper.waitForDisplayed();
-      const snapshot = await browser.checkRegionSnapshot(
-        DSMenuItems.snapshotPath('ds-menu-items-multi-menu'),
-        menuItemWrapper,
-      );
+      const snapshot = await browser.checkSnapshot(DSMenuItems.snapshotPath('ds-menu-items-multi-menu'));
       await expect(snapshot).toEqual(0);
     });
     it('02: should display action menu items correctly - hover and click', async () => {
@@ -83,10 +68,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await menuItem1.click();
       await menuItem3.click();
       await mouseOver(menuItem2);
-      const snapshot = await browser.checkRegionSnapshot(
-        DSMenuItems.snapshotPath('ds-menu-items-multi-menu-states'),
-        menuItemWrapper,
-      );
+      const snapshot = await browser.checkSnapshot(DSMenuItems.snapshotPath('ds-menu-items-multi-menu-states'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -98,10 +80,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should display section menu items correctly', async () => {
       const menuItemWrapper = await DSMenuItems.getMenuItemsWrapper();
       await menuItemWrapper.waitForDisplayed();
-      const snapshot = await browser.checkRegionSnapshot(
-        DSMenuItems.snapshotPath('ds-menu-items-section-menu'),
-        menuItemWrapper,
-      );
+      const snapshot = await browser.checkSnapshot(DSMenuItems.snapshotPath('ds-menu-items-section-menu'));
       await expect(snapshot).toEqual(0);
     });
     it('02: should display section menu items correctly - hover and click', async () => {
@@ -113,10 +92,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await menuItem1.click({ x: 50 });
       await menuItem3.click({ x: 50 });
       await mouseOver(menuItem2);
-      const snapshot = await browser.checkRegionSnapshot(
-        DSMenuItems.snapshotPath('ds-menu-items-section-menu-states'),
-        menuItemWrapper,
-      );
+      const snapshot = await browser.checkSnapshot(DSMenuItems.snapshotPath('ds-menu-items-section-menu-states'));
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-menu-item/DSMenuItemsCO.js

@@ -12,6 +12,10 @@ export default class DSMenuItemsCO extends PageObject {
 
   static skeletonMenuItem = new Urlbuilder(PATH_E2E_MENU_ITEMS, 'skeleton-menu-item-test');
 
+  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"]');
   }