dimsum-e2e-tests 3.51.0-rc.8 → 3.51.1

package/ds-controlled-form/ds-controlled-radio/DSControlledRadio.visual.spec.js

@@ -35,28 +35,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
-  describe('PUI-8840 - DSControlledRadio - Visual Test - ReadOnly', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSControlledRadioCO.readOnly.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('should display readonly radio styles correctly', async () => {
-      const radio = await DSControlledRadioCO.getRadioByIndex(0);
-      const radio2 = await DSControlledRadioCO.getRadioByIndex(1);
-      await radio.click();
-      await mouseOver(radio2);
-      const snapshot = await browser.checkSnapshot(DSControlledRadioCO.snapshotPath('radio-readonly'));
-      await expect(snapshot).toEqual(0);
-    });
-    it('should display readonly radio different styles correctly', async () => {
-      const radio = await DSControlledRadioCO.getRadioByIndex(0);
-      const radio2 = await DSControlledRadioCO.getRadioByIndex(1);
-      await radio2.click();
-      await mouseOver(radio);
-      const snapshot = await browser.checkSnapshot(DSControlledRadioCO.snapshotPath('radio-readonly-bis'));
-      await expect(snapshot).toEqual(0);
-    });
-  });
   describe('PUI-8839 - DSControlledRadio - Visual Test - HasError', () => {
     before('loading page', async () => {
       const errorOnGo = await DSControlledRadioCO.hasError.go();

package/ds-controlled-form/ds-controlled-radio/DSControlledRadioCO.js

@@ -14,6 +14,8 @@ export default class DSControlledRadioCO extends PageObject {
 
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_RADIO, 'apply-aria-disabled-test');
 
+  static wrapLabel = new Urlbuilder(PATH_E2E_RADIO, 'wrap-label');
+
   static async getRadio() {
     return $('[data-testid="ds-radio"]');
   }

package/ds-controlled-form/ds-controlled-radio/read-only/DSControlledRadio.readOnly.axe-core.func.spec.js

@@ -0,0 +1,22 @@
+import { axeCoreCheck } from '../../../helpers';
+import DSControlledRadioCO from '../DSControlledRadioCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-15631  - DSControlledRadio - readOnly - AxeCore Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledRadioCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display radio with readOnly and pass axe-core scann', async () => {
+      const radio = await DSControlledRadioCO.getRadioByIndex(1);
+      await radio.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-radio/read-only/DSControlledRadio.readOnly.visual.spec.js

@@ -0,0 +1,24 @@
+import { Key } from 'webdriverio';
+import DSControlledRadioCO from '../DSControlledRadioCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-15632 - [DSControlledRadio] readOnly prop - visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledRadioCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: the first readOnly radio should be focused', async () => {
+      await browser.eyesOpen();
+      const radio = await DSControlledRadioCO.getRadioByIndex(0);
+      await radio.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSControlledRadioCO.snapshotPath('radio-readOnly-click'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: the second readOnly radio should be focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowDown);
+      const snapshot = await browser.eyesCheckSnapshot(DSControlledRadioCO.snapshotPath('radio-readOnly-kb-nav'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-radio/wrapLabel/DSControlledRadio.wrapLabel.visual.spec.js

@@ -0,0 +1,15 @@
+import DSControlledRadioCO from '../DSControlledRadioCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-15710 - [DSControlledRadio] wrapLabel prop - visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledRadioCO.wrapLabel.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: the first label should be wrapped', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSControlledRadioCO.snapshotPath('radio-wrap-label'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-input-text/DSInputTextCO.js

@@ -28,6 +28,8 @@ export default class DSInputTextCO extends PageObject {
 
   static readOnly = new Urlbuilder(PATH_E2E_CONTROLLEDINPUT, 'read-only-test');
 
+  static applyAriaDisabledOnChange = new Urlbuilder(PATH_E2E_CONTROLLEDINPUT, 'apply-aria-disabled-change');
+
   static async getAutocompleteMenuList() {
     return $('[data-testid="autocomplete-menu-list"]');
   }

package/ds-controlled-form/ds-input-text/aria-disabled/DSInputText.aria-disabled.func.spec.js

@@ -1,5 +1,6 @@
 /* eslint-disable max-lines */
 import DSInputTextCO from '../DSInputTextCO';
+import { type } from '../../../helpers';
 
 if (
   (!browser.capabilities['ice:options'].isPhone &&
@@ -20,4 +21,22 @@ if (
       await expect(caretValue).toBe('rgba(0,0,0,0)');
     });
   });
+  describe('PUI-15686 - [InputText] applyAriaDisabled - onChange - func test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSInputTextCO.applyAriaDisabledOnChange.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: first aria-disabled Input should not allow to type', async () => {
+      const input1 = await DSInputTextCO.getInputTextByIndex(0);
+      await input1.click();
+      await type('This is a test');
+      await expect(input1).toHaveValue('');
+    });
+    it('02: second aria-disabled Input should not change the value', async () => {
+      const input1 = await DSInputTextCO.getInputTextByIndex(1);
+      await input1.click();
+      await type('This is a test');
+      await expect(input1).toHaveValue('Some Value');
+    });
+  });
 }

package/ds-data-table-async/DSDataTableCO.js

@@ -36,7 +36,7 @@ export default class DataTableCO extends PageObject {
 
   static filterableWithFilterBar = new Urlbuilder(PATH_E2E_DATATABLE, 'filtered-column-with-filter-bar');
 
-  static masterDatailMultiLevel = new Urlbuilder(PATH_DATA_TABLE_ADVANCED, 'master-detail-with-subrows-with-details');
+  static masterDatailMultiLevel = new Urlbuilder(PATH_E2E_DATATABLE, 'master-detail-multi-level-test');
 
   static exportCsv = new Urlbuilder(PATH_DATA_TABLE_ADVANCED, 'export-csv');
 
@@ -44,6 +44,8 @@ export default class DataTableCO extends PageObject {
 
   static paginatedWithDetail = new Urlbuilder(PATH_DATA_TABLE, 'paginated-table-with-details');
 
+  static paginatedTable = new Urlbuilder(PATH_E2E_DATATABLE, 'paginated-table-test');
+
   static performance = new Urlbuilder(PATH_DATA_TABLE_ADVANCED, 'performance');
 
   static emptyState = new Urlbuilder(PATH_DATA_TABLE, 'empty-state');
@@ -144,6 +146,8 @@ export default class DataTableCO extends PageObject {
 
   static sortWithHeaderGroups = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-9362-sort-with-header-groups');
 
+  static multiPerfoHitTest = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-15674-perfo-test');
+
   static selectMultipleSticky = new Urlbuilder(PATH_DATA_TABLE, 'select-multiple-sticky');
 
   static perPageScrolling = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-9545-per-page-scrolling');

package/ds-data-table-async/components/HeaderCO.js

@@ -37,6 +37,8 @@ export default class HeaderCO extends PageObject {
 
   static getHeaderWrapperByIndex = async (index = 0) => $$('[data-testid="ds-datatable-header-cell-wrapper"]')[index];
 
+  static getHeadersWrapper = async () => $('[data-testid="ds-datatable-head-wrapper"]');
+
   static getResizeHandler = async (index) => $$('[data-testid="column"],[aria-label="Resize column"]')[index];
 
   static getFilterBtnByIndex = async (index) => $$('[data-testid="data-table-filter-menu-button"] button')[index];

package/ds-data-table-async/components/PaginationNavCO.js

@@ -5,6 +5,10 @@ import { getElementByIndex } from '../helpers';
 export default class PaginationNavCO extends PageObject {
   static getPaginationNav = () => $('[data-testid="data-table-pagination-container"]');
 
+  static getPaginator = () => $('[data-testid="ds-pagination-paginator"]');
+
+  static getSeparatorByIndex = (index = 0) => $$('[data-testid="ds-pagination-separator"]')[index];
+
   static getMenusTrigger = async () => $$('[data-testid="dropdown-menu-trigger-wrapper"]');
 
   static getElemsPerPageMenu = async () => getElementByIndex(this.getMenusTrigger, 0);

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

@@ -4,6 +4,7 @@ import { Key } from 'webdriverio';
 import DSDataTableCO from '../DSDataTableCO';
 import { FilterBarCO, FiltersCO, RowCO } from '../components';
 import { type } from '../../helpers';
+import DSComboboxCO from '../../ds-controlled-form/ds-combobox/DSComboboxCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-9203 - DataTable, Filter, Creatable single select filter', () => {
@@ -18,10 +19,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(inputSingleSelect).toBeFocused();
     });
     it('02: start typing a valid value and filter options', async () => {
-      await FiltersCO.openFilterPopperByColumnName('name', 0);
       await type('J');
-      const option1 = await FiltersCO.getFilterSingleSelectMenuItem(0);
-      const option2 = await FiltersCO.getFilterSingleSelectMenuItem(1);
+      const option1 = await DSComboboxCO.getOptionByIndex(0);
+      const option2 = await DSComboboxCO.getOptionByIndex(1);
       await option1.waitForDisplayed();
       await option2.waitForDisplayed();
       await expect(option1).toHaveTextContaining(['Add:', 'J']);
@@ -29,7 +29,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('03: should create a new option', async () => {
       await type('OHN');
-      await browser.keys(Key.ArrowDown);
+      // await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const pill = await FilterBarCO.getPillByText('JOHN');
       await expect(pill).toBeDisplayedInViewport();
@@ -39,7 +39,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await pillCloseBtn.click();
       await FiltersCO.openFilterPopperByColumnName('name', 0);
       await type('John');
-      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const results = await RowCO.getRows();
       const filteredNames = await DSDataTableCO.getAllColumnResults(results, 1);
@@ -59,10 +58,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(inputSingleSelect).toBeFocused();
     });
     it('02: start typing a valid value and filter options', async () => {
-      await FiltersCO.openFilterPopperByColumnName('position', 0);
       await type('Re');
-      const option1 = await FiltersCO.getFilterMultiSelectMenuItem(0);
-      const option2 = await FiltersCO.getFilterMultiSelectMenuItem(1);
+      const option1 = await DSComboboxCO.getOptionByIndex(0);
+      const option2 = await DSComboboxCO.getOptionByIndex(1);
       await option1.waitForDisplayed();
       await option2.waitForDisplayed();
       await expect(option1).toHaveTextContaining(['Add:', 'Re']);
@@ -70,13 +68,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('03: should create a new option', async () => {
       await type('act');
-      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const pill = await FilterBarCO.getPillByText('React');
-      const menuItems = await FiltersCO.getFilterMultiSelectMenuItems();
-      const textFirstItem = await menuItems[0];
+      const menuItems = await DSComboboxCO.getOptionByIndex(0);
       await expect(pill).toBeDisplayedInViewport();
-      await expect(textFirstItem).toHaveTextContaining('React');
+      await expect(menuItems).toHaveTextContaining('React');
     });
     it('04: type a valid value', async () => {
       await type('React dev');

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

@@ -4,6 +4,7 @@ import { Key } from 'webdriverio';
 import DSDataTableCO from '../DSDataTableCO';
 import { FiltersCO } from '../components';
 import { type } from '../../helpers';
+import DSComboboxCO from '../../ds-controlled-form/ds-combobox/DSComboboxCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-9206 - DataTable, Creatable single select filter - focus after clear input', () => {
@@ -16,8 +17,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       await FiltersCO.openFilterPopperByColumnName('name', 0);
       await type('J');
-      const option1 = await FiltersCO.getFilterSingleSelectMenuItem(0);
-      const option2 = await FiltersCO.getFilterSingleSelectMenuItem(1);
+      const option1 = await DSComboboxCO.getOptionByIndex(0);
+      const option2 = await DSComboboxCO.getOptionByIndex(1);
       await option1.waitForDisplayed();
       await option2.waitForDisplayed();
       const snapshot = await browser.eyesCheckSnapshot(
@@ -42,8 +43,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       await FiltersCO.openFilterPopperByColumnName('position', 0);
       await type('Re');
-      const option1 = await FiltersCO.getFilterMultiSelectMenuItem(0);
-      const option2 = await FiltersCO.getFilterMultiSelectMenuItem(1);
+      const option1 = await DSComboboxCO.getOptionByIndex(0);
+      const option2 = await DSComboboxCO.getOptionByIndex(1);
       await option1.waitForDisplayed();
       await option2.waitForDisplayed();
       const snapshot = await browser.eyesCheckSnapshot(

package/ds-data-table-async/filters/DSDataTable.filters.empty-value.visual.spec.js

@@ -2,6 +2,7 @@
 /* eslint-disable max-lines */
 import DSDataTableCO from '../DSDataTableCO';
 import { FilterBarCO, FiltersCO } from '../components';
+import DSComboboxCO from '../../ds-controlled-form/ds-combobox/DSComboboxCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-11118 - DataTable: Filter:: empty value - single & multi select - visual', () => {
@@ -13,15 +14,15 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should display empty option on single select - visual', async () => {
       await browser.eyesOpen();
       await FiltersCO.openFilterPopperByColumnName('name');
-      const emptyOption = await FiltersCO.getFilterSingleSelectMenuItem(2);
+      const emptyOption = await DSComboboxCO.getOptionByIndex(2);
       await emptyOption.waitForDisplayed();
       const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('single-select-open-empty-option'));
       await expect(snapshot).toEqual(0);
     });
     it('02: should display empty option selected on single select - visual', async () => {
       await browser.eyesOpen();
-      await FiltersCO.openFilterPopperByColumnName('name');
-      const emptyOption = await FiltersCO.getFilterSingleSelectMenuItem(2);
+      const emptyOption = await DSComboboxCO.getOptionByIndex(2);
+      await emptyOption.waitForDisplayed();
       await emptyOption.click();
       const pillEmptyVal = await FilterBarCO.findPill('Name', '(Empty)');
       await pillEmptyVal.waitForDisplayed();
@@ -33,15 +34,15 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('03: should display empty option on multi select - visual', async () => {
       await browser.eyesOpen();
       await FiltersCO.openFilterPopperByColumnName('position');
-      const emptyOption = await FiltersCO.getFilterMultiSelectMenuItem(5);
+      const emptyOption = await DSComboboxCO.getOptionByIndex(5);
       await emptyOption.waitForDisplayed();
       const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('multi-select-open-empty-option'));
       await expect(snapshot).toEqual(0);
     });
     it('04: should display empty option selected on multi select - visual', async () => {
       await browser.eyesOpen();
-      await FiltersCO.openFilterPopperByColumnName('position');
-      const emptyOption = await FiltersCO.getFilterMultiSelectMenuItem(5);
+      const emptyOption = await DSComboboxCO.getOptionByIndex(5);
+      await emptyOption.waitForDisplayed();
       await emptyOption.click();
       const pillEmptyVal = await FilterBarCO.findPill('Position', '(Empty)');
       await pillEmptyVal.waitForDisplayed();
@@ -62,8 +63,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('06: should display empty option selected on multi select creatable - visual', async () => {
       await browser.eyesOpen();
-      await FiltersCO.openFilterPopperByColumnName('country');
-      const emptyOption = await FiltersCO.getFilterMultiSelectMenuItem(2);
+      const emptyOption = await DSComboboxCO.getOptionByIndex(2);
+      await emptyOption.waitForDisplayed();
       await emptyOption.click();
       const pillEmptyVal = await FilterBarCO.findPill('Country', '(Empty)');
       await pillEmptyVal.waitForDisplayed();

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

@@ -6,6 +6,7 @@ import { Key } from 'webdriverio';
 import DSDataTableCO from '../DSDataTableCO';
 import { FiltersCO, FilterBarCO } from '../components';
 import { type } from '../../helpers';
+import DSComboboxCO from '../../ds-controlled-form/ds-combobox/DSComboboxCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-6964 - DataTable, Filter, Date range - Visual Test', () => {
@@ -169,9 +170,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: filterbar should be displayed correctly', async () => {
       await browser.eyesOpen();
       await FiltersCO.openFilterPopperByColumnName('id');
-      await (await FiltersCO.getFilterSingleSelectMenuItem(0)).click();
+      await (await await DSComboboxCO.getOptionByIndex(0)).click();
       await FiltersCO.openFilterPopperByColumnName('name');
-      await (await FiltersCO.getFilterSingleSelectMenuItem(0)).click();
+      await (await await DSComboboxCO.getOptionByIndex(0)).click();
       await FiltersCO.openFilterPopperByColumnName('position');
       await (await FiltersCO.getFilterMultiSelectMenuItem(0)).click();
       await (await FiltersCO.getFilterMultiSelectMenuItem(1)).click();

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

@@ -173,4 +173,27 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(elemsPerPage).toBeFocused();
     });
   });
+  describe('PUI-15714 - DataTable, Pagination Table, Custom IDs - Func', async () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.paginatedTable.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should have pagination (and headers wrapper) with custom ids', async () => {
+      const container = await PaginationNavCO.getPaginationNav();
+      const elemsPerPage = await PaginationNavCO.getElemsPerPageBtn();
+      const prevBtn = await PaginationNavCO.getPrevPageBt();
+      const nextBtn = await PaginationNavCO.getNextPageBt();
+      const separator = await PaginationNavCO.getSeparatorByIndex();
+      const paginator = await PaginationNavCO.getPaginator();
+      const headersContainer = await HeaderCO.getHeadersWrapper();
+      await expect(headersContainer).toHaveAttribute('id', 'im header wrapper');
+      await expect(container).toHaveAttribute('id', 'im pag container');
+      await expect(elemsPerPage).toHaveAttribute('id', 'im perpage selector');
+      await expect(prevBtn).toHaveAttribute('id', 'im prev btn');
+      await expect(nextBtn).toHaveAttribute('id', 'im next btn');
+      await expect(separator).toHaveAttribute('id', 'im separator');
+      await expect(paginator).toHaveAttribute('id', 'im paginator');
+    });
+  });
 }

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

@@ -123,4 +123,51 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(checkBoxRow5).toBe('false');
     });
   });
+
+  describe('PUI-15743 - DataTable, Row selection with shift + space - Performance', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.multiPerfoHitTest.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should select all the rows in the range except the ones that are disabled', async () => {
+      await tabStops(10);
+      await browser.keys(Key.Space);
+      await browser.pause(200);
+      await browser.keys([Key.Shift, Key.ArrowDown]);
+      await browser.keys([Key.Shift, Key.ArrowDown]);
+      await browser.keys([Key.Shift, Key.ArrowDown]);
+      await browser.keys([Key.Shift, Key.ArrowDown]);
+      await browser.keys([Key.Shift, Key.Space]);
+      const checkBoxRow2 = await (await RowCO.getRowCheckBoxByIndex(1)).getAttribute('aria-checked');
+      const checkBoxRow3 = await (await RowCO.getRowCheckBoxByIndex(2)).getAttribute('aria-checked');
+      const checkBoxRow4 = await (await RowCO.getRowCheckBoxByIndex(3)).getAttribute('aria-checked');
+      const checkBoxRow5 = await (await RowCO.getRowCheckBoxByIndex(4)).getAttribute('aria-checked');
+      const checkBoxRow6 = await (await RowCO.getRowCheckBoxByIndex(5)).getAttribute('aria-checked');
+      await expect(checkBoxRow2).toBe('true');
+      await expect(checkBoxRow3).toBe('true');
+      await expect(checkBoxRow4).toBe('false');
+      await expect(checkBoxRow5).toBe('true');
+      await expect(checkBoxRow6).toBe('true');
+    });
+    it('02: should unselect all the rows in the range', async () => {
+      await browser.keys(Key.Space);
+      await browser.pause(200);
+      await browser.keys([Key.Shift, Key.ArrowUp]);
+      await browser.keys([Key.Shift, Key.ArrowUp]);
+      await browser.keys([Key.Shift, Key.ArrowUp]);
+      await browser.keys([Key.Shift, Key.ArrowUp]);
+      await browser.keys([Key.Shift, Key.Space]);
+      const checkBoxRow2 = await (await RowCO.getRowCheckBoxByIndex(1)).getAttribute('aria-checked');
+      const checkBoxRow3 = await (await RowCO.getRowCheckBoxByIndex(2)).getAttribute('aria-checked');
+      const checkBoxRow4 = await (await RowCO.getRowCheckBoxByIndex(3)).getAttribute('aria-checked');
+      const checkBoxRow5 = await (await RowCO.getRowCheckBoxByIndex(4)).getAttribute('aria-checked');
+      const checkBoxRow6 = await (await RowCO.getRowCheckBoxByIndex(4)).getAttribute('aria-checked');
+      await expect(checkBoxRow2).toBe('false');
+      await expect(checkBoxRow3).toBe('false');
+      await expect(checkBoxRow4).toBe('false');
+      await expect(checkBoxRow5).toBe('false');
+      await expect(checkBoxRow6).toBe('false');
+    });
+  });
 }

package/ds-floating-context/DSFloatingContextCO.js

@@ -8,6 +8,8 @@ export default class DSFloatingContextCO extends PageObject {
 
   static customOffsetURL = new Urlbuilder(PATH_E2E_FLOATING_CONTEXT, 'custom-offsets-test');
 
+  static slotsURL = new Urlbuilder(PATH_E2E_FLOATING_CONTEXT, 'slots-test');
+
   static async getFloatingContextWrapper() {
     return $('[data-testid="ds-floating-wrapper-root"]');
   }
@@ -16,6 +18,18 @@ export default class DSFloatingContextCO extends PageObject {
     return $('[data-testid="ds-floatingwrapper-content"]');
   }
 
+  static async getFloatingContextArrowSlot() {
+    return $('[data-dimsum-slot="dsFloatingwrapperArrow"]');
+  }
+
+  static async getFloatingContextContentSlot() {
+    return $('[data-dimsum-slot="dsFloatingwrapperContent"]');
+  }
+
+  static async getFloatingContextRootSlot() {
+    return $('[data-dimsum-slot="dsFloatingwrapperRoot"]');
+  }
+
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSFloatingContext', example, 'ds-floating-context');
   }

package/ds-floating-context/slots/DSFloatingContext.slots.axe-core.func.spec.js

@@ -0,0 +1,23 @@
+/* eslint-disable max-lines */
+import DSFloatingContextCO from '../DSFloatingContextCO';
+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-15675 - DSFloatingContextCO:: slots - axe-core test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSFloatingContextCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a custom Floating Context and pass axe-core', async () => {
+      const tooltip = await DSFloatingContextCO.getFloatingContextContentSlot();
+      await tooltip.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-floating-context/slots/DSFloatingContext.slots.func.spec.js

@@ -0,0 +1,41 @@
+import DSFloatingContextCO from '../DSFloatingContextCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-15676 - DSFloatingContextCO:: slots - globalAttributes test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSFloatingContextCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom data-*', async () => {
+      const contentSlot = await DSFloatingContextCO.getFloatingContextContentSlot();
+      const rootSlot = await DSFloatingContextCO.getFloatingContextRootSlot();
+
+      await expect(contentSlot).toHaveAttribute('data-testid', 'floating-content-custom-data-testid');
+      await expect(rootSlot).toHaveAttribute('data-testid', 'floating-root-custom-data-testid');
+    });
+    it('02: should have custom aria-*', async () => {
+      // const arrowSlot = DSFloatingContextCO.getFloatingContextArrowSlot();
+      const contentSlot = await DSFloatingContextCO.getFloatingContextContentSlot();
+      const rootSlot = await DSFloatingContextCO.getFloatingContextRootSlot();
+
+      // await expect(arrowSlot).toHaveAttribute('aria-label', 'arrow-custom-aria-label');
+      await expect(contentSlot).toHaveAttribute('aria-label', 'content-custom-aria-label');
+      await expect(rootSlot).toHaveAttribute('aria-label', 'root-custom-aria-label');
+    });
+    it('03: should have custom global attributes', async () => {
+      const contentSlot = await DSFloatingContextCO.getFloatingContextContentSlot();
+      const rootSlot = await DSFloatingContextCO.getFloatingContextRootSlot();
+      const zIndexRoot = await rootSlot.getCSSProperty('z-index');
+
+      await expect(contentSlot).toHaveAttribute('id', 'floating-content-id');
+      await expect(rootSlot).toHaveAttribute('id', 'floating-root-id');
+      await expect(rootSlot).toHaveAttribute('role', 'tooltip');
+      await expect(zIndexRoot.value).toEqual(5000);
+    });
+  });
+}

package/ds-floating-context/slots/DSFloatingContext.slots.visual.spec.js

@@ -0,0 +1,18 @@
+/* eslint-disable wdio/no-pause */
+import DSFloatingContextCO from '../DSFloatingContextCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-15677 - DSFloatingContext:: slots - visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSFloatingContextCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a custom Floating Context', async () => {
+      await browser.eyesOpen();
+      const tooltip = await DSFloatingContextCO.getFloatingContextRootSlot();
+      await tooltip.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSFloatingContextCO.snapshotPath('floating-context-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

@@ -10,6 +10,8 @@ export default class DSComboboxMultiCO extends PageObject {
 
   static hundredAndOneOptions = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'hundred-and-one-options-test');
 
+  static readOnlyWithMenuOpenable = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'read-only-with-menu-openable-test');
+
   // COMBOBOX - INPUT
   static async getCombobox() {
     return $('[data-testid="combobox-container"]');

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

@@ -10,13 +10,13 @@ if (
 ) {
   describe('PUI-15028 - ComboboxMulti:: readOnly - axe-core test', () => {
     before('loading page', async () => {
-      const errorOnGo = await DSComboboxMultiCO.readOnly.go();
+      const errorOnGo = await DSComboboxMultiCO.readOnlyWithMenuOpenable.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display a combobox multi with readOnly and pass axe-core scan', async () => {
       const combobox = await DSComboboxMultiCO.getCombobox();
       await combobox.click();
-      const result = await axeCoreCheck();
+      const result = await axeCoreCheck({ extraDisabledRules: ['scrollable-region-focusable'] });
       await expect(result.length).toBe(0);
     });
   });