DataGrid - Sticky columns: Stabilize testcafe tests (DevExpress#28221)

Co-authored-by: Alyar <>

Author: Alyar666

e2e/testcafe-devextreme/tests/dataGrid/stickyColumns/columnFixingIcons.ts

@@ -16,6 +16,9 @@ fixture.disablePageReloads`Column Fixing`.page(
     test('Fixed columns: add icons for context menu', async (t) => {
       const dataGrid = new DataGrid('#container');
       const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
+
+      await t.expect(dataGrid.isReady()).ok();
+
       await t
         .rightClick(dataGrid.getHeaders().getHeaderRow(0).element)
         .click(dataGrid.getContextMenu().getItemByOrder(4))

e2e/testcafe-devextreme/tests/dataGrid/stickyColumns/etalons/masterdetail-scroll-begin.png

@@ -15,6 +15,8 @@ safeSizeTest('Move left fixed column to the right', async (t) => {
   const dataGrid = new DataGrid(DATA_GRID_SELECTOR);
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+  await t.expect(dataGrid.isReady()).ok();
+
   // act
   await t.drag(dataGrid.getHeaders().getHeaderRow(0).getHeaderCell(0).element, 400, 0);
 
@@ -44,6 +46,8 @@ safeSizeTest('Move right fixed column to the left', async (t) => {
   const dataGrid = new DataGrid(DATA_GRID_SELECTOR);
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+  await t.expect(dataGrid.isReady()).ok();
+
   // act
   await t.drag(dataGrid.getHeaders().getHeaderRow(0).getHeaderCell(24).element, -400, 0);
 
@@ -73,6 +77,8 @@ safeSizeTest('Move fixed column with fixedPosition = \'sticky\' to the right', a
   const dataGrid = new DataGrid(DATA_GRID_SELECTOR);
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+  await t.expect(dataGrid.isReady()).ok();
+
   // act
   await t.drag(dataGrid.getHeaders().getHeaderRow(0).getHeaderCell(5).element, 200, 0);
 
@@ -108,6 +114,8 @@ safeSizeTest('Move left fixed band column to the right', async (t) => {
   const dataGrid = new DataGrid(DATA_GRID_SELECTOR);
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+  await t.expect(dataGrid.isReady()).ok();
+
   // act
   await t.drag(dataGrid.getHeaders().getHeaderRow(1).getHeaderCell(0).element, 500, 0);
 
@@ -142,6 +150,8 @@ safeSizeTest('Move right fixed band column to the left', async (t) => {
   const dataGrid = new DataGrid(DATA_GRID_SELECTOR);
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+  await t.expect(dataGrid.isReady()).ok();
+
   // act
   await t.drag(dataGrid.getHeaders().getHeaderRow(1).getHeaderCell(3).element, -500, 0);
 
@@ -176,6 +186,8 @@ safeSizeTest('Move fixed band column with fixedPosition=\'sticky\' to the right'
   const dataGrid = new DataGrid(DATA_GRID_SELECTOR);
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+  await t.expect(dataGrid.isReady()).ok();
+
   // act
   await t.drag(dataGrid.getHeaders().getHeaderRow(1).getHeaderCell(0).element, 400, 0);
 

e2e/testcafe-devextreme/tests/dataGrid/stickyColumns/etalons/masterdetail-scroll-center.png

@@ -18,6 +18,8 @@ fixture.disablePageReloads`Resize columns - nextColumn mode`
     const columnIndex = rtlEnabled ? 23 : 1;
     const scrollLeft = rtlEnabled ? -10000 : 10000;
 
+    await t.expect(dataGrid.isReady()).ok();
+
     // act
     await dataGrid.resizeHeader(columnIndex, 100);
 
@@ -54,6 +56,8 @@ fixture.disablePageReloads`Resize columns - nextColumn mode`
     const columnIndex = rtlEnabled ? 0 : 24;
     const scrollLeft = rtlEnabled ? -10000 : 10000;
 
+    await t.expect(dataGrid.isReady()).ok();
+
     // act
     await dataGrid.resizeHeader(columnIndex, -100);
 
@@ -95,6 +99,8 @@ fixture.disablePageReloads`Resize columns - widget mode`
     const columnIndex = rtlEnabled ? 23 : 1;
     const scrollLeft = rtlEnabled ? -10000 : 10000;
 
+    await t.expect(dataGrid.isReady()).ok();
+
     // act
     await dataGrid.resizeHeader(columnIndex, 100);
 
@@ -131,6 +137,8 @@ fixture.disablePageReloads`Resize columns - widget mode`
     const columnIndex = rtlEnabled ? 0 : 24;
     const scrollLeft = rtlEnabled ? -10000 : 10000;
 
+    await t.expect(dataGrid.isReady()).ok();
+
     // act
     await dataGrid.resizeHeader(columnIndex, -100);
 
@@ -167,6 +175,8 @@ fixture.disablePageReloads`Resize columns - widget mode`
     const columnIndex = rtlEnabled ? 1 : 23;
     const scrollLeft = rtlEnabled ? -10000 : 10000;
 
+    await t.expect(dataGrid.isReady()).ok();
+
     // act
     await dataGrid.resizeHeader(columnIndex, -100);