dimsum-e2e-tests 3.53.0-alpha.1 → 3.53.0-alpha.3

package/ds-data-table-async/slots/DSDataTable.slots.func.spec.js

@@ -0,0 +1,40 @@
+/* eslint-disable max-lines */
+import DSDataTableCO from '../DSDataTableCO';
+import DSFiltersCO from '../components/FiltersCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17326 - DataTable:: FreeTextSearch Slots - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.slotsFilters.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom aria-* for each slot', async () => {
+      await DSFiltersCO.openFilterPopperByColumnName('name');
+      const dataTableFilterPopoverSlot = await DSFiltersCO.getFilterPopoverSlot();
+      const dataTableFilterPopoverContent = await DSFiltersCO.getFilterMenuContentSlot();
+      const dataTableFreeTextSearchWrapperSlot = await DSFiltersCO.getFreeTextSearchWrapperSlot();
+      const dataTableFreeTextSearchFilterSlot = await DSFiltersCO.getFreeTextSearchFilterSlot();
+
+      await expect(dataTableFilterPopoverSlot).toHaveAttribute('aria-label', 'Filter popover aria');
+      await expect(dataTableFilterPopoverContent).toHaveAttribute('aria-label', 'Filter popover content aria');
+      await expect(dataTableFreeTextSearchWrapperSlot).toHaveAttribute('aria-label', 'Free text search wrapper aria');
+      await expect(dataTableFreeTextSearchFilterSlot).toHaveAttribute('aria-label', 'Free text search input aria');
+    });
+    it('02: should have custom data-* for each slot', async () => {
+      const dataTableFilterPopoverSlot = await DSFiltersCO.getFilterPopoverSlot();
+      const dataTableFilterPopoverContent = await DSFiltersCO.getFilterMenuContentSlot();
+      const dataTableFreeTextSearchWrapperSlot = await DSFiltersCO.getFreeTextSearchWrapperSlot();
+      const dataTableFreeTextSearchFilterSlot = await DSFiltersCO.getFreeTextSearchFilterSlot();
+
+      await expect(dataTableFilterPopoverSlot).toHaveAttribute('data-testid', 'Filter popover data');
+      await expect(dataTableFilterPopoverContent).toHaveAttribute('data-testid', 'Filter popover content data');
+      await expect(dataTableFreeTextSearchWrapperSlot).toHaveAttribute('data-testid', 'Free text search wrapper data');
+      await expect(dataTableFreeTextSearchFilterSlot).toHaveAttribute('data-testid', 'Free text search input data');
+    });
+  });
+}

package/ds-data-table-async/slots/DSDataTable.slots.visual.spec.js

@@ -0,0 +1,19 @@
+/* eslint-disable max-lines */
+import DSDataTableCO from '../DSDataTableCO';
+import FiltersCO from '../components/FiltersCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17327 - DataTable:: FreeTextSearch Slots -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.slotsFilters.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display FreeTextSearch with customized slots', async () => {
+      await browser.eyesOpen();
+      await FiltersCO.openFilterPopperByColumnName('name');
+
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('free-text-search-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-data-table-async/sorting/DSDataTable.sorting.visual.spec.js

@@ -0,0 +1,118 @@
+/* eslint-disable max-len */
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { FiltersCO, HeaderCO } from '../components';
+import { asyncMouseOver, mouseOver } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-6983 - DataTable, Column header when sorting  -visual', async () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.sortByColumn.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should hover on position header and show the unsorted icon for the column', async () => {
+      const positionHeader = await HeaderCO.getHeaderCellByIndex(2);
+      await asyncMouseOver(positionHeader);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-column-header-unsorted'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should click on position header and sort the rows descending by this column changing the headers icon', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowDown);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-column-header-descending'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should click on position header and sort the rows ascending by this column changing the headers icon', async () => {
+      await browser.keys(Key.ArrowUp);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-column-header-ascending'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-7041 - DataTable, Column header truncated  -visual', async () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.sortByColumn.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('Should click on name header and sort the rows ascending by this column changing the headers icon', async () => {
+      const countryHeader = await HeaderCO.getHeaderCellByIndex(1);
+      await countryHeader.click();
+      await asyncMouseOver(countryHeader);
+      // eslint-disable-next-line wdio/no-pause
+      await browser.pause(1000);
+      const snapshot = await browser.checkSnapshot(
+        DSDataTableCO.snapshotPath('datatable-column-header-truncated-wtooltip'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-14735  - [DataTable] Header - Sort icon visibility - keyboard navigation - visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.sortByColumn.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: column position focused, all the controls including filter and sort icons are displayed', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-header-kb-focus'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: column position focused, all the controls including filter and sort icons are displayed', async () => {
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-header-kb-option-selected'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-7054 - DataTable, Header, Sort by Column - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.sortByColumn.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should focus position header and show its icons properly', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('headers-focus-header'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should hover country header and show its icons properly', async () => {
+      const positionHeader = await HeaderCO.getHeaderCellByIndex(3);
+      await mouseOver(positionHeader);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('headers-hover-header'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should hover truncated name header and show its icons and tooltip properly', async () => {
+      const nameLongHeader = await HeaderCO.getHeaderCellByIndex(1);
+      await mouseOver(nameLongHeader, 50, 10);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('headers-hover-longheader-wtooltip'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: should sort descending by first column and get the proper sort icon', async () => {
+      const idHeader = await HeaderCO.getHeaderCellByIndex(0);
+      await idHeader.click();
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('headers-descending-icon-id'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('05: should sort ascending by first column and get the proper sort icon', async () => {
+      const idHeader = await HeaderCO.getHeaderCellByIndex(0);
+      await idHeader.click();
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('headers-ascending-icon-id'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('06: should sort correctly with the filter opened', async () => {
+      await FiltersCO.openFilterPopperByColumnName('position');
+      const sortIconHeader = await HeaderCO.getSortBtnByIndex(2);
+      await sortIconHeader.waitForDisplayed();
+      await sortIconHeader.click();
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('sort-with-filter-opened'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-dataviz/DSDataViz.axis.visual.spec.js

@@ -65,7 +65,8 @@ if (!browser.capabilities['ice:options'].isPhone) {
 
   // fails on firefox due to fake-positive of infinte loop
   if (browser.capabilities.browserName !== 'Firefox') {
-    describe('PUI-9401 - DSDataViz, TimeLinear axis -Visual', () => {
+    // Skipped until PUI-16334 gets fixed
+    describe.skip('PUI-9401 - DSDataViz, TimeLinear axis -Visual', () => {
       before('loading page', async () => {
         const errorOnGo = await DSDataVizCO.timeLinearAxis.go();
         if (errorOnGo) throw errorOnGo;

package/ds-dataviz/DSDataViz.scroll.visual.spec.js

@@ -60,6 +60,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       });
       it('01: should display a the chart in default state', async () => {
         await browser.eyesOpen();
+        await browser.maximizeWindow();
         const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-res-default-default'));
         await expect(snapshot).toEqual(0);
       });

package/ds-dataviz/DSDataViz.ticks.visual.spec.js

@@ -62,7 +62,8 @@ if (!browser.capabilities['ice:options'].isPhone) {
     });
   });
 
-  describe('PUI-10321 - DSDataViz, Force ticks -Visual', () => {
+  // Skipped until PUI-16334 gets fixed
+  describe.skip('PUI-10321 - DSDataViz, Force ticks -Visual', () => {
     before('loading page', async () => {
       const errorOnGo = await DSDataVizCO.forceTicks.go();
       if (errorOnGo) throw errorOnGo;

package/ds-dialog/DSDialog.cases.visual.spec.js

@@ -23,7 +23,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSDialog.decisionURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should display decision DSDialog correctly with discard save', async () => {
+    it('01: should display decision DSDialog correctly with discard save', async () => {
       const triggerBtn = await DSDialog.getTriggerBtnByIndex(0);
       await triggerBtn.click();
       const dialog = await DSDialog.getDialog();
@@ -31,7 +31,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const snapshot = await browser.checkSnapshot(DSDialog.snapshotPath('dialog-decision-discardsave'));
       await expect(snapshot).toEqual(0);
     });
-    it('should display decision DSDialog correctly with close discard save', async () => {
+    it('02: should display decision DSDialog correctly with close discard save', async () => {
       await browser.keys(Key.Escape);
       const triggerBtn = await DSDialog.getTriggerBtnByIndex(1);
       await triggerBtn.click();
@@ -40,7 +40,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const snapshot = await browser.checkSnapshot(DSDialog.snapshotPath('dialog-decision-closediscardsave'));
       await expect(snapshot).toEqual(0);
     });
-    it('should display decision DSDialog correctly with close save', async () => {
+    it('03: should display decision DSDialog correctly with close save', async () => {
       await browser.keys(Key.Escape);
       const triggerBtn = await DSDialog.getTriggerBtnByIndex(2);
       await triggerBtn.click();
@@ -61,7 +61,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
       await browser.keys(Key.Tab);
-      await browser.keys(Key.Tab);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);

package/ds-dialog/DSDialog.visual.spec.js

@@ -1,6 +1,6 @@
 /* eslint-disable max-lines */
 import { Key } from 'webdriverio';
-import { Target } from '@applitools/eyes-webdriverio';
+// import { Target } from '@applitools/eyes-webdriverio';
 import DSDialog from './DSDialogCO';
 import DSShuttleV2CO from '../ds-shuttle-v2/DSShuttleV2CO';
 import DSWizardCO from '../ds-wizard/DSWizardCO';
@@ -38,7 +38,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
   });
   describe('PUI-7878 - DSDialog, ScrollBody layout -visual', () => {
     before('loading page', async () => {
-      const errorOnGo = await DSDialog.scrollBodyURL.go();
+      const errorOnGo = await DSDialog.scrollBodyContent.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('should display scrollable DSDialog correctly', async () => {
@@ -208,18 +208,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: dialog content should be scrolled down correctly', async () => {
-      await browser.eyesOpen();
-      const triggerBtn = await DSDialog.getTriggerBtn();
-      await triggerBtn.scrollIntoView();
-      await triggerBtn.waitForDisplayed();
-      await triggerBtn.click();
-      if (browser.capabilities.browserName !== 'Safari') {
-        await browser.eyesSetScrollRootElement(triggerBtn);
-      }
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSDialog.snapshotPath('dialog-backdrop-cover-full-page'),
-        Target.window().fully(false),
-      );
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSDialog.snapshotPath('dialog-backdrop-cover-full-page'));
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-dialog/DSDialogCO.js

@@ -1,32 +1,24 @@
 /* eslint-disable import/no-relative-packages */
 import { getElementByIndex } from './helpers/getElementByIndex';
-import { PATH_DIALOG_EXAMPLES, PATH_E2E_DIALOG } from '../paths';
+import { PATH_E2E_DIALOG } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSDialog extends PageObject {
   static basicURL = new Urlbuilder(PATH_E2E_DIALOG, 'basic');
 
-  static centeredURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'centered');
+  static centeredURL = new Urlbuilder(PATH_E2E_DIALOG, 'centered-test');
 
   static withPopperjs = new Urlbuilder(PATH_E2E_DIALOG, 'with-popperjs');
 
   static decisionURL = new Urlbuilder(PATH_E2E_DIALOG, 'decision-test');
 
-  static formDialogURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'form-dialog');
-
   static informationURL = new Urlbuilder(PATH_E2E_DIALOG, 'informational-test');
 
-  static manageFocusURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'manage-focus-after-close');
-
-  static removeFocusURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'remove-auto-focus');
-
-  static scrollBodyURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'scroll-body');
-
-  static shuttleURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'shuttle');
+  static removeFocusURL = new Urlbuilder(PATH_E2E_DIALOG, 'remove-auto-focus-test');
 
-  static tabloopURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'tab-loop');
+  static shuttleURL = new Urlbuilder(PATH_E2E_DIALOG, 'shuttle-test');
 
-  static wizardURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'wizard');
+  static wizardURL = new Urlbuilder(PATH_E2E_DIALOG, 'wizard-test');
 
   static preventBackgroundShifting = new Urlbuilder(PATH_E2E_DIALOG, 'prevent-background-shifting');
 

package/ds-dialog/axe-core/DSDialog.error.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+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-17332 - DSDialog:: Error dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.errorURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Error DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/axe-core/DSDialog.info.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+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-17330 - DSDialog:: Information dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.informationURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Information DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/axe-core/DSDialog.scroll-body.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+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-17329 - DSDialog:: ScrollBody layout - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.scrollBodyContent.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display scrollable DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/axe-core/DSDialog.success.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+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-17333 - DSDialog, Success dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.successURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Success DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/axe-core/DSDialog.warning.axe-core.spec.func.js

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+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-17331 - DSDialog:: Warning dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.warningURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Warning DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -77,21 +77,21 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
   });
 
   describe('PUI-9587 - DropdownMenuV2, Basic keyboard selection and submenus -Visual.', () => {
-    before(async () => {
+    beforeEach(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.Tab);
+      await browser.keys(Key.Enter);
       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.Tab);
+      await browser.keys(Key.Enter);
       await browser.keys(Key.ArrowLeft);
       await browser.keys(Key.Space);
       await browser.keys(Key.ArrowDown);

package/ds-form-combobox-multi/DSComboboxMultiCO.js

@@ -1,5 +1,5 @@
 import { Key } from 'webdriverio';
-import { PATH_E2E_COMBOBOX_MULTI } from '../paths';
+import { PATH_E2E_COMBOBOX_MULTI, PATH_E2E_COMBOBOX_MULTI_SLOTS } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSComboboxMultiCO extends PageObject {
@@ -19,6 +19,19 @@ export default class DSComboboxMultiCO extends PageObject {
 
   static insideIframe = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'inside-iframe');
 
+  static floatingAfterFiltering = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'floating-after-filtering');
+
+  static disabled = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'disabled-test');
+
+  static controlledMenuStateWithSectionsSlotsTest = new Urlbuilder(
+    PATH_E2E_COMBOBOX_MULTI_SLOTS,
+    'controlled-menu-state-with-section-slots-test',
+  );
+
+  static loadingIndicatorSlotsTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI_SLOTS, 'loading-indicator-slots-test');
+
+  static skeletonSlotsTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI_SLOTS, 'skeleton-slots-test');
+
   // COMBOBOX - INPUT
   static async getCombobox() {
     return $('[data-testid="combobox-container"]');
@@ -28,6 +41,10 @@ export default class DSComboboxMultiCO extends PageObject {
     return $('[data-testid="combobox-controls-wrapper"]');
   }
 
+  static async getComboboxWrapperByIndex(index) {
+    return $$('[data-testid="combobox-controls-wrapper"]')[index];
+  }
+
   static async getComboboxByIndex(index) {
     return $$('[data-testid="combobox-container"]')[index];
   }
@@ -48,6 +65,14 @@ export default class DSComboboxMultiCO extends PageObject {
     return $$('[data-testid="combobox-input"]')[index];
   }
 
+  static async getComboboxHiddenInput() {
+    return $('input[aria-hidden="true"]');
+  }
+
+  static async getComboboxHiddenInputByIndex(index) {
+    return $$('input[aria-hidden="true"]')[index];
+  }
+
   static async getSelectedValues() {
     return $('[data-testid="combobox-selected-values"]');
   }
@@ -179,6 +204,76 @@ export default class DSComboboxMultiCO extends PageObject {
     await menuList.waitForExist();
   }
 
+  // Slots
+
+  static async getComboboxRootSlot() {
+    return $('[data-dimsum-slot="dsComboboxRoot"]');
+  }
+
+  static async getComboboxInputWrapperSlot() {
+    return $('[data-dimsum-slot="dsComboboxInputWrapper"]');
+  }
+
+  static async getComboboxInputSlot() {
+    return $('[data-dimsum-slot="dsComboboxInput"]');
+  }
+
+  static async getComboboxDropDownMenuBtnSlot() {
+    return $('[data-dimsum-parent-slot="dsComboboxDropdownButton"]');
+  }
+
+  static async getFloatingWrapperRootSlot() {
+    return $('[data-dimsum-slot="dsFloatingwrapperRoot"]');
+  }
+
+  static async getFloatingWrapperContentSlot() {
+    return $('[data-dimsum-slot="dsFloatingwrapperContent"]');
+  }
+
+  static async getFastListSlot() {
+    return $('[data-dimsum-parent-slot="dsComboboxFastList"]');
+  }
+
+  static async getFastListWrapperListSlot() {
+    return $('[data-dimsum-slot="dsFastlistWrapperList"]');
+  }
+
+  static async getFastListItemSlot() {
+    return $('[data-dimsum-slot="dsFastlistItem"]');
+  }
+
+  static async getMenuitemMenuItemWrapperSlot() {
+    return $('[data-dimsum-slot="dsMenuitemMenuItemWrapper"]');
+  }
+
+  static async getMenuitemMenuItemsContentWrapperSlotByIndex(index) {
+    return $$('[data-dimsum-slot="dsMenuitemMenuItemContentWrapper"]')[index];
+  }
+
+  static async getMenuitemMenuItemLabelSlotByIndex(index) {
+    return $$('[data-dimsum-slot="dsMenuitemMenuItemLabel"]')[index];
+  }
+
+  static async getComboboxLoadingIndicator() {
+    return $('[data-dimsum-parent-slot="dsComboboxLoadingIndicator"]');
+  }
+
+  static async getComboboxSkeletonMenuItem() {
+    return $('[data-dimsum-parent-slot="dsComboboxSkeletonMenuItem"]');
+  }
+
+  static async getComboboxMenuItemSlotByIndex(index) {
+    return $$('[data-dimsum-parent-slot="dsComboboxMultiMenuItem"]')[index];
+  }
+
+  static async getComboboxSectionLabelByIndex(index) {
+    return $$('[data-dimsum-slot="dsComboboxSectionLabel"]')[index];
+  }
+
+  static async getComboboxSectionWrapperSlotByIndex(index) {
+    return $$('[data-dimsum-slot="dsComboboxSectionWrapper"]')[index];
+  }
+
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSComboboxMulti', example, 'ds-combobox-multi');
   }

package/ds-form-combobox-multi/aria-disabled/DSComboboxMulti.aria-disabled.visual.spec.js

@@ -4,7 +4,7 @@ import DSComboboxMultiCO from '../DSComboboxMultiCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-14364 - ComboboxMulti:: applyAriaDisabled prop - visual', () => {
-    before('loading page', async () => {
+    beforeEach('loading page', async () => {
       const errorOnGo = await DSComboboxMultiCO.applyAriaDisabled.go();
       if (errorOnGo) throw errorOnGo;
     });
@@ -20,11 +20,12 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('02: The first aria-disabled option should be focused and not selected', async () => {
       await browser.eyesOpen();
       await browser.keys(Key.Tab);
-      await browser.keys(Key.Enter);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);
-      await browser.keys(Key.Enter);
+      await browser.keys(Key.Return);
       const snapshot = await browser.eyesCheckSnapshot(
         DSComboboxMultiCO.snapshotPath('combobox-multi-aria-disabled-options-kb-nav'),
       );
@@ -32,6 +33,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('03: first aria-disabled combobox should be focused', async () => {
       await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
       await browser.keys(Key.Escape);
       await browser.keys([Key.Shift, Key.Tab]);
       const snapshot = await browser.eyesCheckSnapshot(