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

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

@@ -1,158 +1,249 @@
 /* eslint-disable import/no-relative-packages */
 /* eslint-disable max-lines */
-import { PATH_DATA_TABLE, PATH_DATA_TABLE_ADVANCED, PATH_E2E_DATATABLE } from '../paths';
+import {
+  PATH_E2E_DATATABLE,
+  PATH_E2E_DATATABLE_DND,
+  PATH_E2E_DATATABLE_FILTERS,
+  PATH_E2E_DATATABLE_ADVANCED,
+  PATH_E2E_DATATABLE_ROW,
+  PATH_E2E_DATATABLE_COLUMN,
+  PATH_E2E_DATATABLE_TEXT_WRAPPING,
+  PATH_E2E_DATATABLE_TOOLBAR,
+  PATH_E2E_DATATABLE_PAGINATION,
+  PATH_E2E_DATATABLE_SORTING,
+  PATH_E2E_DATATABLE_STATES,
+  PATH_E2E_DATATABLE_CELL,
+  PATH_E2E_DATATABLE_USE_CASES,
+  PATH_E2E_DATATABLE_SLOTS,
+} from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 import { CellCO } from './components';
 
 export default class DataTableCO extends PageObject {
-  static dndRows = new Urlbuilder(PATH_DATA_TABLE, 'drag-and-drop-rows');
+  // Drag and Drop
+  static dndRows = new Urlbuilder(PATH_E2E_DATATABLE_DND, 'drag-and-drop-rows');
 
-  static dndColumns = new Urlbuilder(PATH_DATA_TABLE, 'drag-and-drop-columns');
+  static dndColumns = new Urlbuilder(PATH_E2E_DATATABLE_DND, 'drag-and-drop-columns');
 
-  static singleSelect = new Urlbuilder(PATH_DATA_TABLE, 'select-single');
+  static DNDRestricted = new Urlbuilder(PATH_E2E_DATATABLE_DND, 'drag-and-drop-rows-restricted');
 
-  static multiSelect = new Urlbuilder(PATH_DATA_TABLE, 'select-multiple');
+  static dndDefectTest = new Urlbuilder(PATH_E2E_DATATABLE_DND, 'drag-and-drop-rows-test');
 
-  static groupByCol = new Urlbuilder(PATH_DATA_TABLE_ADVANCED, 'group-by-column');
+  static DndColumnsFixedWidth = new Urlbuilder(PATH_E2E_DATATABLE_DND, 'dnd-columns-fixed-width');
 
-  static onFilterChange = new Urlbuilder(PATH_E2E_DATATABLE, 'on-filter-change-test');
+  // Filters
 
-  static selectWithNoControl = new Urlbuilder(PATH_DATA_TABLE, 'select-without-column');
+  static singleSelect = new Urlbuilder(PATH_E2E_DATATABLE_FILTERS, 'single-select-filter');
 
-  static basic = new Urlbuilder(PATH_DATA_TABLE, 'basic');
+  static multiSelect = new Urlbuilder(PATH_E2E_DATATABLE_FILTERS, 'multi-select-filter');
 
-  static columnLayout = new Urlbuilder(PATH_DATA_TABLE, 'basic-column-layout');
+  static onFilterChange = new Urlbuilder(PATH_E2E_DATATABLE_FILTERS, 'on-filter-change-test');
 
-  static rowVariants = new Urlbuilder(PATH_E2E_DATATABLE, 'row-variants-test');
-
-  static toolbarIntegration = new Urlbuilder(PATH_DATA_TABLE, 'toolbar-integration');
-
-  static expandable = new Urlbuilder(PATH_DATA_TABLE, 'expandable');
+  static filterWidthCollapse = new Urlbuilder(PATH_E2E_DATATABLE_FILTERS, 'pui-17136-filter-width-collapse');
 
   static filterableWithFilterBarAddon = new Urlbuilder(
-    PATH_E2E_DATATABLE,
+    PATH_E2E_DATATABLE_FILTERS,
     'filtered-column-with-custom-filter-bar-addon-test',
   );
 
-  static filterableWithFilterBar = new Urlbuilder(PATH_E2E_DATATABLE, 'filtered-column-with-filter-bar');
+  static filterableWithFilterBar = new Urlbuilder(PATH_E2E_DATATABLE_FILTERS, 'filtered-column-with-filter-bar');
 
-  static masterDatailMultiLevel = new Urlbuilder(PATH_E2E_DATATABLE, 'master-detail-multi-level-test');
+  static filteredMultipleTables = new Urlbuilder(PATH_E2E_DATATABLE_FILTERS, 'filtered-multiple-tables');
+
+  static filterbarTest = new Urlbuilder(PATH_E2E_DATATABLE_FILTERS, 'filter-bar-test');
+
+  static filteredColumnWithControlledFilterbar = new Urlbuilder(
+    PATH_E2E_DATATABLE_FILTERS,
+    'filtered-column-with-controlled-filter-bar',
+  );
 
-  static exportCsv = new Urlbuilder(PATH_DATA_TABLE_ADVANCED, 'export-csv');
+  static filteredCreatable = new Urlbuilder(
+    PATH_E2E_DATATABLE_FILTERS,
+    'filtered-creatable-column-with-dropdown-menu-addon',
+  );
 
-  static filteredMultipleTables = new Urlbuilder(PATH_DATA_TABLE, 'filtered-multiple-tables');
+  static filterableTablesE2e = new Urlbuilder(PATH_E2E_DATATABLE_FILTERS, 'filtered-multiple-tables-e-2-e');
 
-  static paginatedWithDetail = new Urlbuilder(PATH_DATA_TABLE, 'paginated-table-with-details');
+  static filteredColumnWithCustomFilterBarAddon = new Urlbuilder(
+    PATH_E2E_DATATABLE_FILTERS,
+    'filtered-column-with-custom-filter-bar-addon',
+  );
 
-  static paginatedTable = new Urlbuilder(PATH_E2E_DATATABLE, 'paginated-table-test');
+  static filterCreatableMulti = new Urlbuilder(
+    PATH_E2E_DATATABLE_FILTERS,
+    'filtered-creatable-column-with-dd-menu-addon',
+  );
 
-  static performance = new Urlbuilder(PATH_DATA_TABLE_ADVANCED, 'performance');
+  static filterInsideDialog = new Urlbuilder(
+    PATH_E2E_DATATABLE_FILTERS,
+    'pui-10042-datatable-inside-dialog-filter-scroll',
+  );
 
-  static emptyState = new Urlbuilder(PATH_DATA_TABLE, 'empty-state');
+  static firstFocusDisabledURL = new Urlbuilder(
+    PATH_E2E_DATATABLE_FILTERS,
+    'filtered-creatable-using-disable-focus-on-first-option-on-type-test',
+  );
 
-  static emptyStateCustomMsg = new Urlbuilder(PATH_DATA_TABLE, 'empty-state-customized-messages');
+  static filterEmpty = new Urlbuilder(PATH_E2E_DATATABLE_FILTERS, 'filter-empty-test');
 
-  static emptyStateFullCustom = new Urlbuilder(PATH_DATA_TABLE_ADVANCED, 'empty-state-full-custom');
+  static filteredColumnWithComboboxFilterTest = new Urlbuilder(
+    PATH_E2E_DATATABLE_FILTERS,
+    'filtered-column-with-combobox-filter-test',
+  );
 
-  static sortByColumn = new Urlbuilder(PATH_DATA_TABLE, 'sort-by-column');
+  static freeTextSearchFilter = new Urlbuilder(PATH_E2E_DATATABLE_FILTERS, 'free-text-search-filter');
 
-  static requiredColumns = new Urlbuilder(PATH_DATA_TABLE, 'required-columns');
+  // ADVANCED
 
-  static textWrapTruncColumn = new Urlbuilder(PATH_DATA_TABLE, 'text-wrap-truncate-column');
+  static groupByCol = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'group-by-column');
 
-  static editableCells = new Urlbuilder(PATH_DATA_TABLE, 'editable-cells');
+  static exportCsv = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'export-csv');
 
-  static customCellRowHeader = new Urlbuilder(PATH_DATA_TABLE_ADVANCED, 'custom-cell-row-and-header');
+  static performance = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'performance');
 
-  static onRowClick = new Urlbuilder(PATH_E2E_DATATABLE, 'on-row-click');
+  static emptyStateFullCustom = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'empty-state-full-custom');
 
-  static controlledWidthTest = new Urlbuilder(PATH_E2E_DATATABLE, 'controlled-width-test');
+  static customCellRowHeader = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'custom-cell-row-and-header');
 
-  static customCellText = new Urlbuilder(PATH_E2E_DATATABLE, 'custom-cell-text');
+  static responsive = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'responsive');
 
-  static customWithDate = new Urlbuilder(PATH_E2E_DATATABLE, 'custom-render-w-date');
+  // ROW
 
-  static dndDefectTest = new Urlbuilder(PATH_E2E_DATATABLE, 'drag-and-drop-rows-test');
+  static selectWithNoControl = new Urlbuilder(PATH_E2E_DATATABLE_ROW, 'select-without-column');
 
-  static dynamicCols1 = new Urlbuilder(PATH_E2E_DATATABLE, 'dynamic-columns-layout-1-test');
+  static expandable = new Urlbuilder(PATH_E2E_DATATABLE_ROW, 'expandable');
 
-  static dynamicCols2 = new Urlbuilder(PATH_E2E_DATATABLE, 'dynamic-columns-layout-2-test');
+  static rowVariants = new Urlbuilder(PATH_E2E_DATATABLE_ROW, 'row-variants-test');
 
-  static dynamicCols3 = new Urlbuilder(PATH_E2E_DATATABLE, 'dynamic-columns-layout-3-test');
+  static selectMultipleNoGlobal = new Urlbuilder(PATH_E2E_DATATABLE_ROW, 'select-multiple-no-global');
 
-  static filterbarTest = new Urlbuilder(PATH_E2E_DATATABLE, 'filter-bar-test');
+  static selectMultipleSticky = new Urlbuilder(PATH_E2E_DATATABLE_ROW, 'select-multiple-sticky');
 
-  static filteredColumnWithControlledFilterbar = new Urlbuilder(
-    PATH_E2E_DATATABLE,
-    'filtered-column-with-controlled-filter-bar',
+  static singleSelectDisabledSelectionUC = new Urlbuilder(PATH_E2E_DATATABLE, 'single-select-disabled-selection');
+
+  static multiSelectDisabledSelectionUC = new Urlbuilder(PATH_E2E_DATATABLE, 'multi-select-disabled-selection');
+
+  static multiSelectEmpty = new Urlbuilder(PATH_E2E_DATATABLE, 'multi-select-empty');
+
+  // Column
+
+  static columnLayout = new Urlbuilder(PATH_E2E_DATATABLE_COLUMN, 'basic-column-layout');
+
+  static requiredColumns = new Urlbuilder(PATH_E2E_DATATABLE_COLUMN, 'required-columns');
+
+  static dynamicCols1 = new Urlbuilder(PATH_E2E_DATATABLE_COLUMN, 'dynamic-columns-layout-1-test');
+
+  static dynamicCols2 = new Urlbuilder(PATH_E2E_DATATABLE_COLUMN, 'dynamic-columns-layout-2-test');
+
+  static dynamicCols3 = new Urlbuilder(PATH_E2E_DATATABLE_COLUMN, 'dynamic-columns-layout-3-test');
+
+  static requiredColumnsMulti = new Urlbuilder(PATH_E2E_DATATABLE_COLUMN, 'required-columns-multi');
+
+  static toggleColumnVisibility = new Urlbuilder(PATH_E2E_DATATABLE_COLUMN, 'toggle-column-visibility');
+
+  static resizableColumnsWithFilters = new Urlbuilder(PATH_E2E_DATATABLE_COLUMN, 'resizable-columns-with-filters');
+
+  static groupingWithHiddenColumnsTest = new Urlbuilder(
+    PATH_E2E_DATATABLE_COLUMN,
+    'column-grouping-with-hidden-columns-test',
   );
 
-  static responsive = new Urlbuilder(PATH_DATA_TABLE, 'responsive');
+  // Text Wrapping
 
-  static DNDRestricted = new Urlbuilder(PATH_DATA_TABLE, 'drag-and-drop-rows-restricted');
+  static textWrapTruncColumn = new Urlbuilder(PATH_E2E_DATATABLE_TEXT_WRAPPING, 'text-wrap-truncate-column');
 
-  // E2E FOLDER
+  // Toolbar
 
-  static singleSelectDisabledSelectionUC = new Urlbuilder(PATH_E2E_DATATABLE, 'single-select-disabled-selection');
+  static toolbarIntegration = new Urlbuilder(PATH_E2E_DATATABLE_TOOLBAR, 'toolbar-integration');
 
-  static multiSelectDisabledSelectionUC = new Urlbuilder(PATH_E2E_DATATABLE, 'multi-select-disabled-selection');
+  static toolbarTriggers = new Urlbuilder(PATH_E2E_DATATABLE_TOOLBAR, 'toolbar-triggers-test');
 
-  static expandableWithToolbarUC = new Urlbuilder(PATH_E2E_DATATABLE, 'expandable-with-toolbar');
+  static expandableWithToolbarUC = new Urlbuilder(PATH_E2E_DATATABLE_TOOLBAR, 'expandable-with-toolbar');
 
-  static multiSelectEmpty = new Urlbuilder(PATH_E2E_DATATABLE, 'multi-select-empty');
+  // Pagination
 
-  static toolbarTriggers = new Urlbuilder(PATH_E2E_DATATABLE, 'toolbar-triggers-test');
+  static paginatedWithDetail = new Urlbuilder(PATH_E2E_DATATABLE_PAGINATION, 'paginated-table-with-details');
 
-  static withCombobox = new Urlbuilder(PATH_E2E_DATATABLE, 'with-combobox');
+  static paginatedTable = new Urlbuilder(PATH_E2E_DATATABLE_PAGINATION, 'paginated-table-test');
 
-  static selectableSections = new Urlbuilder(PATH_E2E_DATATABLE, 'selectable-sections');
+  static paginatedWithFilters = new Urlbuilder(PATH_E2E_DATATABLE_PAGINATION, 'responsive-pagination-filterbar');
 
-  static filterCreatableMulti = new Urlbuilder(PATH_E2E_DATATABLE, 'filtered-creatable-column-with-dd-menu-addon');
+  static paginatedTableAjaxTest = new Urlbuilder(PATH_E2E_DATATABLE_PAGINATION, 'paginated-table-ajax-test');
 
-  static selectableColumns = new Urlbuilder(PATH_E2E_DATATABLE, 'selectable-columns');
+  // Sorting
 
-  static skeletonPropTest = new Urlbuilder(PATH_E2E_DATATABLE, 'skeleton-prop-test');
+  static sortByColumn = new Urlbuilder(PATH_E2E_DATATABLE_SORTING, 'sort-by-column');
 
-  static skeletonCellTest = new Urlbuilder(PATH_E2E_DATATABLE, 'skeleton-cells-test');
+  static sortWithHeaderGroups = new Urlbuilder(PATH_E2E_DATATABLE_SORTING, 'pui-9362-sort-with-header-groups');
 
-  static skeletonRowTest = new Urlbuilder(PATH_E2E_DATATABLE, 'skeleton-rows-variant-test');
+  // States
 
-  static toggleColumnVisibility = new Urlbuilder(PATH_E2E_DATATABLE, 'toggle-column-visibility');
+  static emptyState = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'empty-state');
 
-  static resizableColumnsWithFilters = new Urlbuilder(PATH_E2E_DATATABLE, 'resizable-columns-with-filters');
+  static emptyStateCustomMsg = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'empty-state-customized-messages');
 
-  static expandableWithModalSlide = new Urlbuilder(PATH_E2E_DATATABLE, 'expandable-with-modal-slide');
+  static emptyStateNoHeight = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'pui-10761-empty-state-no-height');
 
-  static paginatedWithFilters = new Urlbuilder(PATH_E2E_DATATABLE, 'responsive-pagination-filterbar');
+  static emptyMaxWidth = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'empty-state-full-width');
 
-  static groupedResizebleAndHidden = new Urlbuilder(PATH_E2E_DATATABLE, 'grouping-with-hidden-and-resizable-columns');
+  static skeletonPropTest = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'skeleton-prop-test');
 
-  static emptyMaxWidth = new Urlbuilder(PATH_E2E_DATATABLE, 'empty-state-full-width');
+  static skeletonCellTest = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'skeleton-cells-test');
 
-  static datatableInsideTabs = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-8529-datatable-inside-tabs');
+  static skeletonRowTest = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'skeleton-rows-variant-test');
 
-  static selectMultipleNoGlobalDisabled = new Urlbuilder(PATH_E2E_DATATABLE, 'select-multiple-no-global-disabled');
+  static skeletonCellTestFast = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'skeleton-cells-fast-test');
 
-  static selectMultipleNoGlobal = new Urlbuilder(PATH_DATA_TABLE, 'select-multiple-no-global');
+  static pui16461SkeletonAndNoResults = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'pui-16461-skeleton-and-no-results');
 
-  static filteredCreatable = new Urlbuilder(
-    PATH_DATA_TABLE_ADVANCED,
-    'filtered-creatable-column-with-dropdown-menu-addon',
-  );
+  // Cell
+  static editableCells = new Urlbuilder(PATH_E2E_DATATABLE_CELL, 'editable-cells');
 
-  static filterableTablesE2e = new Urlbuilder(PATH_E2E_DATATABLE, 'filtered-multiple-tables-e-2-e');
+  static customCellText = new Urlbuilder(PATH_E2E_DATATABLE_CELL, 'custom-cell-text');
 
-  static disabledRowsAndPopper = new Urlbuilder(PATH_E2E_DATATABLE, 'disabled-rows-and-popper');
+  static customCellRowAndHeaderTest = new Urlbuilder(PATH_E2E_DATATABLE_CELL, 'custom-cell-row-and-header');
 
-  static sortWithHeaderGroups = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-9362-sort-with-header-groups');
+  // Use Cases
 
-  static multiPerfoHitTest = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-15674-perfo-test');
+  static integratedExampleWithFilters = new Urlbuilder(PATH_E2E_DATATABLE_USE_CASES, 'integrated-example-with-filters');
 
-  static selectMultipleSticky = new Urlbuilder(PATH_DATA_TABLE, 'select-multiple-sticky');
+  // Slots
 
-  static perPageScrolling = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-9545-per-page-scrolling');
+  static slotsFilters = new Urlbuilder(PATH_E2E_DATATABLE_SLOTS, 'slots-filters');
+
+  // E2E FOLDER -- TO BE MOVED TO ITS OWN FOLDER
+
+  static basic = new Urlbuilder(PATH_E2E_DATATABLE, 'basic');
+
+  static masterDatailMultiLevel = new Urlbuilder(PATH_E2E_DATATABLE, 'master-detail-multi-level-test');
+
+  static withMenuButton = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-16383-suggested-solution');
+
+  static onRowClick = new Urlbuilder(PATH_E2E_DATATABLE, 'on-row-click');
+
+  static controlledWidthTest = new Urlbuilder(PATH_E2E_DATATABLE, 'controlled-width-test');
+
+  static customWithDate = new Urlbuilder(PATH_E2E_DATATABLE, 'custom-render-w-date-test');
+
+  static withCombobox = new Urlbuilder(PATH_E2E_DATATABLE, 'with-combobox');
+
+  static selectableSections = new Urlbuilder(PATH_E2E_DATATABLE, 'selectable-sections');
+
+  static selectableColumns = new Urlbuilder(PATH_E2E_DATATABLE, 'selectable-columns');
+
+  static expandableWithModalSlide = new Urlbuilder(PATH_E2E_DATATABLE, 'expandable-with-modal-slide');
+
+  static groupedResizebleAndHidden = new Urlbuilder(PATH_E2E_DATATABLE, 'grouping-with-hidden-and-resizable-columns');
+
+  static datatableInsideTabs = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-8529-datatable-inside-tabs');
+
+  static selectMultipleNoGlobalDisabled = new Urlbuilder(PATH_E2E_DATATABLE, 'select-multiple-no-global-disabled');
+
+  static disabledRowsAndPopper = new Urlbuilder(PATH_E2E_DATATABLE, 'disabled-rows-and-popper');
+
+  static multiPerfoHitTest = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-15674-perfo-test');
 
-  static DndColumnsFixedWidth = new Urlbuilder(PATH_E2E_DATATABLE, 'dnd-columns-fixed-width');
+  static perPageScrolling = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-9545-per-page-scrolling');
 
   static pui9624IncompleteWheninsideTabs = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-9624-incomplete-when-inside-tabs');
 
@@ -160,53 +251,23 @@ export default class DataTableCO extends PageObject {
 
   static skipLinkTest = new Urlbuilder(PATH_E2E_DATATABLE, 'skip-link-test');
 
-  static filterInsideDialog = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-10042-datatable-inside-dialog-filter-scroll');
-
-  static emptyStateNoHeight = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-10761-empty-state-no-height');
-
   // eslint-disable-next-line max-len
-  static firstFocusDisabledURL = new Urlbuilder(
-    PATH_E2E_DATATABLE,
-    'filtered-creatable-using-disable-focus-on-first-option-on-type-test',
-  );
-
-  static filteredColumnWithCustomFilterBarAddon = new Urlbuilder(
-    PATH_E2E_DATATABLE,
-    'filtered-column-with-custom-filter-bar-addon',
-  );
 
   static multiSelectDisabledWithUniqueRowAccessor = new Urlbuilder(
     PATH_E2E_DATATABLE,
     'multi-select-disabled-selection-with-unique-row-accessor',
   );
 
-  static filterEmpty = new Urlbuilder(PATH_E2E_DATATABLE, 'filter-empty');
-
   static resizableWithConstrains = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-8896-resizable-with-constrains');
 
   static memoizedSearchFilterTest = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-12253-memoized-filter-component');
 
-  static skeletonCellTestFast = new Urlbuilder(PATH_E2E_DATATABLE, 'skeleton-cells-fast-test');
-
-  static requiredColumnsMulti = new Urlbuilder(PATH_E2E_DATATABLE, 'required-columns-multi');
-
   static configurableAriaLabelTest = new Urlbuilder(PATH_E2E_DATATABLE, 'configurable-aria-label-test');
 
-  static paginatedTableAjaxTest = new Urlbuilder(PATH_E2E_DATATABLE, 'paginated-table-ajax-test');
-
   static captionTest = new Urlbuilder(PATH_E2E_DATATABLE, 'caption-test');
 
-  static customCellRowAndHeaderTest = new Urlbuilder(PATH_DATA_TABLE, 'custom-cell-row-and-header');
-
-  static groupingWithHiddenColumnsTest = new Urlbuilder(PATH_E2E_DATATABLE, 'column-grouping-with-hidden-columns-test');
-
   static pui15245 = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-15245');
 
-  static filteredColumnWithComboboxFilterTest = new Urlbuilder(
-    PATH_E2E_DATATABLE,
-    'filtered-column-with-combobox-filter-test',
-  );
-
   // SELECTORS
 
   static getTable = async () => $('[data-testid="data-table-table"]');
@@ -306,6 +367,10 @@ export default class DataTableCO extends PageObject {
     return $(`[id="next_content_id"]`);
   }
 
+  static async getDataTableEmptyStateWrapper() {
+    return $('[data-testid="ds-datatable-empty-state-wrapper"]');
+  }
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DataTable', example, 'ds-data-table');

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

@@ -3,7 +3,7 @@
 /* eslint-disable prettier/prettier */
 import { Key } from 'webdriverio';
 import DSDataTableCO from '../DSDataTableCO';
-import { RowCO, HeaderCO } from '../components';
+import { RowCO } from '../components';
 import { asyncMouseOver } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
@@ -64,50 +64,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
-  describe('PUI-6983 - DataTable, Column header when sorting  -visual', async () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSDataTableCO.sortByColumn.go();
-      if (errorOnGo) throw errorOnGo;
-      await DSDataTableCO.waitForDataTable();
-    });
-    it('01: should hover on position header and show the unsorted icon for the column', async () => {
-      const positionHeader = await HeaderCO.getHeaderCellByIndex(2);
-      await asyncMouseOver(positionHeader);
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-column-header-unsorted'));
-      await expect(snapshot).toEqual(0);
-    });
-    it('02: should click on position header and sort the rows descending by this column changing the headers icon', async () => {
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.ArrowDown);
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-column-header-descending'));
-      await expect(snapshot).toEqual(0);
-    });
-    it('03: should click on position header and sort the rows ascending by this column changing the headers icon', async () => {
-      await browser.keys(Key.ArrowUp);
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-column-header-ascending'));
-      await expect(snapshot).toEqual(0);
-    });
-  });
-  describe('PUI-7041 - DataTable, Column header truncated  -visual', async () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSDataTableCO.sortByColumn.go();
-      if (errorOnGo) throw errorOnGo;
-      await DSDataTableCO.waitForDataTable();
-    });
-    it('Should click on name header and sort the rows ascending by this column changing the headers icon', async () => {
-      const countryHeader = await HeaderCO.getHeaderCellByIndex(1);
-      await countryHeader.click();
-      await asyncMouseOver(countryHeader);
-      // eslint-disable-next-line wdio/no-pause
-      await browser.pause(1000);
-      const snapshot = await browser.checkSnapshot(
-        DSDataTableCO.snapshotPath('datatable-column-header-truncated-wtooltip'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-  });
   describe('PUI-7039 - DataTable, Multi select empty  -visual', async () => {
     before('loading page', async () => {
       const errorOnGo = await DSDataTableCO.multiSelectEmpty.go();

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

@@ -13,6 +13,14 @@ export default class FilterBarCO extends PageObject {
     return $('[data-testid="popper-container"]');
   }
 
+  static getFilterBarMenuWrapper() {
+    return $('[data-testid="ds-flyoutmenu-root"]');
+  }
+
+  static getFilterBarMenuListBox() {
+    return $('[data-testid="ds-flyoutmenu-list-wrapper"]');
+  }
+
   static getClearFilters() {
     return $('//li[@role="menuitem"]//span[contains(text(), "Clear Filters")]/ancestor::li');
   }

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

@@ -138,4 +138,16 @@ export default class FiltersCO extends PageObject {
   static getComboboxInput = async () => $('[data-testid="combobox-input"]');
 
   static getSelectedCustomFilterValue = async () => $('[data-testid="selectedCustomFilter"]');
+
+  static getFilterPopoverContent = async () => $('[data-testid="ds-datatable-filter-popover-content"]');
+
+  static getFreeTextSearchInput = async () => $('[data-testid="data-table-filter-free-text-search"]');
+
+  static getFilterMenuContentSlot = async () => $('[data-dimsum-slot="dsDatatableFilterPopoverContent"]');
+
+  static getFilterPopoverSlot = async () => $('[data-dimsum-slot="dsDatatableFilterPopover"]');
+
+  static getFreeTextSearchWrapperSlot = async () => $('[data-dimsum-slot="dsDatatableFreeTextSearchWrapper"]');
+
+  static getFreeTextSearchFilterSlot = async () => $('[data-dimsum-parent-slot="dsDatatableFreeTextSearchFilter"]');
 }

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

@@ -43,6 +43,11 @@ export default class HeaderCO extends PageObject {
 
   static getFilterBtnByIndex = async (index) => $$('[data-testid="data-table-filter-menu-button"] button')[index];
 
+  static getSortBtnByIndex = async (index) => {
+    const headerCell = await this.getHeaderCellByIndex(index);
+    return headerCell.$('[data-testid="data-table-sort-button"]');
+  };
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DataTable', example, 'ds-data-table');

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

@@ -31,5 +31,5 @@ export default class PaginationNavCO extends PageObject {
 
   static getSegPagSpans = async () => (await this.getPagesMenu()).$$(' div > span');
 
-  static getSegPagContent = async () => $$('[data-testid="ds-pagination-paginator"] > div > span')[1];
+  static getSegPagContent = async () => $$('[data-testid="ds-pagination-paginator"] > div > span')[0];
 }

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

@@ -70,7 +70,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(textOnMenuCenterText).toEqual('February 2020');
     });
     it('10: should change the date using the mouse and should be reflected on the pill', async () => {
-      const daySix = await DateSwitcherCO.getDayByIndex(5);
+      const daySix = await DateSwitcherCO.getDayByNumber('6');
       await daySix.click();
       const dateSwitcherTxtPill = await FilterBarCO.getPillByIndex(1);
       const txtPillText = await dateSwitcherTxtPill.getText();

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

@@ -9,32 +9,40 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSDataTableCO.filterableWithFilterBar.go();
       if (errorOnGo) throw errorOnGo;
       await DSDataTableCO.waitForDataTable();
+    });
+    beforeEach('maximize window', async () => {
       await browser.maximizeWindow();
     });
-    it('should display the menu of the DateSwitcher single on a fixed date', async () => {
+    it('01: should display the menu of the DateSwitcher single on a fixed date', async () => {
+      await browser.eyesOpen();
       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'));
+      const snapshot = await browser.eyesCheckSnapshot(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 () => {
+    it('02: should display the menu of the DateSwitcher range on a fixed first date', async () => {
+      await browser.eyesOpen();
       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'));
+      const snapshot = await browser.eyesCheckSnapshot(
+        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 () => {
+    it('03: should display the menu of the DateSwitcher range with full input', async () => {
+      await browser.eyesOpen();
       const secondInput = await DateSwitcherCO.getRightMMInput();
       await secondInput.click();
       await type('01152010');
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('dateswitcher-open-menu-range-full'));
+      const snapshot = await browser.eyesCheckSnapshot(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 () => {
+    it('04: display the menu of the DateSwitcher when the range and the start are not in the same month', async () => {
+      await browser.eyesOpen();
       await browser.keys(Key.Escape);
       const pillCloseBt = await FilterBarCO.getPillCloseButtonByPill(await FilterBarCO.getPillByIndex(1));
       await pillCloseBt.click();
@@ -45,7 +53,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const secondInput = await DateSwitcherCO.getRightMMInput();
       await secondInput.click();
       await type('02152010');
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('dateswitcher-open-menu-range-split'));
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSDataTableCO.snapshotPath('dateswitcher-open-menu-range-split'),
+      );
       await expect(snapshot).toEqual(0);
     });
   });

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

@@ -162,8 +162,10 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSDataTableCO.datatableInsideTabs.go();
       if (errorOnGo) throw errorOnGo;
       await DSDataTableCO.waitForDataTable();
+      await browser.maximizeWindow();
     });
     it('should expand all rows and drop a row within another', async () => {
+      await browser.eyesOpen();
       await (await HeaderCO.getHeaderExpandButton()).click();
       const rowExpanded = await RowCO.getExpandedRow(0);
       await rowExpanded.waitForDisplayed();
@@ -172,7 +174,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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'));
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('expanded-dropped-inside'));
       await expect(snapshot).toEqual(0);
     });
   });

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

@@ -0,0 +1,33 @@
+/* eslint-disable func-names */
+/* eslint-disable prefer-arrow-callback */
+/* eslint-disable no-await-in-loop */
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { HeaderCO } from '../components';
+
+// 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-16396 - DataTable, Dnd columns - scrollbar behavior', function () {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.DndColumnsFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should scroll correctly', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.PageDown);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('data-table-scroll'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: Drag&Drop Name column should not cause data-table to scroll automatically', async () => {
+      const nameColumn = await HeaderCO.getHeaderCellByText('NAME');
+      await nameColumn.click();
+      const positionColumn = await HeaderCO.getHeaderCellByText('POSITION');
+      const dndHandler = await HeaderCO.getHeaderCellDragHandler(nameColumn);
+      await dndHandler.dragAndDrop(positionColumn);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('data-table-dnd-scroll'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}