Demo scenarios tests: create a single entry point to allow skipping testing in a specific framework via skip list (DevExpress#29389)

Author: EugeniyKiyashko

apps/demos/testing/common.test.js

@@ -14,6 +14,7 @@ import {
   changeTheme,
   waitForAngularLoading,
   shouldSkipDemo,
+  FRAMEWORKS,
 } from '../utils/visual-tests/matrix-test-helper';
 import {
   getThemePostfix,
@@ -313,7 +314,7 @@ const SKIPPED_TESTS = {
   },
 };
 
-['jQuery', 'React', 'Vue', 'Angular'].forEach((approach) => {
+FRAMEWORKS.forEach((approach) => {
   if (!shouldRunFramework(approach)) { return; }
   fixture(approach)
     .beforeEach(async (t) => {

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

@@ -11,7 +11,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

@@ -8,7 +8,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

@@ -8,7 +8,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

@@ -8,7 +8,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

@@ -6,7 +6,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

@@ -8,7 +8,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

@@ -8,7 +8,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

@@ -8,7 +8,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

@@ -8,7 +8,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);