dimsum-e2e-tests 1.0.0-rc.1

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

@@ -0,0 +1,50 @@
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { FiltersCO, DateSwitcherCO, FilterBarCO } from '../components';
+import { type } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-7537 - DataTable, DateSwitcher - Visual Test', async () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.filterableWithFilterBar.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('should display the menu of the DateSwitcher single on a fixed date', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Date Switcher', 0);
+      await browser.keys(Key.Tab);
+      await type('02022020');
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('dateswitcher-open-menu-single'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display the menu of the DateSwitcher range on a fixed first date', async () => {
+      const checkBox = await DateSwitcherCO.getRangeCheckbox();
+      await checkBox.click();
+      const firstInput = await DateSwitcherCO.getLeftMMInput();
+      await firstInput.click();
+      await type('01012010');
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('dateswitcher-open-menu-range-notfull'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display the menu of the DateSwitcher range with full input', async () => {
+      const secondInput = await DateSwitcherCO.getRightMMInput();
+      await secondInput.click();
+      await type('01152010');
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('dateswitcher-open-menu-range-full'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('display the menu of the DateSwitcher when the range and the start are not in the same month', async () => {
+      const pillCloseBt = await FilterBarCO.getPillCloseButtonByPill(await FilterBarCO.getPillByIndex(1));
+      await pillCloseBt.click();
+      await FiltersCO.openFilterPopperByColumnName('Date Switcher', 0);
+      const firstInput = await DateSwitcherCO.getLeftMMInput();
+      await firstInput.click();
+      await type('01012010');
+      const secondInput = await DateSwitcherCO.getRightMMInput();
+      await secondInput.click();
+      await type('02152010');
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('dateswitcher-open-menu-range-split'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-data-table-async/date-filters/DSDataTable.dates.axe-core.func.spec.js

@@ -0,0 +1,57 @@
+/* eslint-disable wdio/no-pause */
+/* eslint-disable max-len */
+
+import DSDataTableCO from '../DSDataTableCO';
+import { FiltersCO, DateSwitcherCO, FilterBarCO } from '../components';
+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-11430 - DataTable, date filter -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.filterableWithFilterBar.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should open the popup and pass axe-core scan', async () => {
+      await FiltersCO.openFilterPopperByColumnName('single date', 0);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should set the input date and get the filtered results and pass axe-core scan', async () => {
+      await FiltersCO.openFilterPopperByColumnName('single date', 0);
+      await FiltersCO.filterSingleDatePopper.setInputDate('09', '22', '1996');
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: should remove the filter and get the unfiltered results and pass axe-core scan', async () => {
+      await (await FilterBarCO.getPillCloseButtonByIndex(0)).click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11431 - DataTable, DateSwitcher filter -AxeCore', async () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.filterableWithFilterBar.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should have expanded date switcher and pass axe-core scan', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Date Switcher', 0);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should checked the checkbox to switch the filter and pass axe-core scan', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Date Switcher', 0);
+      const checkboxLabel = await DateSwitcherCO.getCheckboxLabel();
+      await checkboxLabel.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,60 @@
+/* eslint-disable wdio/no-pause */
+/* eslint-disable max-len */
+
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { RowCO, HeaderCO } from '../components';
+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-11432 - DataTable, Dnd, Rows', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.dndRows.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should drop the dragged row in between and pass axe-core scan', async () => {
+      await (await RowCO.getRowByIndex(0)).click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should drop the fourth row inside the fifth row and pass axe-core scan', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11433 - DataTable, Dnd, Columns, Groups', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.dndColumns.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should drop the info group header cell (backward) and pass axe-core scan', async () => {
+      const infoGroupHeaderCell = (await HeaderCO.getHeaderCellByText('info'))[0];
+      await infoGroupHeaderCell.click();
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.Space);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,221 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { RowCO, CellCO, HeaderCO } from '../components';
+import { tabStops } from '../../helpers';
+
+// Keyboard behavior is subject to changes once the UX team determines which's the way to go in terms of accessibility
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-7155 - DataTable, Dnd, Rows', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.dndRows.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('should focus the drag handler', async () => {
+      await (await RowCO.getRowByIndex(0)).click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const rowDragHandler = await RowCO.getRowDragHlandlerByIndex(1);
+      await expect(rowDragHandler).toBeFocused();
+    });
+    it('should drop the dragged row in between', async () => {
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const cellText = await (await CellCO.getRowCellByIndex(await RowCO.getRowByIndex(2), 1)).getText();
+      await expect(cellText).toBe('2');
+    });
+    it('should drop the fourth row inside the fifth row', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const fourthRow = await (await RowCO.getRowByIndex(4)).$('div');
+      const isFourthChildOfFifth = (await (await CellCO.getRowCellByIndex(fourthRow, 1)).getText()) === '4';
+      await expect(isFourthChildOfFifth).toBeTruthy();
+    });
+  });
+
+  describe('PUI-7157 - DataTable, Dnd, Columns', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.dndColumns.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('should focus the country header cell drag handler', async () => {
+      const countryHeaderCell = (await HeaderCO.getHeaderCellByText('COUNTRY'))[0];
+      await countryHeaderCell.click();
+      await browser.keys(Key.Return);
+      const headerDragHandler = await HeaderCO.getHeaderCellDragHandler(countryHeaderCell);
+      await expect(headerDragHandler).toBeFocused();
+    });
+    it('should drop the country header cell (forward) properly', async () => {
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Space);
+      const headerTitleOne = await HeaderCO.getHeaderCellTitle(await HeaderCO.getHeaderCellByIndex(4));
+      const headerTitleTwo = await HeaderCO.getHeaderCellTitle(await HeaderCO.getHeaderCellByIndex(5));
+      await expect(headerTitleOne).toBe('salary');
+      await expect(headerTitleTwo).toBe('country');
+    });
+    it('should drop the date range column (backwards) properly', async () => {
+      const countryHeaderCell = (await HeaderCO.getHeaderCellByText('DATE RANGE'))[0];
+      await countryHeaderCell.click();
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.Space);
+      const headerTitleOne = await HeaderCO.getHeaderCellTitle(await HeaderCO.getHeaderCellByIndex(6));
+      const headerTitleTwo = await HeaderCO.getHeaderCellTitle(await HeaderCO.getHeaderCellByIndex(7));
+      await expect(headerTitleOne).toBe('date range');
+      await expect(headerTitleTwo).toBe('single date');
+    });
+  });
+
+  describe('PUI-7161 - DataTable, Dnd, Columns, Groups', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.dndColumns.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('should focus the info group header cell drag handler', async () => {
+      const infoGroupHeaderCell = (await HeaderCO.getHeaderCellByText('info'))[0];
+      await infoGroupHeaderCell.click();
+      await browser.keys(Key.Return);
+      const dragHandler = await HeaderCO.getHeaderCellDragHandler(infoGroupHeaderCell);
+      await expect(dragHandler).toBeFocused();
+    });
+    it('should drop the info group header cell (backward) properly', async () => {
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.Space);
+      const headerTitleOne = await HeaderCO.getHeaderCellTitle(await HeaderCO.getHeaderCellByIndex(0));
+      const headerTitleTwo = await HeaderCO.getHeaderCellTitle(await HeaderCO.getHeaderCellByIndex(5));
+      await expect(headerTitleOne).toBe('info');
+      await expect(headerTitleTwo).toBe('name & position');
+    });
+  });
+  describe('PUI-7157 - DataTable, Dnd, Columns', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.dndColumns.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('should focus the country header cell drag handler', async () => {
+      const countryHeaderCell = (await HeaderCO.getHeaderCellByText('COUNTRY'))[0];
+      await countryHeaderCell.click();
+      await browser.keys(Key.Return);
+      const headerDragHandler = await HeaderCO.getHeaderCellDragHandler(countryHeaderCell);
+      await expect(headerDragHandler).toBeFocused();
+    });
+    it('should drop the country header cell (forward) properly', async () => {
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Space);
+      const headerTitleOne = await HeaderCO.getHeaderCellTitle(await HeaderCO.getHeaderCellByIndex(4));
+      const headerTitleTwo = await HeaderCO.getHeaderCellTitle(await HeaderCO.getHeaderCellByIndex(5));
+      await expect(headerTitleOne).toBe('salary');
+      await expect(headerTitleTwo).toBe('country');
+    });
+    it('should drop the date range column (backwards) properly', async () => {
+      const countryHeaderCell = (await HeaderCO.getHeaderCellByText('DATE RANGE'))[0];
+      await countryHeaderCell.click();
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.Space);
+      const headerTitleOne = await HeaderCO.getHeaderCellTitle(await HeaderCO.getHeaderCellByIndex(6));
+      const headerTitleTwo = await HeaderCO.getHeaderCellTitle(await HeaderCO.getHeaderCellByIndex(7));
+      await expect(headerTitleOne).toBe('date range');
+      await expect(headerTitleTwo).toBe('single date');
+    });
+  });
+
+  describe('PUI-9773 - DataTable, Dnd columns - fixed widht and scrollbar', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.DndColumnsFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should drop name column in the last position', async () => {
+      await tabStops(3);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Return);
+      const lastHeaderTitle = await HeaderCO.getHeaderCellTitle(await HeaderCO.getHeaderCellByIndex(8));
+      await expect(lastHeaderTitle).toBe('name');
+    });
+    it('02: should drop name column in the first position', async () => {
+      await browser.keys(Key.Return);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.Return);
+      const lastHeaderTitle = await HeaderCO.getHeaderCellTitle(await HeaderCO.getHeaderCellByIndex(0));
+      await expect(lastHeaderTitle).toBe('name');
+    });
+  });
+  describe.only('PUI-9849 - DataTable, Dnd click on DND button', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.DNDRestricted.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: focus should be on DND button of 3rd and the row should be on same position', async () => {
+      const dndBtnRow3 = await RowCO.getRowDragHlandlerByIndex(2);
+      await dndBtnRow3.click();
+      const row3 = await RowCO.getRowByIndex(2);
+      const idCell = await CellCO.getRowCellByIndex(row3, 1);
+      const cellContent = await idCell.getText();
+      await browser.pause(500);
+      await expect(dndBtnRow3).toBeFocused();
+      await expect(cellContent).toBe('3');
+    });
+    it('02: rows should be expanded and focus should be on "Expand All" button', async () => {
+      const headerExpandableBtn = await HeaderCO.getHeaderExpandButton();
+      await headerExpandableBtn.click();
+      const row3 = await RowCO.getRowByIndex(6);
+      const idCell = await CellCO.getRowCellByIndex(row3, 1);
+      const cellContent = await idCell.getText();
+      await browser.pause(500);
+      await expect(headerExpandableBtn).toBeFocused();
+      await expect(cellContent).toBe('3');
+    });
+    it('03: focus should be on DND button of 4th and the row should be on same position', async () => {
+      const dndBtnRow4 = await RowCO.getRowDragHlandlerByIndex(9); // it is expanded
+      await dndBtnRow4.click();
+      const row4 = await RowCO.getRowByIndex(9);
+      const idCell = await CellCO.getRowCellByIndex(row4, 1);
+      const cellContent = await idCell.getText();
+      await browser.pause(500);
+      await expect(dndBtnRow4).toBeFocused();
+      await expect(cellContent).toBe('4');
+    });
+    it('04: rows should be expanded and focus should be on "Expand All" button', async () => {
+      const dndBtn2ndChdRow4 = await RowCO.getRowDragHlandlerByIndex(10);
+      await dndBtn2ndChdRow4.click();
+      const row4 = await RowCO.getRowByIndex(9);
+      const idCell = await CellCO.getRowCellByIndex(row4, 1);
+      const cellContent = await idCell.getText();
+      await browser.pause(500);
+      await expect(dndBtn2ndChdRow4).toBeFocused();
+      await expect(cellContent).toBe('4');
+    });
+  });
+}

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

@@ -0,0 +1,174 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { RowCO, HeaderCO } from '../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-8269 - DataTable, Dnd, Rows - visual', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.dndRows.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should display drag handler correctly - in between position', async () => {
+      await browser.eyesOpen();
+      await (await RowCO.getRowByIndex(0)).click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('row-drag-handler'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display drag handler - inside position', async () => {
+      await browser.eyesOpen();
+      await (await RowCO.getRowByIndex(0)).click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('row-drop-inside-position'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display row dropped correctly', async () => {
+      await browser.eyesOpen();
+      await (await RowCO.getRowByIndex(0)).click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('row-dropped'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-8272 - DataTable, Dnd, Columns - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.dndColumns.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('should display drag handler correctly', async () => {
+      const countryHeaderCell = (await HeaderCO.getHeaderCellByText('COUNTRY'))[0];
+      await countryHeaderCell.click();
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('column-drag-handler'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display drag handler - in between position', async () => {
+      await browser.keys(Key.ArrowRight);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('column-in-between-position'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should drop the columns properly', async () => {
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('column-dropped'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-8273 - DataTable, Dnd, Columns, Groups - visual', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.dndColumns.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('should display drag handler correctly', async () => {
+      const infoGroupHeaderCell = (await HeaderCO.getHeaderCellByText('info'))[0];
+      await infoGroupHeaderCell.click();
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('column-group-drag-handler'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display drag handler - in between position', async () => {
+      const infoGroupHeaderCell = (await HeaderCO.getHeaderCellByText('info'))[0];
+      await infoGroupHeaderCell.click();
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowLeft);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('column-group-in-between-position'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should drop the columns properly', async () => {
+      const infoGroupHeaderCell = (await HeaderCO.getHeaderCellByText('info'))[0];
+      await infoGroupHeaderCell.click();
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('column-group-dropped'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-8705 - DataTable inside Tabs, Dnd, Rows - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.datatableInsideTabs.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('should display drag handler correctly - in between position', async () => {
+      await (await RowCO.getRowByIndex(0)).click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('row-drag-handler'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display drag handler - inside position', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('row-drop-inside-position'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display row dropped correctly', async () => {
+      await browser.keys(Key.Space);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('row-dropped'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-9284 - DataTable inside Tabs, Dnd expandable, Rows - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.datatableInsideTabs.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('should expand all rows and drop a row within another', async () => {
+      await (await HeaderCO.getHeaderExpandButton()).click();
+      await (await RowCO.getRowFocuseableByIndex(1)).click();
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Return);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('expanded-dropped-inside'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9382 - DataTable, DND defect -Visual.', async () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.dndDefectTest.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('Should show expanded rows, row 1 below (not within) row 3', async () => {
+      const globalExpandBtn = await HeaderCO.getHeaderExpandButton();
+      await globalExpandBtn.click();
+      const secondRow = await RowCO.getRowByIndex(1);
+      await secondRow.click();
+      // eslint-disable-next-line wdio/no-pause
+      await browser.pause(500);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Return);
+      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-dragged-row'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-data-table-async/editable-cell/DSDataTable.editablecells.axe-core.func.spec.js

@@ -0,0 +1,42 @@
+/* eslint-disable wdio/no-pause */
+/* eslint-disable max-len */
+
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { RowCO, CellCO } from '../components';
+import { axeCoreCheck, type } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  describe('PUI-11435 - DataTable, Editable Cells', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.editableCells.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should have editable cells and pass axe-core scan', async () => {
+      const myRow = await RowCO.getRowByIndex(4);
+      const firstCell = await CellCO.getRowCellByIndex(myRow, 0);
+      await firstCell.click();
+      await browser.keys(Key.Return);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should change the content of the txt editable cell and pass axe-core scan', async () => {
+      // eslint-disable-next-line no-unused-vars
+      const myRow = await RowCO.getRowByIndex(4);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      await type(' the boss');
+      // eslint-disable-next-line wdio/no-pause
+      browser.pause(500);
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-data-table-async/editable-cell/DSDataTable.editablecells.func.spec.js

@@ -0,0 +1,40 @@
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { RowCO, CellCO } from '../components';
+import { type } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-6980 - DataTable, Editable Cells', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.editableCells.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('should focus the first editable cell when pressing enter on a focused row', async () => {
+      const myRow = await RowCO.getRowByIndex(4);
+      const firstCell = await CellCO.getRowCellByIndex(myRow, 0);
+      await firstCell.click();
+      await browser.keys(Key.Return);
+      const ddEditableCell = await CellCO.getRowCellByIndex(myRow, 1);
+      const ddFocuseableDiv = await CellCO.getCellFocuseableDiv(ddEditableCell);
+      await expect(ddFocuseableDiv).toBeFocused();
+    });
+    it('should focus the second editable cell when pressing tab', async () => {
+      const myRow = await RowCO.getRowByIndex(4);
+      await browser.keys(Key.Tab);
+      const txtEditableCell = await CellCO.getRowCellByIndex(myRow, 2);
+      const txtFocuseableDiv = await CellCO.getCellFocuseableDiv(txtEditableCell);
+      await expect(txtFocuseableDiv).toBeFocused();
+    });
+    it('should change the content of the txt editable cell', async () => {
+      const myRow = await RowCO.getRowByIndex(4);
+      await browser.keys(Key.Return);
+      await type(' the boss');
+      // eslint-disable-next-line wdio/no-pause
+      browser.pause(500);
+      await browser.keys(Key.Tab);
+      const txtEditableCell = await CellCO.getRowCellByIndex(myRow, 2);
+      await expect(txtEditableCell).toHaveTextContaining('the boss');
+    });
+  });
+}