dimsum-e2e-tests 3.57.0-next.4 → 3.57.0-next.41

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

@@ -142,4 +142,12 @@ export default class FiltersCO extends PageObject {
   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/empty-state/DSDataTable.empty-state.visual.spec.js

@@ -53,7 +53,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await DSDataTableCO.waitForDataTable();
     });
     it('01: should correctly display the data table empty state after skeleton animation finished', async () => {
-      const emptyStateWrapper = await DSDataTableCO.getDataTableEmpyStateWrapper();
+      const emptyStateWrapper = await DSDataTableCO.getDataTableEmptyStateWrapper();
       await emptyStateWrapper.waitForDisplayed({ timeout: 5000 });
       const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('skeleton-empty-state'));
       await expect(snapshot).toEqual(0);

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

@@ -67,7 +67,43 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(isFilteredJJ).toEqual(true);
       await expect(pill1).toBeDisplayed();
     });
-    it('06: should close the filter - Escape', async () => {
+    it('06: should not clear the filter when the input is empty and press Enter', async () => {
+      await browser.keys(Key.Return);
+      // await browser.keys([Key.Backspace, Key.Backspace, Key.Backspace, Key.Backspace, Key.Backspace]);
+      if (browser.capabilities.browserName === 'Safari') {
+        await browser.keys([Key.Command, 'A']);
+      } else {
+        await browser.keys([Key.Control, 'A']);
+      }
+      await browser.keys(Key.Delete);
+      await browser.keys(Key.Return);
+      const freeTextSearchInput = await FiltersCO.getFreeTextSearchInput();
+      const results = await RowCO.getRows();
+      const filteredLastNames = await DSDataTableCO.getAllColumnResults(results, 2);
+      const isFilteredJWick = filteredLastNames.some((name) => name.toLowerCase() === 'jane johnson');
+      const isFilteredJJ = filteredLastNames.some((name) => name.toLowerCase() === 'jane wick');
+      const pill1 = await FilterBarCO.getPillByText('j');
+      await expect(freeTextSearchInput).toBeFocused();
+      await expect(isFilteredJWick).toEqual(true);
+      await expect(isFilteredJJ).toEqual(true);
+      await expect(pill1).toBeDisplayed();
+    });
+    it('07: should not clear the filter when the input has whitespace and press Enter', async () => {
+      await browser.keys(Key.Return);
+      await type(' ');
+      await browser.keys(Key.Return);
+      const freeTextSearchInput = await FiltersCO.getFreeTextSearchInput();
+      const results = await RowCO.getRows();
+      const filteredLastNames = await DSDataTableCO.getAllColumnResults(results, 2);
+      const isFilteredJWick = filteredLastNames.some((name) => name.toLowerCase() === 'jane johnson');
+      const isFilteredJJ = filteredLastNames.some((name) => name.toLowerCase() === 'jane wick');
+      const pill1 = await FilterBarCO.getPillByText('j');
+      await expect(freeTextSearchInput).toBeFocused();
+      await expect(isFilteredJWick).toEqual(true);
+      await expect(isFilteredJJ).toEqual(true);
+      await expect(pill1).toBeDisplayed();
+    });
+    it('08: should close the filter - Escape', async () => {
       await browser.keys(Key.Return);
       const freeTextPopover = await FiltersCO.getFilterPopoverContent();
       await freeTextPopover.waitForDisplayed();
@@ -77,14 +113,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(freeTextPopover).not.toBeDisplayed();
       await expect(buttonFirstNameColumn).toBeFocused();
     });
-    it('07: should display "no results found" when no matching rows are found', async () => {
+    it('09: should display "no results found" when no matching rows are found', async () => {
       await browser.keys(Key.Return);
       await type('this is a test');
       await browser.keys(Key.Return);
       const noResults = await DSDataTableCO.getDataTableEmptyStateWrapper();
       const FirstNameColumnHeader = await HeaderCO.getHeaderCellByIndex(1);
       const buttonFirstNameColumn = await FiltersCO.getHeaderCellFilterButtonByHeaderCell(FirstNameColumnHeader, 0);
-      const pill1 = await FilterBarCO.getPillByText('john this is a test');
+      const pill1 = await FilterBarCO.getPillByText('this is a test');
       await expect(noResults).toBeDisplayedInViewport();
       await expect(buttonFirstNameColumn).toBeFocused();
       await expect(pill1).toBeDisplayed();
@@ -151,7 +187,36 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(isFilteredJJ).toEqual(true);
       await expect(pill1).toBeDisplayed();
     });
-    it('06: should close the filter - Escape', async () => {
+    it('06: should not clear the filter when the input is empty and press Enter', async () => {
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Return);
+      const freeTextSearchInput = await FiltersCO.getFreeTextSearchInput();
+      const results = await RowCO.getRows();
+      const filteredLastNames = await DSDataTableCO.getAllColumnResults(results, 2);
+      const isFilteredJWick = filteredLastNames.some((name) => name.toLowerCase() === 'jane johnson');
+      const isFilteredJJ = filteredLastNames.some((name) => name.toLowerCase() === 'jane wick');
+      const pill1 = await FilterBarCO.getPillByText('j');
+      await expect(freeTextSearchInput).toBeFocused();
+      await expect(isFilteredJWick).toEqual(true);
+      await expect(isFilteredJJ).toEqual(true);
+      await expect(pill1).toBeDisplayed();
+    });
+    it('07: should not clear the filter when the input has whitespace and press Enter', async () => {
+      await browser.keys(Key.Return);
+      await type(' ');
+      await browser.keys(Key.Return);
+      const freeTextSearchInput = await FiltersCO.getFreeTextSearchInput();
+      const results = await RowCO.getRows();
+      const filteredLastNames = await DSDataTableCO.getAllColumnResults(results, 2);
+      const isFilteredJWick = filteredLastNames.some((name) => name.toLowerCase() === 'jane johnson');
+      const isFilteredJJ = filteredLastNames.some((name) => name.toLowerCase() === 'jane wick');
+      const pill1 = await FilterBarCO.getPillByText('j');
+      await expect(freeTextSearchInput).toBeFocused();
+      await expect(isFilteredJWick).toEqual(true);
+      await expect(isFilteredJJ).toEqual(true);
+      await expect(pill1).toBeDisplayed();
+    });
+    it('08: should close the filter - Escape', async () => {
       await browser.keys(Key.Return);
       const freeTextPopover = await FiltersCO.getFilterPopoverContent();
       await freeTextPopover.waitForDisplayed();
@@ -161,7 +226,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(freeTextPopover).not.toBeDisplayed();
       await expect(buttonLastNameColumn).toBeFocused();
     });
-    it('07: should display "no results found" when no matching rows are found', async () => {
+    it('09: should display "no results found" when no matching rows are found', async () => {
       await browser.keys(Key.Return);
       await type('this is a test');
       await browser.keys(Key.Return);

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

@@ -248,9 +248,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await pill2.waitForDisplayed();
       const filterBarMenuBtn = await FilterBarCO.getFilterBarDropdownMenuButton();
       await filterBarMenuBtn.click();
-      const filterBarMenu = await FilterBarCO.getFilterBarDropdownMenu();
+      const filterBarMenu = await FilterBarCO.getFilterBarMenuListBox();
       await filterBarMenu.waitForDisplayed();
-      const clearFilters = await FilterBarCO.getFilterBarDropDownOption('Clear Filters');
+      const clearFilters = await FilterBarCO.getFilterBarDropDownMenuItemByIndex(0);
       await clearFilters.click();
       await expect(pill1).not.toBeDisplayed();
       await expect(pill2).not.toBeDisplayed();
@@ -272,7 +272,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys([Key.Shift, Key.Tab]);
       await browser.keys([Key.Shift, Key.Tab]);
       await browser.keys(Key.Enter);
-      const filterBarMenu = await FilterBarCO.getFilterBarDropdownMenu();
+      const filterBarMenu = await FilterBarCO.getFilterBarMenuListBox();
       await filterBarMenu.waitForDisplayed();
       await browser.keys(Key.Return);
       await expect(pill1).not.toBeDisplayed();

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

@@ -1,49 +1,6 @@
-import { Key } from 'webdriverio';
 import DSDataTableCO from '../DSDataTableCO';
-import { HeaderCO } from '../components';
-import { mouseOver } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-7205 - DataTable, Header, Sort by Column - Visual Test', () => {
-    // PUI-7054
-    before('loading page', async () => {
-      const errorOnGo = await DSDataTableCO.sortByColumn.go();
-      if (errorOnGo) throw errorOnGo;
-      await DSDataTableCO.waitForDataTable();
-    });
-    it('01: should focus position header and show its icons properly', async () => {
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Tab);
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('headers-focus-header'));
-      await expect(snapshot).toEqual(0);
-    });
-    it('02: should hover country header and show its icons properly', async () => {
-      const positionHeader = await HeaderCO.getHeaderCellByIndex(3);
-      await mouseOver(positionHeader);
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('headers-hover-header'));
-      await expect(snapshot).toEqual(0);
-    });
-    it('03: should hover truncated name header and show its icons and tooltip properly', async () => {
-      const nameLongHeader = await HeaderCO.getHeaderCellByIndex(1);
-      await mouseOver(nameLongHeader, 50, 10);
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('headers-hover-longheader-wtooltip'));
-      await expect(snapshot).toEqual(0);
-    });
-    it('04: should sort descending by first column and get the proper sort icon', async () => {
-      const idHeader = await HeaderCO.getHeaderCellByIndex(0);
-      await idHeader.click();
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('headers-descending-icon-id'));
-      await expect(snapshot).toEqual(0);
-    });
-    it('05: should sort ascending by first column and get the proper sort icon', async () => {
-      const idHeader = await HeaderCO.getHeaderCellByIndex(0);
-      await idHeader.click();
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('headers-ascending-icon-id'));
-      await expect(snapshot).toEqual(0);
-    });
-  });
-
   describe('PUI-6978  - DataTable, Header, Required Column - Visual Test', () => {
     before('loading page', async () => {
       const errorOnGo = await DSDataTableCO.requiredColumns.go();
@@ -67,24 +24,4 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
-  describe('PUI-14735  - [DataTable] Header - Sort icon visibility - keyboard navigation - visual test', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSDataTableCO.sortByColumn.go();
-      if (errorOnGo) throw errorOnGo;
-      await DSDataTableCO.waitForDataTable();
-    });
-    it('01: column position focused, all the controls including filter and sort icons are displayed', async () => {
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Tab);
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-header-kb-focus'));
-      await expect(snapshot).toEqual(0);
-    });
-    it('02: column position focused, all the controls including filter and sort icons are displayed', async () => {
-      await browser.keys(Key.Enter);
-      await browser.keys(Key.Enter);
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-header-kb-option-selected'));
-      await expect(snapshot).toEqual(0);
-    });
-  });
 }

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

@@ -5,7 +5,7 @@ import DSDataTableCO from '../DSDataTableCO';
 import { HeaderCO, RowCO, FiltersCO } from '../components';
 import { getRadioValue } from '../helpers';
 import { tabStops, isChecked, type } from '../../helpers';
-import DSToggleCO from '../../ds-toggle/DSToggleCO';
+import DSToggleCO from '../../ds-form-toggle/DSToggleCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-7043 - DataTable, Single select disabled selection', () => {

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

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

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

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

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

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

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

@@ -61,7 +61,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
       await browser.keys(Key.Tab);
-      await browser.keys(Key.Tab);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);

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

@@ -38,7 +38,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
   });
   describe('PUI-7878 - DSDialog, ScrollBody layout -visual', () => {
     before('loading page', async () => {
-      const errorOnGo = await DSDialog.scrollBodyURL.go();
+      const errorOnGo = await DSDialog.scrollBodyContent.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('should display scrollable DSDialog correctly', async () => {

package/ds-dialog/DSDialogCO.js

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

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

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17332 - DSDialog:: Error dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.errorURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Error DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17330 - DSDialog:: Information dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.informationURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Information DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17329 - DSDialog:: ScrollBody layout - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.scrollBodyContent.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display scrollable DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17333 - DSDialog, Success dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.successURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Success DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17331 - DSDialog:: Warning dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.warningURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Warning DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-form-layout-blocks/form-layout-block-item/DSFormLayoutBlockItem.axe-core.func.spec.js

@@ -145,7 +145,7 @@ if (
     it('02: should have required attribute and aria-hidden for required formLayoutBlock label', async () => {
       const formLayout = await DSFormLayoutBlockItemCO.getBlockContainersByIndex(0);
       await formLayout.waitForDisplayed();
-      const star = await DSFormLayoutBlockItemCO.getRequiredStarFromindex();
+      const star = await DSFormLayoutBlockItemCO.getRequiredStarFromIndex();
       const ariaHidden = await star.getAttribute('aria-hidden');
       const isRequired = await formLayout.getAttribute('required');
       expect(ariaHidden).toEqual('true');