DataGrid: unskip demo tests

apps/demos/Demos/DataGrid/SignalRService/jQuery/index.js

@@ -44,8 +44,10 @@ $(() => {
         dataType: 'number',
         format: '#0.####',
         cellTemplate(container, options) {
-          container.addClass((options.data.change > 0) ? 'inc' : 'dec');
-          container.html(options.text);
+          const wrapper = $('<div>')
+            .addClass((options.data.change > 0) ? 'inc' : 'dec')
+            .text(options.text);
+          wrapper.appendTo(container);
         },
       }, {
         dataField: 'change',
@@ -54,21 +56,24 @@ $(() => {
         format: '#0.####',
         cellTemplate(container, options) {
           const fieldData = options.data;
-          container.addClass(fieldData.change > 0 ? 'inc' : 'dec');
+          const wrapper = $('<div>')
+            .addClass(fieldData.change > 0 ? 'inc' : 'dec');
 
           $('<span>')
             .addClass('current-value')
             .text(options.text)
-            .appendTo(container);
+            .appendTo(wrapper);
 
           $('<span>')
             .addClass('arrow')
-            .appendTo(container);
+            .appendTo(wrapper);
 
           $('<span>')
             .addClass('diff')
             .text(`${fieldData.percentChange.toFixed(2)}%`)
-            .appendTo(container);
+            .appendTo(wrapper);
+
+          wrapper.appendTo(container);
         },
       }, {
         dataField: 'dayOpen',

apps/demos/testing/skipped-tests.js

@@ -4,20 +4,17 @@ export const skippedTests = {
   },
   Angular: {
     Common: ['PopupAndNotificationsOverview'],
-    DataGrid: ['SignalRService'],
     Scheduler: ['Templates'],
     Map: ['ProvidersAndTypes', 'Markers', 'Routes'],
   },
   React: {
-    DataGrid: ['SignalRService'],
     // NOTE: 'GroupByDate' demo has problems with rendering
     Scheduler: ['GroupByDate', 'Templates'],
     Map: ['ProvidersAndTypes', 'Markers', 'Routes'],
   },
   Vue: {
     Common: ['PopupAndNotificationsOverview'],
     Scheduler: ['Templates'],
-    DataGrid: ['SignalRService'],
     Map: ['ProvidersAndTypes', 'Markers', 'Routes'],
   },
 };

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

@@ -17,14 +17,16 @@ runManualTest('DataGrid', 'RemoteGrouping', (test) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
     await $('.dx-scrollable-container')();
+
+    await testScreenshot(t, takeScreenshot, 'datagrid_remote_grouping_initial.png');
+
     await scroll(5000);
 
-    await testScreenshot(t, takeScreenshot, 'datagrid_remote_grouping_2_desktop.png');
+    await testScreenshot(t, takeScreenshot, 'datagrid_remote_grouping_scrolled.png');
 
-    await t
-      .click($('.dx-group-row td').withText('Madrid Store').prevSibling());
+    await t.click($('.dx-group-row').nth(2).child('.dx-datagrid-expand'));
 
-    await testScreenshot(t, takeScreenshot, 'datagrid_remote_grouping_3_desktop.png');
+    await testScreenshot(t, takeScreenshot, 'datagrid_remote_grouping_expanded.png');
 
     await t
       .expect(compareResults.isValid())

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

@@ -204,26 +204,21 @@ export function shouldRunTestAtIndex(testIndex) {
 }
 
 const SKIPPED_TESTS = {
-  jQuery: {
-    DataGrid: ['BatchUpdateRequest', 'EditStateManagement', 'RemoteGrouping'],
-  },
+  jQuery: {},
   Angular: {
     Common: ['PopupAndNotificationsOverview'],
-    DataGrid: ['BatchUpdateRequest', 'EditStateManagement', 'RemoteGrouping'],
     Scheduler: ['ContextMenu'],
     FileUploader: ['CustomDropzone'],
   },
   Vue: {
     Common: ['PopupAndNotificationsOverview'],
     // NOTE: Context menu item position is different across themes
     Scheduler: ['ContextMenu'],
-    DataGrid: ['BatchUpdateRequest', 'EditStateManagement', 'RemoteGrouping'],
     FileUploader: ['CustomDropzone'],
   },
   React: {
     Common: ['PopupAndNotificationsOverview'],
     Scheduler: ['ContextMenu'],
-    DataGrid: ['BatchUpdateRequest', 'EditStateManagement', 'RemoteGrouping'],
     FileUploader: ['CustomDropzone'],
   },
 };