dimsum-e2e-tests 1.0.0-rc.1

package/ds-dropdownmenu-v2/DSDDMenuV2.visual.spec.js

@@ -0,0 +1,167 @@
+import { Key } from 'webdriverio';
+import DSDDMenuV2CO from './DSDDMenuV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9584 - DropdownMenuV2 - Custom widths -Visual.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.customWidthURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a dropdown with custom min width', async () => {
+      await browser.eyesOpen();
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-custom-min-width-close'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display a dropdown with custom min width with submenu', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowRight);
+
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-custom-min-width-expanded'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9585 - DropdownMenuV2, Header -Visual.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.headerURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a dropdown menu with header', async () => {
+      await browser.eyesOpen();
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-header'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9578 - DropdownMenuV2, Empty State -Visual.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.emptyStateURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a dropdown menu with empty state', async () => {
+      await browser.eyesOpen();
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-empty'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9586 - DropdownMenuV2, Ten thousand options -Visual.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.tenThousandURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a dropdown menu with ten thousands options (scrollbar)(begin)', async () => {
+      await browser.eyesOpen();
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-ten-thousands-begin'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display a dropdown menu with ten thousands options (scrollbar)(end)', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowUp);
+      const snapshot = await browser.eyesCheckSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-ten-thousands-end'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9587 - DropdownMenuV2, Basic keyboard selection and submenus -Visual.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a dropdown submenu expanded and selected', async () => {
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowRight);
+      const snapshot = await browser.checkSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-one-submenu'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display a dropdown double submenu ', async () => {
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      const snapshot = await browser.checkSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-double-submenu'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9575 - DropdownMenuV2, Loading -Visual.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.loadingURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a loading indicator when ddmenu is triggered', async () => {
+      await browser.eyesOpen();
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const indicator = await DSDDMenuV2CO.getCircularIndicator();
+      await indicator.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-loading'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-10872 - DropdownMenuV2, Item name text wrapping -Visual.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.longNamesURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a dropdown with expanded submenu and long texts correctly wrapped', async () => {
+      await browser.eyesOpen();
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowRight);
+      const snapshot = await browser.eyesCheckSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-long-text'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-11065, DropdownMenuV2, Skeleton -Visual.', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDDMenuV2CO.skeletonURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display skeleton for dropdownmenu v2 component', async () => {
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const snapshot = await browser.checkSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-skeleton'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-11779, DropdownMenuV2, Skeleton Menu Item -Visual.', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDDMenuV2CO.skeletonItemURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display skeleton for dropdownmenu v2 component', async () => {
+      await browser.eyesOpen();
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const skeleton = await DSDDMenuV2CO.getSkeletons();
+      await skeleton.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSDDMenuV2CO.snapshotPath('ds-ddmenuv2-skelitem'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-dropdownmenu-v2/DSDDMenuV2CO.js

@@ -0,0 +1,81 @@
+import { PATH_E2E_DDMENU_V2 } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
+
+export default class DSDropdownMenu extends PageObject {
+  static basicURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'basic-test');
+
+  static customWidthURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'custom-min-widths-test');
+
+  static emptyStateURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'empty-state-test');
+
+  static longNamesURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'long-item-name-test');
+
+  static skeletonURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'skeleton-test');
+
+  static skeletonItemURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'with-skeleton-menu-item-test');
+
+  static mandatorySingleURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'mandatory-single-select-test');
+
+  static loadingURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'loading-test');
+
+  static tenThousandURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'ten-thousand-options-test');
+
+  static singleSelectURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'single-select-test');
+
+  static headerURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'with-header-test');
+
+  static multipleSubmenusURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'multiple-submenus');
+
+  static onClickURL = new Urlbuilder(PATH_E2E_DDMENU_V2, 'on-click-test');
+
+  // Selectors
+
+  static async getDropDownTrigger() {
+    return $('[data-testid="ds-button"]');
+  }
+
+  static async getEmptyState() {
+    return $('[data-testid="ds-dropdown-menu-empty-state-wrapper"]');
+  }
+
+  static async getOptions() {
+    return $$('[role="option"]');
+  }
+
+  static async getLoadingIndicator() {
+    return $('[data-testid="circular-indicator"]');
+  }
+
+  static async getSubmenuIcons() {
+    return $$('[data-testid="ds-icon-svg"]');
+  }
+
+  static getSubmenuIconByIndex = async (index) => getElementByIndex(this.getSubmenuIcons, index);
+
+  static getOptionByIndex = async (index) => getElementByIndex(this.getOptions, index);
+
+  static async getCircularIndicator() {
+    return $('[data-testid="circular-indicator"]');
+  }
+
+  static async getMenuItemLabel(label) {
+    return $(`//div[@data-testid="ds-menu-item-menu-item-content-wrapper"]//span[contains(text(), "${label}")]`);
+  }
+
+  static async getCustomDataTestId(datatestid) {
+    return $(`[data-testid=${datatestid}]`);
+  }
+
+  static async getCounterValue() {
+    return $('[data-testid="counter"]');
+  }
+
+  static async getSkeletons(index = 0) {
+    return $$(`[data-testid="ds-skeleton-root"]`)[index];
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'loading') {
+    return PageObject.getSnapshotPathBuilder('DSDropdownMenuV2', example, 'ds-dropdownmenu-v2');
+  }
+}

package/ds-dropdownmenu-v2/basic/DSDDMenuV2.basic.func.spec.js

@@ -0,0 +1,160 @@
+import { Key } from 'webdriverio';
+// import { mouseOver } from '../../helpers';
+import DSDDMenuV2CO from '../DSDDMenuV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9576 - DropdownMenuV2, Casscading Menu -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should open dropdown and have 6 options', async () => {
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const optionsPresent = (await DSDDMenuV2CO.getOptions()).length;
+      await expect(optionsPresent).toEqual(6);
+    });
+    it('02: should open also a submenu and have 5 more options', async () => {
+      const submenuIcon = await DSDDMenuV2CO.getSubmenuIconByIndex(0);
+      await submenuIcon.click();
+      const optionsPresent = (await DSDDMenuV2CO.getOptions()).length;
+      await expect(optionsPresent).toEqual(11);
+    });
+  });
+  describe('PUI-11827 - DropdownMenuV2 - onOptionClick - mouse functional test', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.onClickURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should increase the counter by clicking option type singleWithSubmenu', async () => {
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      // option label: Standard
+      const firstOption = await DSDDMenuV2CO.getOptionByIndex(0);
+      await firstOption.click();
+      const counterValue = await DSDDMenuV2CO.getCounterValue();
+      await expect(counterValue).toHaveTextContaining('Clicks: 1');
+    });
+    it('02: should increase the counter by clicking option type single', async () => {
+      // option label: View names are sentence case
+      const secondOption = await DSDDMenuV2CO.getOptionByIndex(1);
+      await secondOption.click();
+      const counterValue = await DSDDMenuV2CO.getCounterValue();
+      await expect(counterValue).toHaveTextContaining('Clicks: 2');
+    });
+    it('03: should not increase the counter by clicking option type singleWithSubmenu - disabled', async () => {
+      // option label: View names can be long
+      const thirdOption = await DSDDMenuV2CO.getOptionByIndex(2);
+      await thirdOption.click();
+      const counterValue = await DSDDMenuV2CO.getCounterValue();
+      await expect(counterValue).toHaveTextContaining('Clicks: 2');
+    });
+    it('04: should increase the counter by clicking option type singleWithSubmenu', async () => {
+      // option label: Monthly views
+      const fourthOption = await DSDDMenuV2CO.getOptionByIndex(3);
+      await fourthOption.click();
+      const counterValue = await DSDDMenuV2CO.getCounterValue();
+      await expect(counterValue).toHaveTextContaining('Clicks: 3');
+    });
+    it('05: should not increase the counter by clicking option type submenu', async () => {
+      // option label: Other views
+      const fifthOption = await DSDDMenuV2CO.getOptionByIndex(4);
+      await fifthOption.click();
+      const counterValue = await DSDDMenuV2CO.getCounterValue();
+      await expect(counterValue).toHaveTextContaining('Clicks: 3');
+    });
+    it('06: should not increase the counter by clicking option type single - disabled', async () => {
+      // option label: Random view
+      const ninthOption = await DSDDMenuV2CO.getOptionByIndex(8);
+      await ninthOption.click();
+      const counterValue = await DSDDMenuV2CO.getCounterValue();
+      await expect(counterValue).toHaveTextContaining('Clicks: 3');
+    });
+    it('07: should not increase the counter by clicking option type action - disabled', async () => {
+      // option label: Rename
+      const tenthOption = await DSDDMenuV2CO.getOptionByIndex(9);
+      await tenthOption.click();
+      const counterValue = await DSDDMenuV2CO.getCounterValue();
+      await expect(counterValue).toHaveTextContaining('Clicks: 3');
+    });
+    it('08: should increase the counter by clicking option type action', async () => {
+      // Create new view
+      const sixthOption = await DSDDMenuV2CO.getOptionByIndex(5);
+      await sixthOption.click();
+      const counterValue = await DSDDMenuV2CO.getCounterValue();
+      await expect(counterValue).toHaveTextContaining('Clicks: 4');
+    });
+  });
+  describe('PUI-11829 - DropdownMenuV2 - onOptionClick - keyboard functional test', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.onClickURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should increase the counter - option type singleWithSubmenu [Enter]', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Return);
+      const counterValue = await DSDDMenuV2CO.getCounterValue();
+      await expect(counterValue).toHaveTextContaining('Clicks: 1');
+    });
+    it('02: should increase the counter - option type single [Space]', async () => {
+      // option label: View names are sentence case
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const counterValue = await DSDDMenuV2CO.getCounterValue();
+      await expect(counterValue).toHaveTextContaining('Clicks: 2');
+    });
+    it('03: should not increase the counter - option type submenu [Enter]', async () => {
+      // option label: Other views
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Return);
+      const counterValue = await DSDDMenuV2CO.getCounterValue();
+      await expect(counterValue).toHaveTextContaining('Clicks: 2');
+    });
+    it('04: should increase the counter - option type action [Space]', async () => {
+      // option label: Create new view
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const counterValue = await DSDDMenuV2CO.getCounterValue();
+      await expect(counterValue).toHaveTextContaining('Clicks: 3');
+    });
+  });
+  if (browser.capabilities.browserName === 'chrome' || browser.capabilities.browserName === 'Chrome') {
+    describe('PUI-11814 - DropdownMenuV2, Global attributes -Func', () => {
+      before(async () => {
+        const errorOnGo = await DSDDMenuV2CO.basicURL.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('01: type singleWithSubmenu: check global attributes', async () => {
+        const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+        await ddMenuTrigger.click();
+        const firstOption = await DSDDMenuV2CO.getOptionByIndex(0);
+        await expect(firstOption).toHaveAttribute('aria-label', 'Standard case aria label');
+        await expect(firstOption).toHaveAttribute('aria-describedby', 'mycustomID');
+        await expect(firstOption).toHaveAttribute('data-testid', 'single-with-submenu-item-id1');
+      });
+      it('02: type single: check global attributes', async () => {
+        const secondOption = await DSDDMenuV2CO.getOptionByIndex(1);
+        await expect(secondOption).toHaveAttribute('aria-label', 'View names are sentence case aria label');
+        await expect(secondOption).toHaveAttribute('aria-describedby', 'mycustomID2');
+        await expect(secondOption).toHaveAttribute('data-testid', 'single-item-id2');
+      });
+      it('03: type submenu: check global attributes', async () => {
+        const fifthOption = await DSDDMenuV2CO.getOptionByIndex(4);
+        await expect(fifthOption).toHaveAttribute('aria-label', 'Other views aria label');
+        await expect(fifthOption).toHaveAttribute('aria-describedby', 'mycustomID3');
+        await expect(fifthOption).toHaveAttribute('data-testid', 'submenu-item-id5');
+      });
+      it('04: type singleWithSubmenu (2nd level): check global attributes', async () => {
+        const fifthOption = await DSDDMenuV2CO.getOptionByIndex(4);
+        await fifthOption.click();
+        const yearlyViewsOption = await DSDDMenuV2CO.getOptionByIndex(6);
+        await yearlyViewsOption.waitForDisplayed();
+        await expect(yearlyViewsOption).toHaveAttribute('aria-label', 'Yearly views aria label');
+        await expect(yearlyViewsOption).toHaveAttribute('aria-describedby', 'mycustomID4');
+        await expect(yearlyViewsOption).toHaveAttribute('data-testid', 'submenu-item-id5.1');
+      });
+    });
+  }
+}

package/ds-dropdownmenu-v2/custom-width/DSDDMenuV2.custom-width.func.spec.js

@@ -0,0 +1,50 @@
+import DSDDMenuV2CO from '../DSDDMenuV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9583 - DropdownMenuV2, Multi select (with mouse) -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.customWidthURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should open ddmenu and have option no options selected', async () => {
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const opt1 = await DSDDMenuV2CO.getOptionByIndex(0);
+      const isOpt1Checked = await opt1.getAttribute('aria-selected');
+      await expect(isOpt1Checked).toEqual('false');
+      const opt2 = await DSDDMenuV2CO.getOptionByIndex(1);
+      const isOpt2Checked = await opt2.getAttribute('aria-selected');
+      await expect(isOpt2Checked).toEqual('false');
+      const opt3 = await DSDDMenuV2CO.getOptionByIndex(2);
+      const isOpt3Checked = await opt3.getAttribute('aria-selected');
+      await expect(isOpt3Checked).toEqual('false');
+    });
+    it('02: should click options and have them selected', async () => {
+      const opt1 = await DSDDMenuV2CO.getOptionByIndex(0);
+      const opt2 = await DSDDMenuV2CO.getOptionByIndex(1);
+      const opt3 = await DSDDMenuV2CO.getOptionByIndex(2);
+      await opt1.click();
+      await opt2.click();
+      await opt3.click();
+      const isOpt1Checked = await opt1.getAttribute('aria-selected');
+      await expect(isOpt1Checked).toEqual('true');
+      const isOpt2Checked = await opt2.getAttribute('aria-selected');
+      await expect(isOpt2Checked).toEqual('true');
+      const isOpt3Checked = await opt3.getAttribute('aria-selected');
+      await expect(isOpt3Checked).toEqual('true');
+    });
+    it('03: should click options 1 and 3 and have them deselected', async () => {
+      const opt1 = await DSDDMenuV2CO.getOptionByIndex(0);
+      const opt2 = await DSDDMenuV2CO.getOptionByIndex(1);
+      const opt3 = await DSDDMenuV2CO.getOptionByIndex(2);
+      await opt1.click();
+      await opt3.click();
+      const isOpt1Checked = await opt1.getAttribute('aria-selected');
+      await expect(isOpt1Checked).toEqual('false');
+      const isOpt2Checked = await opt2.getAttribute('aria-selected');
+      await expect(isOpt2Checked).toEqual('true');
+      const isOpt3Checked = await opt3.getAttribute('aria-selected');
+      await expect(isOpt3Checked).toEqual('false');
+    });
+  });
+}

package/ds-dropdownmenu-v2/empty-state/DSDDMenuV2.empty-state.func.spec.js

@@ -0,0 +1,16 @@
+import DSDDMenuV2CO from '../DSDDMenuV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9577 - DropdownMenuV2, Empty state -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.emptyStateURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a empty state when ddmenu is triggered', async () => {
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const emptyStateIndicator = await DSDDMenuV2CO.getEmptyState();
+      await expect(emptyStateIndicator).toBeDisplayed();
+    });
+  });
+}

package/ds-dropdownmenu-v2/loading/DSDDMenuV2.loading.func.spec.js

@@ -0,0 +1,16 @@
+import DSDDMenuV2CO from '../DSDDMenuV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9574 - DropdownMenuV2, Loading -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.loadingURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a loading indicator when ddmenu is triggered', async () => {
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const loadingIndicator = await DSDDMenuV2CO.getLoadingIndicator();
+      await expect(loadingIndicator).toBeDisplayed();
+    });
+  });
+}

package/ds-dropdownmenu-v2/mandatory-single/DSDDMenuV2.mandatory-single.func.spec.js

@@ -0,0 +1,32 @@
+import DSDDMenuV2CO from '../DSDDMenuV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9580 - DropdownMenuV2, Single select (with mouse) -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.mandatorySingleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should open ddmenu and have option 1 automatically checked', async () => {
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const opt1 = await DSDDMenuV2CO.getOptionByIndex(0);
+      const isOpt1Checked = await opt1.getAttribute('aria-selected');
+      await expect(isOpt1Checked).toEqual('true');
+    });
+    it('02: should click option 2 and have this option checked and option 1 unchecked', async () => {
+      const opt1 = await DSDDMenuV2CO.getOptionByIndex(0);
+      const opt2 = await DSDDMenuV2CO.getOptionByIndex(2);
+      await opt2.click();
+      const isOpt1Checked = await opt1.getAttribute('aria-selected');
+      await expect(isOpt1Checked).toEqual('false');
+      const isOpt2Checked = await opt2.getAttribute('aria-selected');
+      await expect(isOpt2Checked).toEqual('true');
+    });
+    it('03: should not deselect the only option selected with click (mandatory select)', async () => {
+      const opt2 = await DSDDMenuV2CO.getOptionByIndex(2);
+      await opt2.click();
+      const isOpt2Checked = await opt2.getAttribute('aria-selected');
+      await expect(isOpt2Checked).toEqual('true');
+    });
+  });
+}

package/ds-dropdownmenu-v2/multiple-sub-menus/DSDDMenuV2.multiple-sub-menus.func.spec.js

@@ -0,0 +1,35 @@
+import { mouseOver } from '../../helpers';
+import DSDDMenuV2CO from '../DSDDMenuV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10726 - DropdownMenuV2, Multiple Sub Menues -Func', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.multipleSubmenusURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: first sub menu should be displayed', async () => {
+      const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
+      await ddMenuTrigger.click();
+      const otherViews2ItemLabel = await DSDDMenuV2CO.getMenuItemLabel('Other views 2');
+      await mouseOver(otherViews2ItemLabel);
+      const randomView1 = await DSDDMenuV2CO.getMenuItemLabel('Random view 1');
+      await expect(randomView1).toBeDisplayedInViewport();
+    });
+    it('02: second sub menu should be displayed and first one not should be displayed', async () => {
+      const otherViews3ItemLabel = await DSDDMenuV2CO.getMenuItemLabel('Other views 3');
+      await mouseOver(otherViews3ItemLabel);
+      const randomView1 = await DSDDMenuV2CO.getMenuItemLabel('Random view 1');
+      const randomView2 = await DSDDMenuV2CO.getMenuItemLabel('Random view 2');
+      await expect(randomView1).not.toBeDisplayedInViewport();
+      await expect(randomView2).toBeDisplayedInViewport();
+    });
+    it('03: all sub menues should be closed', async () => {
+      const randomViewLabel = await DSDDMenuV2CO.getMenuItemLabel('Random view');
+      await mouseOver(randomViewLabel);
+      const randomView1 = await DSDDMenuV2CO.getMenuItemLabel('Random view 1');
+      const randomView2 = await DSDDMenuV2CO.getMenuItemLabel('Random view 2');
+      await expect(randomView1).not.toBeDisplayedInViewport();
+      await expect(randomView2).not.toBeDisplayedInViewport();
+    });
+  });
+}

package/ds-dropdownmenu-v2/ten-thousand/DSDDMenuV2.ten-thousand.func.spec.js

@@ -0,0 +1,38 @@
+import { Key } from 'webdriverio';
+import DSDDMenuV2CO from '../DSDDMenuV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9582 - DropdownMenuV2, Multi select (with keyboard) -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSDDMenuV2CO.tenThousandURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should open ddmenu and select option 1 and option 2', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const opt1 = await DSDDMenuV2CO.getOptionByIndex(0);
+      const isOpt1Checked = await opt1.getAttribute('aria-selected');
+      await expect(isOpt1Checked).toEqual('true');
+      const opt2 = await DSDDMenuV2CO.getOptionByIndex(1);
+      const isOpt2Checked = await opt2.getAttribute('aria-selected');
+      await expect(isOpt2Checked).toEqual('true');
+    });
+    it('02: should deselect with keyboard option 2 and select option 3 (option 1 remains selected)', async () => {
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const opt1 = await DSDDMenuV2CO.getOptionByIndex(0);
+      const opt2 = await DSDDMenuV2CO.getOptionByIndex(1);
+      const opt3 = await DSDDMenuV2CO.getOptionByIndex(2);
+      const isOpt1Checked = await opt1.getAttribute('aria-selected');
+      await expect(isOpt1Checked).toEqual('true');
+      const isOpt2Checked = await opt2.getAttribute('aria-selected');
+      await expect(isOpt2Checked).toEqual('false');
+      const isOpt3Checked = await opt3.getAttribute('aria-selected');
+      await expect(isOpt3Checked).toEqual('true');
+    });
+  });
+}

package/ds-dropzone/DSDropzone.func.spec.js

@@ -0,0 +1,24 @@
+import DSDropzoneCO from './DSDropzoneCO';
+/* this is the syntax for only enabling test for desktop only
+ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-XXXX - Dropzone:: example test - data-testid exists', () => {
+    before('loading page', async () => {
+      // your code goes here
+    });
+    it('01: wrapper should be displayed', async () => {
+      // your code goes here
+    });
+
+  });
+}
+*/
+describe.skip('PUI-XXXX - Dropzone:: example test - data-testid exists', () => {
+  before('loading page', async () => {
+    const errorOnGo = await DSDropzoneCO.basic.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('01: wrapper should be displayed', async () => {
+    const wrapper = await DSDropzoneCO.getWrapper();
+    await expect(wrapper).toBeDisplayedInViewport();
+  });
+});

package/ds-dropzone/DSDropzoneCO.js

@@ -0,0 +1,17 @@
+import { DROPZONE_DATA_TESTID } from '../../packages/ds-dropzone/src/index.ts';
+import { PATH_DROPZONE } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSDropzone extends PageObject {
+  static basic = new Urlbuilder(PATH_DROPZONE, 'basic');
+
+  // Selectors
+  static async getWrapper() {
+    return $(`[data-testid="${DROPZONE_DATA_TESTID.WRAPPER}"]`);
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('DSDropzone', example, 'ds-dropzone');
+  }
+}