update

Author: EugeniyKiyashko

.github/workflows/testcafe_tests.yml

@@ -102,10 +102,8 @@ jobs:
           { componentFolder: "dataGrid/common", name: "dataGrid / common (3/5)", indices: "3/5" },
           { componentFolder: "dataGrid/common", name: "dataGrid / common (4/5)", indices: "4/5" },
           { componentFolder: "dataGrid/common", name: "dataGrid / common (5/5)", indices: "5/5" },
-          { componentFolder: "dataGrid/sticky/common", name: "dataGrid / sticky common" },
-          { componentFolder: "dataGrid/sticky/fixed", name: "dataGrid / sticky (1/3)", indices: "1/3" },
-          { componentFolder: "dataGrid/sticky/fixed", name: "dataGrid / sticky (2/3)", indices: "2/3" },
-          { componentFolder: "dataGrid/sticky/fixed", name: "dataGrid / sticky (3/3)", indices: "3/3" },
+          { componentFolder: "dataGrid/sticky", name: "dataGrid / sticky (1/2)", indices: "1/2" },
+          { componentFolder: "dataGrid/sticky", name: "dataGrid / sticky (2/2)", indices: "2/2" },
           { componentFolder: "cardView", name: "cardView" },
 
           # Scheduler tests need to be reworked to work in fluent theme
@@ -120,8 +118,7 @@ jobs:
           { componentFolder: "scheduler/timezones", name: "scheduler / timezones (Europe/Berlin)", timezone: "Europe/Berlin", theme: 'generic.light' },
           { componentFolder: "scheduler/timezones", name: "scheduler / timezones (America/Los_Angeles)", timezone: "America/Los_Angeles", theme: 'generic.light' },
 
-          { componentFolder: "editors", name: "editors (1/2)", indices: "1/2" },
-          { componentFolder: "editors", name: "editors (2/2)", indices: "2/2" },
+          { componentFolder: "editors", name: "editors" },
           { componentFolder: "navigation", name: "navigation" },
         ]
     runs-on: devextreme-shr2

apps/demos/Demos/Stepper/StepTemplate/Angular/app/app.component.css

@@ -67,6 +67,7 @@
   border-radius: 4px;
 }
 
-::ng-deep #iconOnly :is(.dx-step-selected, .dx-step-completed) .dx-icon {
-  color: var(--dx-color-primary);
+::ng-deep #iconOnly .dx-step-selected .dx-icon,
+::ng-deep #iconOnly .dx-step-completed .dx-icon {
+    color: var(--dx-color-primary);
 }

apps/demos/testing/skipped-tests.js

@@ -129,7 +129,6 @@ export const skippedTests = {
     DataGrid: ['SignalRService', 'MultipleRecordSelectionModes', 'RemoteCRUDOperations'],
     Map: ['ProvidersAndTypes', 'Markers', 'Routes'],
     Gantt: ['TaskTemplate', 'Validation'],
-    Stepper: ['StepTemplate'],
   },
   React: {
     DataGrid: ['Toolbar', 'SignalRService', 'MultipleRecordSelectionModes'],

apps/demos/testing/widgets/vectormap/VectorMapZooming.test.ts

@@ -11,12 +11,12 @@ fixture('VectorMap.DynamicViewport')
 runManualTest('VectorMap', 'DynamicViewport', (test) => {
   test('VectorMap.DynamicViewport', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
-    const zoomButton = $($('#vector-map .dxm-control-bar g').nth(1)).find('circle').nth(0);
+    const zoomButton = $($('#vector-map .dxm-control-bar g').nth(1));
     const showSelectBoxItems = () => t.click($('.options .dx-dropdowneditor-input-wrapper input.dx-texteditor-input'));
     const selectItem = (index) => $('.dx-dropdowneditor-overlay .dx-list-item-content').nth(index);
 
-    await t.click(zoomButton);
-    await t.click(zoomButton);
+    await t.click(zoomButton, { offsetX: 10, offsetY: 10 });
+    await t.click(zoomButton, { offsetX: 10, offsetY: 10 });
     await testScreenshot(t, takeScreenshot, 'zoom_vector_map_by_control_bar.png');
 
     await showSelectBoxItems();

apps/demos/utils/visual-tests/matrix-test-helper.ts

@@ -225,8 +225,6 @@ const SKIPPED_TESTS = {
     DataGrid: ['EditStateManagement', 'Toolbar', 'RemoteGrouping'],
     Scheduler: ['ContextMenu'],
     FileUploader: ['CustomDropzone'],
-    // TODO: make this more stable
-    Stepper: ['StepTemplate'],
   },
   Vue: {
     Charts: ['Crosshair'],

e2e/testcafe-devextreme/helpers/restoreBrowserSize.ts

@@ -122,7 +122,7 @@ function getArgs(): ParsedArgs {
       concurrency: 0,
       browsers: 'chrome',
       test: '',
-      reporter: [process.env.CI === 'true' ? 'list' : 'minimal'],
+      reporter: [process.env.CI === 'true' ? 'list' : 'spec'],
       componentFolder: '',
       file: '*',
       cache: true,
@@ -248,7 +248,7 @@ createTestCafe(TESTCAFE_CONFIG)
     }
 
     const runOptions: RunOptions = {
-      quarantineMode: { successThreshold: 1, attemptLimit: 2 },
+      quarantineMode: false, // { successThreshold: 1, attemptLimit: 2 },
       disableNativeAutomation: true,
       // @ts-expect-error ts-error
       hooks: {

e2e/testcafe-devextreme/runner.ts

@@ -80,19 +80,19 @@ export const dragToHeaderPanel = async (
     await t.dragToElement(
       columnElement,
       insertBeforeColumn,
-      { destinationOffsetX: +5, destinationOffsetY: -20, speed: 0.5 },
+      { destinationOffsetX: +5, destinationOffsetY: -20, speed: 0.2 },
     );
   } else {
     const insertAfterColumn = headers.getHeaderItemNth(columnsNum - 1).element;
 
     await t.dragToElement(
       columnElement,
       insertAfterColumn,
-      { destinationOffsetX: -5, destinationOffsetY: -20, speed: 0.5 },
+      { destinationOffsetX: -5, destinationOffsetY: -20, speed: 0.2 },
     );
   }
 
-  await t.wait(100);
+  await t.wait(300);
 };
 
 export const dragToColumnChooser = async (