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

package/ds-controlled-form/ds-controlled-large-input-text/read-only/DSLargeInputText.read-only.func.spec.js

@@ -0,0 +1,36 @@
+/* eslint-disable max-len */
+import { Key } from 'webdriverio';
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+import { axeCoreCheck, type } from '../../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-15015 - LargeInputText:: Read Only: Basic -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.readOnlyURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have readOnly attribute', async () => {
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should be able to focus but not be able to type', async () => {
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.click();
+      await type('New text');
+      const content = await input.getText();
+      await expect(input).toBeFocused();
+      await expect(content).toBe('Default Value');
+    });
+    it('03: should not be able to delete', async () => {
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.click();
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Backspace);
+      const content = await input.getText();
+      await expect(input).toBeFocused();
+      await expect(content).toBe('Default Value');
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/read-only/DSLargeInputText.read-only.visual.spec.js

@@ -1,4 +1,5 @@
 /* eslint-disable max-len */
+import { Key } from 'webdriverio';
 import DSLargeInputTextCO from '../DSLargeInputTextCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
@@ -11,7 +12,17 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       const input = await DSLargeInputTextCO.getInputByIndex(0);
       await input.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSLargeInputTextCO.snapshotPath('large-input-text-read-only'));
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSLargeInputTextCO.snapshotPath('large-input-read-only-default'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display focused LargeInputText with readOnly', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSLargeInputTextCO.snapshotPath('large-input-read-onl-focused'));
       await expect(snapshot).toEqual(0);
     });
   });

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

@@ -1,3 +1,4 @@
+/* eslint-disable max-len */
 /* eslint-disable max-lines */
 import { Key } from 'webdriverio';
 import { type } from '../../helpers';
@@ -9,14 +10,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSInputTextCO.clearable.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should write some text on the input and change the input value', async () => {
+    it('01: should write some text on the input and change the input value', async () => {
       const input = await DSInputTextCO.getInputText();
       await input.click();
       await type('Hola');
       const inputValue = await input.getAttribute('value');
       await expect(inputValue).toEqual('Hola');
     });
-    it('should erase the content from within the input and have an empty value for the input', async () => {
+    it('02: should erase the content from within the input and have an empty value for the input', async () => {
       const input = await DSInputTextCO.getInputText();
       await input.click();
       await browser.keys(Key.Backspace);
@@ -33,44 +34,45 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSInputTextCO.autocompleteURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should not open the autocomplete list if there are no characters even with focus', async () => {
+    it('01: should not open the autocomplete list if there are no characters even with focus', async () => {
       const input = await DSInputTextCO.getInputText();
       await input.click();
       const autocompleteList = await DSInputTextCO.getAutocompleteMenuList();
       await expect(autocompleteList).not.toBeDisplayedInViewport();
     });
-    it('should display autocomplete list after getting one character in the input', async () => {
+    it('02: should display autocomplete list after getting one character in the input', async () => {
       await type('4');
       const autocompleteList = await DSInputTextCO.getAutocompleteMenuList();
       await expect(autocompleteList).toBeDisplayedInViewport();
     });
-    it('should not close the autocomplete list after getting more characters', async () => {
+    it('03: should not close the autocomplete list after getting more characters', async () => {
       await type('4');
       const autocompleteList = await DSInputTextCO.getAutocompleteMenuList();
       await expect(autocompleteList).toBeDisplayedInViewport();
     });
-    it('should close the autocomplete list after getting more characters which dont match any option', async () => {
+    it('04: should close the autocomplete list after getting more characters which dont match any option', async () => {
       await type('Z');
       const autocompleteList = await DSInputTextCO.getAutocompleteMenuList();
       await expect(autocompleteList).not.toBeDisplayedInViewport();
     });
-    it('should display autocomplete options after erasing the character which caused a mismatch', async () => {
+    it('05: should display autocomplete options after erasing the character which caused a mismatch', async () => {
       await browser.keys(Key.Backspace);
       const autocompleteList = await DSInputTextCO.getAutocompleteMenuList();
       await expect(autocompleteList).toBeDisplayedInViewport();
     });
-    it('should not close the autocomplete list after deleting a character if there are characters left', async () => {
+    it('06: should not close the autocomplete list after deleting a character if there are characters left', async () => {
       await browser.keys(Key.Backspace);
       const autocompleteList = await DSInputTextCO.getAutocompleteMenuList();
       await expect(autocompleteList).toBeDisplayedInViewport();
     });
-    it('should close the autocomplete list after deleting a character if there are no characters left', async () => {
+    it('07: should close the autocomplete list after deleting a character if there are no characters left', async () => {
       await browser.keys(Key.Backspace);
       const autocompleteList = await DSInputTextCO.getAutocompleteMenuList();
       await expect(autocompleteList).not.toBeDisplayedInViewport();
     });
-    it('should select the first autocomplete list item and change the value of the input', async () => {
+    it('08: should select the first autocomplete list item and change the value of the input', async () => {
       await type('4');
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const input = await DSInputTextCO.getInputText();
       const autocompleteList = await DSInputTextCO.getAutocompleteMenuList();
@@ -85,7 +87,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSInputTextCO.autocompleteURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should click an autocomplete option and the input should have that value', async () => {
+    it('01: should click an autocomplete option and the input should have that value', async () => {
       const input = await DSInputTextCO.getInputText();
       await input.click();
       await type('44');
@@ -103,7 +105,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSInputTextCO.clearable.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should click an autocomplete option and the input should have that value', async () => {
+    it('01: should click an autocomplete option and the input should have that value', async () => {
       const input = await DSInputTextCO.getInputText();
       await input.click();
       await type('Hola');

package/ds-controlled-form/react-hook-form/ReactHook.visual.spec.js

@@ -19,6 +19,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const comboBox = await ReactHookCO.getCombobox();
       await comboBox.click();
       await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);

package/ds-data-table-async/DSDataTable.smoke.spec.js

@@ -124,6 +124,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.Enter);
       const pill = await FilterBarCO.getPillByText('JOHN');
       await expect(pill).toBeDisplayedInViewport();
@@ -133,6 +134,7 @@ 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);
@@ -163,6 +165,7 @@ 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();
@@ -172,6 +175,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('04: type a valid value', async () => {
       await type('React dev');
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const results = await RowCO.getRows();
       const filteredNames = await DSDataTableCO.getAllColumnResults(results, 2);

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

@@ -14,13 +14,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
         if (errorOnGo) throw errorOnGo;
         await DSDataTableCO.waitForDataTable();
       });
-      it('should open the filter', async () => {
+      it('01: should open the filter', async () => {
         await FiltersCO.openFilterPopperByColumnName('position', 0);
         const inputSingleSelect = await FiltersCO.getFilterSingleSelectInput();
         await expect(inputSingleSelect).toBeFocused();
       });
-      it('Should interact the datatable and get the AllDataCSV correctly', async () => {
+      it('02: should interact the datatable and get the AllDataCSV correctly', async () => {
         await type('Dev');
+        await browser.keys(Key.ArrowDown);
         await browser.keys(Key.Enter);
         const checkBox1 = await RowCO.getRowCheckBoxByIndex(2);
         await checkBox1.click();
@@ -51,7 +52,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
 "19","John ""lil finger"" doe","Developer/Coffe-maker, $_maker","","9856","7/19/2020","7/19/2019"
 "20","Francisco 'the singer' de la vega","Designer || U.I. master","ARG","0,123.451235 !@#$%^&*() bitcoins","8/20/2020","8/20/2019"`);
       });
-      it('Should have the datatable previously interacted and export the SelectedCSV', async () => {
+      it('03: should have the datatable previously interacted and export the SelectedCSV', async () => {
         const getSelectedBtn = await ExportCsvCO.getBtnSelectedDataCSV();
         await getSelectedBtn.click();
         const getSelectedTxt = await ExportCsvCO.getSelectedDataCSV();
@@ -60,7 +61,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
 "5","John ""lil finger"" doe","Developer/Coffe-maker, $_maker","","9856","5/5/2020","5/5/2019"
 "11","John ""lil finger"" doe","Developer/Coffe-maker, $_maker","","9856","11/11/2020","11/11/2019"`);
       });
-      it('Should have the datatable previously interacted and export the FilteredCSV', async () => {
+      it('04: should have the datatable previously interacted and export the FilteredCSV', async () => {
         const getFilteredBtn = await ExportCsvCO.getBtnFilteredDataCSV();
         await getFilteredBtn.click();
         const getFilteredTxt = await ExportCsvCO.getFilteredDataCSV();

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

@@ -134,6 +134,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('Should show datatable with filterbar', async () => {
       await FiltersCO.openFilterPopperByColumnName('name', 0);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-filterbar-present'));
       await expect(snapshot).toEqual(0);

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

@@ -43,6 +43,10 @@ export default class RowCO extends PageObject {
     return rows.$('[data-testid="data-table-checkbox"]');
   };
 
+  static getCheckboxById(id) {
+    return $(`[id*="checkbox-${id}"]`);
+  }
+
   static getRowExpandButtonByRow = async (row) => row.$('[data-testid="data-table-row-expand-cell"]');
 
   static getRowExpandButtonByIndex = async (index) => $$('[data-testid="data-table-row-expand-cell"]')[index];

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

@@ -183,7 +183,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
       await DSDataTableCO.waitForDataTable();
     });
-    it('Should show expanded rows, row 1 below (not within) row 3', async () => {
+    it('Should show expanded rows, row 1 within row 3', async () => {
       const globalExpandBtn = await HeaderCO.getHeaderExpandButton();
       await globalExpandBtn.click();
       const secondRow = await RowCO.getRowByIndex(1);

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

@@ -29,6 +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.Enter);
       const pill = await FilterBarCO.getPillByText('JOHN');
       await expect(pill).toBeDisplayedInViewport();
@@ -38,6 +39,7 @@ 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);
@@ -68,6 +70,7 @@ 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();
@@ -77,6 +80,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('04: type a valid value', async () => {
       await type('React dev');
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const results = await RowCO.getRows();
       const filteredNames = await DSDataTableCO.getAllColumnResults(results, 2);

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

@@ -35,6 +35,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(inputSingleSelect).toBeFocused();
     });
     it('05: should show only one value on the datatable and focus should be on filter button', async () => {
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const dataTableValues = (await RowCO.getRows()).length;
       const filterBtn = await HeaderCO.getFilterBtnByIndex(0);

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

@@ -67,6 +67,8 @@ if (
     });
     it('02: should scroll to last row and pass axe-core', async () => {
       await browser.keys(Key.End);
+      const lastRow = await RowCO.getRowAriaIndex(99);
+      await lastRow.waitForDisplayed();
       const result = await axeCoreCheck();
       await expect(result.length).toBe(0);
     });

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

@@ -3,7 +3,7 @@
 import { Key } from 'webdriverio';
 import DSDataTableCO from '../DSDataTableCO';
 import { HeaderCO, RowCO, FiltersCO } from '../components';
-import { getRadioValue, pressShiftKey, releaseShiftKey } from '../helpers';
+import { getRadioValue } from '../helpers';
 import { tabStops, isChecked, type } from '../../helpers';
 import DSToggleCO from '../../ds-toggle/DSToggleCO';
 
@@ -52,91 +52,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(firstRowCheckboxButton).not.toBeClickable();
     });
   });
-  if (browser.capabilities.browserName !== 'Firefox') {
-    describe('PUI-7219 - DataTable, Row selection with shift + click', () => {
-      before('loading page', async () => {
-        const errorOnGo = await DSDataTableCO.multiSelect.go();
-        if (errorOnGo) throw errorOnGo;
-        await DSDataTableCO.waitForDataTable();
-      });
-      it('should select all the rows in the range except the ones that are disabled', async () => {
-        const checkbox1 = await RowCO.getRowCheckBoxByIndex(1);
-        const checkbox4 = await RowCO.getRowCheckBoxByIndex(4);
-        await pressShiftKey('Shift');
-        await browser.pause(200);
-        await checkbox1.click();
-        await checkbox4.click();
-        await browser.pause(200);
-        await releaseShiftKey('Shift');
-        const checkBoxRow1 = await (await RowCO.getRowCheckBoxByIndex(1)).getAttribute('aria-checked');
-        const checkBoxRow2 = await (await RowCO.getRowCheckBoxByIndex(2)).getAttribute('aria-checked');
-        const checkBoxRow3 = await (await RowCO.getRowCheckBoxByIndex(3)).getAttribute('aria-checked');
-        const checkBoxRow4 = await (await RowCO.getRowCheckBoxByIndex(4)).getAttribute('aria-checked');
-        await expect(checkBoxRow1).toBe('true');
-        await expect(checkBoxRow2).toBe('true');
-        await expect(checkBoxRow3).toBe('false');
-        await expect(checkBoxRow4).toBe('true');
-      });
-      it('should unselect all the rows in the range', async () => {
-        const checkbox1 = await RowCO.getRowCheckBoxByIndex(1);
-        const checkbox4 = await RowCO.getRowCheckBoxByIndex(4);
-        await pressShiftKey('Shift');
-        await browser.pause(200);
-        await checkbox4.click();
-        await checkbox1.click();
-        await browser.pause(200);
-        await releaseShiftKey('Shift');
-        const checkBoxRow1 = await (await RowCO.getRowCheckBoxByIndex(1)).getAttribute('aria-checked');
-        const checkBoxRow2 = await (await RowCO.getRowCheckBoxByIndex(2)).getAttribute('aria-checked');
-        const checkBoxRow3 = await (await RowCO.getRowCheckBoxByIndex(3)).getAttribute('aria-checked');
-        const checkBoxRow4 = await (await RowCO.getRowCheckBoxByIndex(4)).getAttribute('aria-checked');
-        await expect(checkBoxRow1).toBe('false');
-        await expect(checkBoxRow2).toBe('false');
-        await expect(checkBoxRow3).toBe('false');
-        await expect(checkBoxRow4).toBe('false');
-      });
-    });
-  }
-  describe('PUI-7220 - DataTable, Row selection with shift + space - keyboard', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSDataTableCO.multiSelect.go();
-      if (errorOnGo) throw errorOnGo;
-      await DSDataTableCO.waitForDataTable();
-    });
-    it('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.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');
-      await expect(checkBoxRow2).toBe('true');
-      await expect(checkBoxRow3).toBe('true');
-      await expect(checkBoxRow4).toBe('false');
-      await expect(checkBoxRow5).toBe('true');
-    });
-    it('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.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');
-      await expect(checkBoxRow2).toBe('false');
-      await expect(checkBoxRow3).toBe('false');
-      await expect(checkBoxRow4).toBe('false');
-      await expect(checkBoxRow5).toBe('false');
-    });
-  });
   describe('PUI-11233 - DataTable, Multi select disabled selection with uniqueRowAccessor', () => {
     before('loading page', async () => {
       const errorOnGo = await DSDataTableCO.multiSelectDisabledWithUniqueRowAccessor.go();
@@ -236,6 +151,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await rowCheckBox.click();
       await FiltersCO.openFilterPopperByColumnName('id', 0);
       await type('1');
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       const globalCheckbox = await (await HeaderCO.getHeaderSelectCheckBox()).getAttribute('aria-checked');
       const items = (await RowCO.getRows()).length;

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

@@ -0,0 +1,126 @@
+/* eslint-disable max-lines */
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { RowCO } from '../components';
+import { pressShiftKey, releaseShiftKey } from '../helpers';
+import { tabStops } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  if (browser.capabilities.browserName !== 'Firefox') {
+    describe('PUI-7219 - DataTable, Row selection with shift + click', () => {
+      before('loading page', async () => {
+        const errorOnGo = await DSDataTableCO.multiSelect.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 () => {
+        const checkbox1 = await RowCO.getRowCheckBoxByIndex(1);
+        const checkbox4 = await RowCO.getRowCheckBoxByIndex(4);
+        await pressShiftKey('Shift');
+        await browser.pause(200);
+        await checkbox1.click();
+        await checkbox4.click();
+        await browser.pause(200);
+        await releaseShiftKey('Shift');
+        const checkBoxRow1 = await (await RowCO.getRowCheckBoxByIndex(1)).getAttribute('aria-checked');
+        const checkBoxRow2 = await (await RowCO.getRowCheckBoxByIndex(2)).getAttribute('aria-checked');
+        const checkBoxRow3 = await (await RowCO.getRowCheckBoxByIndex(3)).getAttribute('aria-checked');
+        const checkBoxRow4 = await (await RowCO.getRowCheckBoxByIndex(4)).getAttribute('aria-checked');
+        await expect(checkBoxRow1).toBe('true');
+        await expect(checkBoxRow2).toBe('true');
+        await expect(checkBoxRow3).toBe('false');
+        await expect(checkBoxRow4).toBe('true');
+      });
+      it('02: should unselect all the rows in the range', async () => {
+        const checkbox1 = await RowCO.getRowCheckBoxByIndex(1);
+        const checkbox4 = await RowCO.getRowCheckBoxByIndex(4);
+        await pressShiftKey('Shift');
+        await browser.pause(200);
+        await checkbox4.click();
+        await checkbox1.click();
+        await browser.pause(200);
+        await releaseShiftKey('Shift');
+        const checkBoxRow1 = await (await RowCO.getRowCheckBoxByIndex(1)).getAttribute('aria-checked');
+        const checkBoxRow2 = await (await RowCO.getRowCheckBoxByIndex(2)).getAttribute('aria-checked');
+        const checkBoxRow3 = await (await RowCO.getRowCheckBoxByIndex(3)).getAttribute('aria-checked');
+        const checkBoxRow4 = await (await RowCO.getRowCheckBoxByIndex(4)).getAttribute('aria-checked');
+        await expect(checkBoxRow1).toBe('false');
+        await expect(checkBoxRow2).toBe('false');
+        await expect(checkBoxRow3).toBe('false');
+        await expect(checkBoxRow4).toBe('false');
+      });
+      it('03: should select all the rows in the range from the begining to the middle of the table', async () => {
+        const checkbox1 = await RowCO.getRowCheckBoxByIndex(1);
+        await checkbox1.click();
+        await browser.pause(200);
+        await browser.keys(Key.PageDown);
+        await pressShiftKey('Shift');
+        const checkbox31 = await RowCO.getCheckboxById(31);
+        await checkbox31.click();
+        await browser.pause(200);
+        await releaseShiftKey('Shift');
+        const checkBoxRow11 = await (await RowCO.getCheckboxById(11)).getAttribute('aria-checked');
+        const checkBoxRow21 = await (await RowCO.getCheckboxById(21)).getAttribute('aria-checked');
+        const checkBoxRow31 = await (await RowCO.getCheckboxById(31)).getAttribute('aria-checked');
+        await expect(checkBoxRow11).toBe('true');
+        await expect(checkBoxRow21).toBe('true');
+        await expect(checkBoxRow31).toBe('true');
+      });
+      it('04: should select all the rows in the table', async () => {
+        await browser.keys(Key.End);
+        await pressShiftKey('Shift');
+        const checkbox100 = await RowCO.getCheckboxById(100);
+        await checkbox100.click();
+        await browser.pause(200);
+        await releaseShiftKey('Shift');
+        const checkBoxRow81 = await (await RowCO.getCheckboxById(81)).getAttribute('aria-checked');
+        const checkBoxRow91 = await (await RowCO.getCheckboxById(91)).getAttribute('aria-checked');
+        const checkBoxRow100 = await (await RowCO.getCheckboxById(100)).getAttribute('aria-checked');
+        await expect(checkBoxRow81).toBe('true');
+        await expect(checkBoxRow91).toBe('true');
+        await expect(checkBoxRow100).toBe('true');
+      });
+    });
+  }
+  describe('PUI-7220 - DataTable, Row selection with shift + space - keyboard', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.multiSelect.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.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');
+      await expect(checkBoxRow2).toBe('true');
+      await expect(checkBoxRow3).toBe('true');
+      await expect(checkBoxRow4).toBe('false');
+      await expect(checkBoxRow5).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.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');
+      await expect(checkBoxRow2).toBe('false');
+      await expect(checkBoxRow3).toBe('false');
+      await expect(checkBoxRow4).toBe('false');
+      await expect(checkBoxRow5).toBe('false');
+    });
+  });
+}

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

@@ -1,3 +1,4 @@
+/* eslint-disable max-statements */
 /* eslint-disable max-len */
 import { Key } from 'webdriverio';
 import DSDataTableCO from '../DSDataTableCO';
@@ -60,19 +61,24 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('should display two row of pills and the pagination correctly rendered', async () => {
       await browser.eyesOpen();
       await FiltersCO.openFilterPopperByColumnName('id', 0);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await FiltersCO.openFilterPopperByColumnName('name', 0);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await FiltersCO.openFilterPopperByColumnName('position', 0);
       await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await FiltersCO.openFilterPopperByColumnName('name', 0);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       await FiltersCO.openFilterPopperByColumnName('name', 0);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
       const checkSnap = await browser.eyesCheckSnapshot(await DSDataTableCO.snapshotPath('datatable-double-pill-row'));
       await expect(checkSnap).toEqual(0);

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

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

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

@@ -23,23 +23,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.Enter);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Enter);
       const snapshot = await browser.eyesCheckSnapshot(
         DSComboboxMultiCO.snapshotPath('combobox-multi-aria-disabled-options-kb-nav'),
       );
       await expect(snapshot).toEqual(0);
     });
-    // eslint-disable-next-line max-len
-    it('03: After select-all, only enabled options are selected; pre-selected disabled/aria-disabled retain selection', async () => {
-      await browser.eyesOpen();
-      const selectAllBtn = await DSComboboxMultiCO.getSelectAllCheckbox();
-      await selectAllBtn.click();
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSComboboxMultiCO.snapshotPath('combobox-multi-aria-disabled-select-all-kb-nav'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-    it('04: first aria-disabled combobox should be focused', async () => {
+    it('03: first aria-disabled combobox should be focused', async () => {
       await browser.eyesOpen();
       await browser.keys(Key.Escape);
       await browser.keys([Key.Shift, Key.Tab]);