configurate workers

Author: EugeniyKiyashko

.github/actions/run-qunit-tests/action.yml

@@ -25,6 +25,9 @@ inputs:
   useCsp:
     description: "Indicates if tests should run with Content Security Policy (CSP) enabled"
     default: "true"
+  maxWorkers:
+    description: "Maximum number of parallel test workers"
+    default: ""
 
 runs:
   using: composite
@@ -101,6 +104,7 @@ runs:
         GITHUBACTION: "true"
         TARGET: "test"
         CHROME_CMD: ${{ env.CHROME_SHELL }}
+        MAX_WORKERS: ${{ inputs.maxWorkers }}
       run: |
         chmod +x ./docker-ci.sh
         ./docker-ci.sh

.github/workflows/qunit_tests.yml

@@ -68,7 +68,7 @@ jobs:
       working-directory: ./packages/devextreme
       shell: bash
       env:
-        # DEVEXTREME_TEST_CI: "true"
+        DEVEXTREME_TEST_CI: "true"
         DOTNET_CLI_TELEMETRY_OPTOUT: "true"
         DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "true"
       run: pnpx nx build:systemjs
@@ -105,7 +105,10 @@ jobs:
         TIMEZONE: ['']
         CSP: ['true']
         useJQuery: ['false']
+        MAX_WORKERS: ['']
         include:
+          - CONSTEL: export
+            MAX_WORKERS: '3'
           - CONSTEL: ui.scheduler
             TIMEZONE: US/Pacific
             useJQuery: 'false'
@@ -115,6 +118,7 @@ jobs:
           - CONSTEL: ui.widgets
             CSP: 'false'
             useJQuery: 'false'
+            MAX_WORKERS: '3'
 
     steps:
     - name: Get sources
@@ -128,6 +132,7 @@ jobs:
         timezone: ${{ matrix.TIMEZONE }}
         useJQuery: ${{ matrix.useJQuery }}
         useCsp: ${{ matrix.CSP }}
+        maxWorkers: ${{ matrix.MAX_WORKERS || '' }}
 
   qunit-tests-shadow-dom:
     needs: [check-should-run-all, build]
@@ -159,6 +164,7 @@ jobs:
           useJQuery: 'true'
           useShadowDom: 'true'
           useCsp: 'true'
+          maxWorkers: ${{ matrix.constel == 'ui.editors' && '3' || '' }}
 
   notify:
     runs-on: devextreme-shr2

.github/workflows/testcafe_tests.yml

@@ -70,9 +70,10 @@ jobs:
       shell: bash
       env:
         NODE_OPTIONS: --max-old-space-size=8192
+        DEVEXTREME_TEST_CI: "true"
       run: |
         pnpx nx build devextreme-scss
-        pnpx nx build devextreme
+        pnpx nx build:dev devextreme
 
     - name: Zip artifacts
       working-directory: ./packages/devextreme

apps/demos/utils/visual-tests/testcafe-runner.ts

@@ -1,6 +1,5 @@
 import createTestCafe from 'testcafe';
 import { ClientFunction } from 'testcafe';
-import { THEME } from './helpers/theme-utils';
 import fs from 'fs';
 
 const LAUNCH_RETRY_ATTEMPTS = 3;
@@ -80,7 +79,7 @@ function accessibilityTestCafeReporter() {
 
 async function main() {
   const tester = await createTestCafe({
-    cache: true,
+    // cache: true,
   });
   const runner = tester.createRunner();
   const concurrency = (process.env.CONCURRENCY && (+process.env.CONCURRENCY)) || 1;

e2e/testcafe-devextreme/runner.ts

@@ -62,7 +62,7 @@ const TESTCAFE_CONFIG: Partial<TestCafeConfigurationOptions> = {
   hostname: 'localhost',
   port1: 1437,
   port2: 1438,
-  cache: true,
+  // cache: true,
 };
 
 const changeTheme = async (t: TestController, themeName: string): Promise<void> => {

e2e/testcafe-devextreme/tests/cardView/headerPanel/etalons/sortable-indicator-first-rtl-false (fluent.blue.light)_mask.png

@@ -1702,7 +1702,7 @@ test('The row alternation should display correctly when grouping and virtual scr
 
 test('DataGrid - Gray boxes appear when the push method is used to remove rows in infinite scrolling mode (T1240079)', async (t) => {
   const dataGrid = new DataGrid('#container');
-  const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
+
   const data = [
     { id: 1, text: 'text 1' },
     { id: 2, text: 'text 2' },
@@ -1713,10 +1713,12 @@ test('DataGrid - Gray boxes appear when the push method is used to remove rows i
   }));
 
   await dataGrid.apiPush(changes);
-  await testScreenshot(t, takeScreenshot, 'T1240079.png', { element: dataGrid.element });
+  await t.wait(300);
+
+  const visibleRows = await dataGrid.apiGetVisibleRows();
   await t
-    .expect(compareResults.isValid())
-    .ok(compareResults.errorMessages());
+    .expect(visibleRows.length)
+    .eql(0, 'All rows should be removed after push');
 }).before(async () => {
   await createWidget('dxDataGrid', () => {
     const data = [
@@ -1728,7 +1730,11 @@ test('DataGrid - Gray boxes appear when the push method is used to remove rows i
       store: new (window as any).DevExpress.data.CustomStore({
         key: 'id',
         loadMode: 'raw',
-        load: () => Promise.resolve(data),
+        load: () => new Promise((resolve) => {
+          setTimeout(() => {
+            resolve(data);
+          }, 100);
+        }),
       }),
     };