TestCafe scenario tests: unskip platform scenarios testing (add flaky…

… tests to the skip list) (#28467)
DevExpress · Dec 4, 2024 · bc2c1d2 · bc2c1d2
1 parent e0abce0
commit bc2c1d2
Show file tree

Hide file tree

Showing 57 changed files with 134 additions and 74 deletions.
diff --git a/.github/workflows/demos_visual_tests_frameworks.yml b/.github/workflows/demos_visual_tests_frameworks.yml
@@ -451,7 +451,7 @@ jobs:
       working-directory: apps/demos
       env:
         CHANGEDFILEINFOSPATH: changed-files.json
-        BROWSERS: chrome:headless --disable-gpu --window-size=1200,800 --js-flags=--random-seed=2147483647
+        BROWSERS: chrome:headless --window-size=1200,800 --disable-partial-raster --disable-skia-runtime-opts --run-all-compositor-stages-before-draw --disable-new-content-rendering-timeout --disable-threaded-animation --disable-threaded-scrolling --disable-checker-imaging --disable-image-animation-resync --use-gl="swiftshader" --disable-features=PaintHolding --js-flags=--random-seed=2147483647 --font-render-hinting=none --disable-font-subpixel-positioning
         # DEBUG: hammerhead:*,testcafe:*
         CONCURRENCY: 4
         TCQUARANTINE: true

diff --git a/apps/demos/testing/common.test.js b/apps/demos/testing/common.test.js
@@ -132,9 +132,12 @@ const SKIPPED_TESTS = {
       { demo: 'TooltipHTMLSupport', themes: [THEME.material] },
       { demo: 'CustomMapData', themes: [THEME.material] },
     ],
-    Pagination: [{ demo: 'Overview', themes: [THEME.generic, THEME.material, THEME.fluent] }],
+    Pagination: ['Overview'],
   },
   React: {
+    Common: [
+      { demo: 'ActionAndListsOverview', themes: [THEME.generic, THEME.material] },
+    ],
     Charts: [
       { demo: 'PiesWithEqualSize', themes: [THEME.material] },
       { demo: 'CustomAnnotations', themes: [THEME.material] },
@@ -182,6 +185,9 @@ const SKIPPED_TESTS = {
     Pagination: ['Overview'],
   },
   Vue: {
+    Common: [
+      { demo: 'ActionAndListsOverview', themes: [THEME.generic, THEME.material] },
+    ],
     Charts: [
       { demo: 'TilingAlgorithms', themes: [THEME.material] },
       { demo: 'ExportAndPrintingAPI', themes: [THEME.material] },

diff --git a/apps/demos/testing/widgets/accordion/Accordion.test.js b/apps/demos/testing/widgets/accordion/Accordion.test.js
@@ -12,7 +12,7 @@ fixture('Accordion.Overview')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('Accordion', 'Overview', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('Accordion', 'Overview', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('Custom Overview Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/charts/Crosshair.test.js b/apps/demos/testing/widgets/charts/Crosshair.test.js
@@ -9,7 +9,7 @@ fixture('Charts.Crosshair')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('Charts', 'Crosshair', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('Charts', 'Crosshair', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('Chart.Crosshair', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/charts/CustomAnnotationsDrag.test.js b/apps/demos/testing/widgets/charts/CustomAnnotationsDrag.test.js
@@ -9,7 +9,7 @@ fixture('Charts.CustomAnnotations')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('Charts', 'CustomAnnotations', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('Charts', 'CustomAnnotations', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('CustomAnnotations. Drag', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/charts/CustomLegendMarkers.test.js b/apps/demos/testing/widgets/charts/CustomLegendMarkers.test.js
@@ -9,7 +9,7 @@ fixture('Charts.CustomLegendMarkers')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('Charts', 'CustomLegendMarkers', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('Charts', 'CustomLegendMarkers', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('CustomLegendMarkers', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/charts/LoadDataOnDemand.test.js b/apps/demos/testing/widgets/charts/LoadDataOnDemand.test.js
@@ -9,7 +9,7 @@ fixture('Charts.LoadDataOnDemand')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('Charts', 'LoadDataOnDemand', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('Charts', 'LoadDataOnDemand', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('LoadDataOnDemand', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/charts/Overview.test.js b/apps/demos/testing/widgets/charts/Overview.test.js
@@ -9,7 +9,7 @@ fixture('Charts.Overview')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('Charts', 'Overview', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('Charts', 'Overview', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('Tooltip', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/charts/PieLabelsOverlapping.test.js b/apps/demos/testing/widgets/charts/PieLabelsOverlapping.test.js
@@ -9,7 +9,7 @@ fixture('PieWithResolvedLabelOverlapping')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('Charts', 'PieWithResolvedLabelOverlapping', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('Charts', 'PieWithResolvedLabelOverlapping', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('PieWithResolvedLabelOverlapping', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
     const showSelectBoxItems = () => t.click($('.options .dx-dropdowneditor-input-wrapper input.dx-texteditor-input'));

diff --git a/apps/demos/testing/widgets/charts/ZoomingAndScrollingAPI.test.js b/apps/demos/testing/widgets/charts/ZoomingAndScrollingAPI.test.js
@@ -9,7 +9,7 @@ fixture('Charts.ZoomingAndScrollingAPI')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('Charts', 'ZoomingAndScrollingAPI', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('Charts', 'ZoomingAndScrollingAPI', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('ZoomingAndScrollingAPI. RangeSelector drag', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/charts/ZoomingOnAreaSelection.test.js b/apps/demos/testing/widgets/charts/ZoomingOnAreaSelection.test.js
@@ -9,7 +9,7 @@ fixture('Charts.ZoomingOnAreaSelection')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('Charts', 'ZoomingOnAreaSelection', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('Charts', 'ZoomingOnAreaSelection', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('ZoomingOnAreaSelection. Drag', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/common/EditorAppearanceVariants.test.js b/apps/demos/testing/widgets/common/EditorAppearanceVariants.test.js
@@ -10,7 +10,7 @@ fixture('Common.EditorAppearanceVariants')
     ctx.initialWindowSize = [900, 800];
   });
 
-runManualTest('Common', 'EditorAppearanceVariants', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('Common', 'EditorAppearanceVariants', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('EditorAppearanceVariants', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/contextmenu/ContextMenu.test.js b/apps/demos/testing/widgets/contextmenu/ContextMenu.test.js
@@ -10,7 +10,7 @@ fixture('ContextMenu.Templates')
 
 const IMAGE_ID = 'image';
 
-runManualTest('ContextMenu', 'Templates', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('ContextMenu', 'Templates', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('Custom Template Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/contextmenu/ContextMenuScrolling.test.js b/apps/demos/testing/widgets/contextmenu/ContextMenuScrolling.test.js
@@ -12,7 +12,7 @@ fixture('ContextMenu.Scrolling')
 const TARGET_AREA = 'target-area';
 const MENU_ITEM_TEXT_CLASS = 'dx-menu-item-text';
 
-runManualTest('ContextMenu', 'Scrolling', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('ContextMenu', 'Scrolling', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('Custom Template Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/contextmenu/ContextMenuShare.test.js b/apps/demos/testing/widgets/contextmenu/ContextMenuShare.test.js
@@ -12,7 +12,7 @@ fixture('ContextMenu.Templates')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('ContextMenu', 'Templates', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('ContextMenu', 'Templates', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('Custom Template Share Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/AdvancedMasterDetailView.test.js b/apps/demos/testing/widgets/datagrid/AdvancedMasterDetailView.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.AdvancedMasterDetailView')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'AdvancedMasterDetailView', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'AdvancedMasterDetailView', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('AdvancedMasterDetailView', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/AjaxRequest.test.js b/apps/demos/testing/widgets/datagrid/AjaxRequest.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.AjaxRequest')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'AjaxRequest', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'AjaxRequest', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('AjaxRequest', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/Appearance.test.js b/apps/demos/testing/widgets/datagrid/Appearance.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.Appearance')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'Appearance', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'Appearance', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/BatchEditing.test.js b/apps/demos/testing/widgets/datagrid/BatchEditing.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.BatchEditing')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'BatchEditing', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'BatchEditing', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('BatchEditing', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/BatchUpdateRequest.test.js b/apps/demos/testing/widgets/datagrid/BatchUpdateRequest.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.BatchUpdateRequest')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'BatchUpdateRequest', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'BatchUpdateRequest', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('BatchUpdateRequest', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/CellEditingAndEditingAPI.test.js b/apps/demos/testing/widgets/datagrid/CellEditingAndEditingAPI.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.CellEditingAndEditingAPI')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'CellEditingAndEditingAPI', ['jQuery', 'React', 'Vue'/* , 'Angular' */], (test) => {
+runManualTest('DataGrid', 'CellEditingAndEditingAPI', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('CellEditingAndEditingAPI', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/CustomNewRecordPosition.test.js b/apps/demos/testing/widgets/datagrid/CustomNewRecordPosition.test.js
@@ -45,7 +45,7 @@ const newRowPositionTestTemplate = ({ newRowPosition, pageNumber }) => async (t)
     .ok(compareResults.errorMessages());
 };
 
-runManualTest('DataGrid', 'CustomNewRecordPosition', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'CustomNewRecordPosition', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   newRowPositionOptions.forEach((newRowPosition) => {
     test(`newRowPosition - ${newRowPosition}`, newRowPositionTestTemplate({
       newRowPosition,

diff --git a/apps/demos/testing/widgets/datagrid/DataValidation.test.js b/apps/demos/testing/widgets/datagrid/DataValidation.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.DataValidation')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'DataValidation', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'DataValidation', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('DataValidation', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/EditStateManagement.test.js b/apps/demos/testing/widgets/datagrid/EditStateManagement.test.js
@@ -98,7 +98,7 @@ runManualTest('DataGrid', 'EditStateManagement', ['jQuery', 'React', 'Vue', 'Ang
   });
 });
 
-runManualTest('DataGrid', 'EditStateManagement', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'EditStateManagement', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('EditStateManagement - remove row', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/Filtering.test.js b/apps/demos/testing/widgets/datagrid/Filtering.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.Filtering')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'Filtering', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'Filtering', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('Filtering', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/FilteringAPI.test.js b/apps/demos/testing/widgets/datagrid/FilteringAPI.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.FilteringAPI')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'FilteringAPI', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'FilteringAPI', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('FilteringAPI', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/GroupSummaries.test.js b/apps/demos/testing/widgets/datagrid/GroupSummaries.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.GroupSummaries')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'GroupSummaries', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'GroupSummaries', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('GroupSummaries', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/InfiniteScrolling.test.js b/apps/demos/testing/widgets/datagrid/InfiniteScrolling.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.InfiniteScrolling')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'InfiniteScrolling', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'InfiniteScrolling', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('InfiniteScrolling', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/MasterDetailAPI.test.js b/apps/demos/testing/widgets/datagrid/MasterDetailAPI.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.MasterDetailAPI')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'MasterDetailAPI', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'MasterDetailAPI', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('MasterDetailAPI', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/MasterDetailView.test.js b/apps/demos/testing/widgets/datagrid/MasterDetailView.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.MasterDetailView')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'MasterDetailView', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'MasterDetailView', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('MasterDetailView', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/MultipleRecordSelectionAPI.test.js b/apps/demos/testing/widgets/datagrid/MultipleRecordSelectionAPI.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.MultipleRecordSelectionAPI')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'MultipleRecordSelectionAPI', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'MultipleRecordSelectionAPI', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('MultipleRecordSelectionAPI', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/MultipleSorting.test.js b/apps/demos/testing/widgets/datagrid/MultipleSorting.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.MultipleSorting')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'MultipleSorting', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'MultipleSorting', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('MultipleSorting', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/OdataService.test.js b/apps/demos/testing/widgets/datagrid/OdataService.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.OdataService')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'OdataService', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'OdataService', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('OdataService', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/RecordGrouping.test.js b/apps/demos/testing/widgets/datagrid/RecordGrouping.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.RecordGrouping')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'RecordGrouping', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'RecordGrouping', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('RecordGrouping', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/RecordPaging.test.js b/apps/demos/testing/widgets/datagrid/RecordPaging.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.RecordPaging')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'RecordPaging', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'RecordPaging', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('RecordPaging', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/RowEditingAndEditingEvents.test.js b/apps/demos/testing/widgets/datagrid/RowEditingAndEditingEvents.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.RowEditingAndEditingEvents')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'RowEditingAndEditingEvents', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'RowEditingAndEditingEvents', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('RowEditingAndEditingEvents', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/RowSelection.test.js b/apps/demos/testing/widgets/datagrid/RowSelection.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.RowSelection')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'RowSelection', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'RowSelection', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('RowSelection', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/SimpleArray.test.js b/apps/demos/testing/widgets/datagrid/SimpleArray.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.SimpleArray')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'SimpleArray', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'SimpleArray', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('SimpleArray', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/datagrid/VirtualScrolling.test.js b/apps/demos/testing/widgets/datagrid/VirtualScrolling.test.js
@@ -9,7 +9,7 @@ fixture('DataGrid.VirtualScrolling')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'VirtualScrolling', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DataGrid', 'VirtualScrolling', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('VirtualScrolling', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/dropdownbox/MultipleSelection.test.js b/apps/demos/testing/widgets/dropdownbox/MultipleSelection.test.js
@@ -9,7 +9,7 @@ fixture('DropDownBox.MultipleSelection')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DropDownBox', 'MultipleSelection', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DropDownBox', 'MultipleSelection', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('MultipleSelection', async (t) => {
     const DROP_DOWN_BOX_CLASS = 'dx-dropdownbox';
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);

diff --git a/apps/demos/testing/widgets/dropdownbutton/DropDownButton.test.js b/apps/demos/testing/widgets/dropdownbutton/DropDownButton.test.js
@@ -12,7 +12,7 @@ fixture('DropDownButton.Overview')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DropDownButton', 'Overview', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('DropDownButton', 'Overview', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('Custom Overview Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

diff --git a/apps/demos/testing/widgets/gauges/GaugeVariableNumberBars.test.js b/apps/demos/testing/widgets/gauges/GaugeVariableNumberBars.test.js
@@ -9,7 +9,7 @@ fixture('Gauges.VariableNumberOfBars')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('Gauges', 'VariableNumberOfBars', ['jQuery'/* , 'React', 'Vue', 'Angular' */], (test) => {
+runManualTest('Gauges', 'VariableNumberOfBars', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('Bars visibility changing', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);