Demo scenarios tests: create a single entry point to allow skipping testing in a specific framework via skip list

Author: EugeniyKiyashko

apps/demos/testing/widgets/accordion/Accordion.test.js

@@ -12,7 +12,7 @@ fixture('Accordion.Overview')
     ctx.initialWindowSize = [900, 900];
   });
 
-runManualTest('Accordion', 'Overview', ['jQuery', 'React', 'Angular', 'Vue'], (test) => {
+runManualTest('Accordion', 'Overview', (test) => {
   test('Custom Overview Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('Chart.Crosshair', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('CustomAnnotations. Drag', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('CustomLegendMarkers', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

apps/demos/testing/widgets/charts/Export.test.js

@@ -7,7 +7,7 @@ fixture('Charts.Export')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('Charts', 'ExportCustomMarkup', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
+runManualTest('Charts', 'ExportCustomMarkup', (test) => {
   test('Export', async (t) => {
     let isFileCreateForDownload = false;
 

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', (test) => {
   test('LoadDataOnDemand', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('Tooltip', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('PieWithResolvedLabelOverlapping', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
     const showSelectBoxItems = () => t.click($('.options .dx-dropdowneditor-input-wrapper input.dx-texteditor-input'));

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', (test) => {
   test('ZoomingAndScrollingAPI. RangeSelector drag', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('ZoomingOnAreaSelection. Drag', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

apps/demos/testing/widgets/chat/Customization.test.js

@@ -14,7 +14,7 @@ fixture('Chat.Customization')
     ctx.initialWindowSize = [900, 800];
   });
 
-runManualTest('Chat', 'Customization', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
+runManualTest('Chat', 'Customization', (test) => {
   test('Customization', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

apps/demos/testing/widgets/common/DialogsAndNotificationsOverview.test.js

@@ -16,7 +16,7 @@ fixture.skip('Common.DialogsAndNotificationsOverview')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('Common', 'DialogsAndNotificationsOverview', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
+runManualTest('Common', 'DialogsAndNotificationsOverview', (test) => {
   test('DialogsAndNotificationsOverview', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('EditorAppearanceVariants', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('Custom Template Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('Custom Template Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('Custom Template Share Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('AdvancedMasterDetailView', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('AjaxRequest', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('BatchEditing', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('BatchUpdateRequest', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('CellEditingAndEditingAPI', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   newRowPositionOptions.forEach((newRowPosition) => {
     test(`newRowPosition - ${newRowPosition}`, newRowPositionTestTemplate({
       newRowPosition,

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', (test) => {
   test('DataValidation', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

apps/demos/testing/widgets/datagrid/EditStateManagement.test.js

@@ -9,7 +9,7 @@ fixture('DataGrid.EditStateManagement')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'EditStateManagement', ['jQuery', /* 'React', */ 'Vue'/* , 'Angular' */], (test) => {
+runManualTest('DataGrid', 'EditStateManagement', (test) => {
   test('EditStateManagement - update row', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
@@ -47,7 +47,7 @@ runManualTest('DataGrid', 'EditStateManagement', ['jQuery', /* 'React', */ 'Vue'
   });
 });
 
-runManualTest('DataGrid', 'EditStateManagement', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
+runManualTest('DataGrid', 'EditStateManagement', (test) => {
   test('EditStateManagement - insert row', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
@@ -98,7 +98,7 @@ runManualTest('DataGrid', 'EditStateManagement', ['jQuery', 'React', 'Vue', 'Ang
   });
 });
 
-runManualTest('DataGrid', 'EditStateManagement', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
+runManualTest('DataGrid', 'EditStateManagement', (test) => {
   test('EditStateManagement - remove row', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('Filtering', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('FilteringAPI', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('GroupSummaries', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('InfiniteScrolling', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('MasterDetailAPI', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('MasterDetailView', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('MultipleRecordSelectionAPI', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('MultipleSorting', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('OdataService', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

apps/demos/testing/widgets/datagrid/PopupEditing.test.js

@@ -9,7 +9,7 @@ fixture('DataGrid.PopupEditing')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'PopupEditing', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
+runManualTest('DataGrid', 'PopupEditing', (test) => {
   test('PopupEditing', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('RecordGrouping', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('RecordPaging', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

apps/demos/testing/widgets/datagrid/RemoteGrouping.test.js

@@ -13,7 +13,7 @@ const scroll = ClientFunction((pixels) => {
   document.querySelector('.dx-scrollable-container').scrollTop = pixels;
 });
 
-runManualTest('DataGrid', 'RemoteGrouping', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
+runManualTest('DataGrid', 'RemoteGrouping', (test) => {
   test('RemoteGrouping', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('RowEditingAndEditingEvents', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

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', (test) => {
   test('SimpleArray', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

apps/demos/testing/widgets/datagrid/StatePersistence.test.js

@@ -9,7 +9,7 @@ fixture('DataGrid.StatePersistence')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'StatePersistence', ['jQuery', /* 'React', */ 'Vue'/* , 'Angular' */], (test) => {
+runManualTest('DataGrid', 'StatePersistence', (test) => {
   test('StatePersistence', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 

apps/demos/testing/widgets/datagrid/ToolbarCustomization.test.js

@@ -9,7 +9,7 @@ fixture('DataGrid.ToolbarCustomization')
     ctx.initialWindowSize = [900, 600];
   });
 
-runManualTest('DataGrid', 'ToolbarCustomization', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
+runManualTest('DataGrid', 'ToolbarCustomization', (test) => {
   test('ToolbarCustomization', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
     const menuButtonSelector = $('.dx-toolbar').find('.dx-toolbar-menu-container').find('.dx-button');