DataGrid: unskip demo tests (#32355)

Author: anna-shakhova

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/etalons/DataGrid-SignalRService (fluent.blue.light).png

@@ -22,7 +22,6 @@ export const skippedTests = {
     Charts: ['ServerSideDataProcessing'],
     Common: ['PopupAndNotificationsOverview'],
     DataGrid: [
-      'SignalRService',
       'MultipleRecordSelectionModes',
       'RemoteCRUDOperations',
       'ExcelJSExportMultipleGrids',
@@ -45,7 +44,6 @@ export const skippedTests = {
     DataGrid: [
       'Overview',
       'Toolbar',
-      'SignalRService',
       'MultipleRecordSelectionModes',
       'ExcelJSExportMultipleGrids',
       'PDFExportMultipleGrids',
@@ -66,7 +64,6 @@ export const skippedTests = {
     Common: ['PopupAndNotificationsOverview'],
     Charts: ['PointsAggregation', 'ServerSideDataProcessing'],
     DataGrid: [
-      'SignalRService',
       'MultipleRecordSelectionModes',
       'ExcelJSExportMultipleGrids',
       'PDFExportMultipleGrids',

apps/demos/testing/skipped-tests.js

@@ -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())