CI: improve QUnit tests stability (#34150)

Author: EugeniyKiyashko

.github/workflows/qunit_tests.yml

@@ -129,24 +129,23 @@ jobs:
     needs: build
     runs-on: devextreme-shr2
     name: Constel ${{ matrix.CONSTEL }}${{ matrix.TIMEZONE != '' && format('-{0}', matrix.TIMEZONE) || '' }}${{ matrix.CSP == 'false' && '-no-csp' || '' }}
-    timeout-minutes: 20
+    timeout-minutes: 25
     strategy:
       fail-fast: false
       matrix:
         CONSTEL: [
           misc,
           ui,
           ui.editors,
-          ui.grid,
           ui.scheduler,
         ]
         TIMEZONE: ['']
         CSP: ['true']
         useJQuery: ['false']
         MAX_WORKERS: ['']
         include:
-          - CONSTEL: export
-            MAX_WORKERS: '3'
+          - CONSTEL: ui.grid
+            MAX_WORKERS: '1'
             useJQuery: 'false'
             CSP: 'true'
           - CONSTEL: ui.scheduler
@@ -158,7 +157,7 @@ jobs:
           - CONSTEL: ui.widgets
             CSP: 'false'
             useJQuery: 'false'
-            MAX_WORKERS: '3'
+            MAX_WORKERS: '1'
 
     steps:
     - name: Get sources
@@ -203,7 +202,7 @@ jobs:
           useJQuery: 'true'
           useShadowDom: 'true'
           useCsp: 'true'
-          maxWorkers: ${{ (matrix.constel == 'ui.editors' || matrix.constel == 'ui.widgets') && '3' || '' }}
+          maxWorkers: ${{ (matrix.constel == 'ui.editors' || matrix.constel == 'ui.widgets') && '1' || '' }}
 
   notify:
     runs-on: ubuntu-latest

.github/workflows/testcafe_tests.yml

@@ -219,11 +219,11 @@ jobs:
 
           base_matrix_end=$(cat <<'JSON'
           [
-            { "componentFolder": "common", "name": "common" },
+            { "componentFolder": "common", "name": "common", "concurrency": 2 },
 
-            { "name": "generic", "theme": "generic.light" },
-            { "name": "material", "theme": "material.blue.light" },
-            { "name": "material - compact", "theme": "material.blue.light.compact" },
+            { "name": "generic", "theme": "generic.light", "concurrency": 2 },
+            { "name": "material", "theme": "material.blue.light", "concurrency": 2 },
+            { "name": "material - compact", "theme": "material.blue.light.compact", "concurrency": 2 },
 
             { "componentFolder": "cardView", "name": "cardView" },
             { "componentFolder": "dataGrid", "name": "dataGrid (1/4)", "indices": "1/4", "cache": true, "concurrency": 6 },

e2e/testcafe-devextreme/tests/cardView/columnChooser/functional.ts

@@ -98,11 +98,13 @@ testsFactory({
     await t.click(
       cardView.getColumnChooser().getCheckbox(0),
     );
+    await t.expect(cardView.isReady()).ok();
   },
   async showFirstColumn(t: TestController, cardView: CardView) {
     await t.click(
       cardView.getColumnChooser().getCheckbox(0),
     );
+    await t.expect(cardView.isReady()).ok();
   },
   async assertFirstColumnVisible(t: TestController, cardView: CardView) {
     await t.expect(cardView.getColumnChooser().getColumnsCount()).eql(3);

e2e/testcafe-devextreme/tests/cardView/headerFilter/common.functional.ts

@@ -59,7 +59,7 @@ test('should support custom translations', async (t) => {
   height: 600,
 }));
 
-test.meta({ unstable: true })('Filtering different data types', async (t) => {
+test('Filtering different data types', async (t) => {
   const cardView = new CardView('#container');
   const headerPanel = cardView.getHeaderPanel();
 
@@ -100,8 +100,14 @@ test.meta({ unstable: true })('Filtering different data types', async (t) => {
   // Date type
   await t
     .click(headerPanel.getHeaderItem(4).getFilterIcon())
+    .expect(treeView.getNodes().count)
+    .gte(1)
     .click(treeView.getNode(0).getExpandButton())
+    .expect(treeView.getNodes().count)
+    .gte(2)
     .click(treeView.getNode(1).getExpandButton())
+    .expect(treeView.getNodes().count)
+    .gte(3)
     .click(treeView.getNode(2).getCheckBox().element)
     .click(doneBtn.element)
     .expect(cardView.getCards().count)

e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/dragAndDropFieldItems.ts

@@ -6,7 +6,7 @@ import { MouseAction, MouseUpEvents } from '../../../../helpers/mouseUpEvents';
 import { testScreenshot } from '../../../../helpers/themeUtils';
 import { DRAG_MOUSE_OPTIONS } from '../const';
 
-fixture.disablePageReloads`pivotGrid_fieldPanel_drag-n-drop`
+fixture`pivotGrid_fieldPanel_drag-n-drop`
   .page(url(__dirname, '../../../container.html'));
 
 const PIVOT_GRID_SELECTOR = '#container';
@@ -75,7 +75,7 @@ test('Field panel items markup in the middle of the drag-n-drop', async (t) => {
   });
 });
 
-test.meta({ unstable: true })('Should show d-n-d indicator during drag to first place in columns fields', async (t) => {
+test('Should show d-n-d indicator during drag to first place in columns fields', async (t) => {
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
   const pivotGrid = new PivotGrid(PIVOT_GRID_SELECTOR);

e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_column-action_dnd (fluent.blue.light).png

@@ -41,7 +41,7 @@ const deleteGlobalVariables = ClientFunction((): void => {
   delete (window as any).aiResolve;
 });
 
-test('DataGrid should send an AI request for rendered rows after scrolling without changing the page index', async (t) => {
+test.meta({ unstable: true })('DataGrid should send an AI request for rendered rows after scrolling without changing the page index', async (t) => {
   // arrange
   const dataGrid = new DataGrid(DATA_GRID_SELECTOR);