fix & test

apps/demos/Demos/DataGrid/PopupEditing/Vue/App.vue

@@ -101,6 +101,7 @@ import {
   DxLookup,
   DxForm,
 } from 'devextreme-vue/data-grid';
+import 'devextreme-vue/text-area';
 import { DxItem } from 'devextreme-vue/form';
 import { employees, states } from './data.ts';
 

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

@@ -0,0 +1,25 @@
+import { createScreenshotsComparer } from 'devextreme-screenshot-comparer';
+import { Selector as $ } from 'testcafe';
+import { runManualTest } from '../../../utils/visual-tests/matrix-test-helper';
+import { testScreenshot } from '../../../utils/visual-tests/helpers/theme-utils';
+
+fixture('DataGrid.PopupEditing')
+  .page('http://localhost:8080/')
+  .before(async (ctx) => {
+    ctx.initialWindowSize = [900, 600];
+  });
+
+runManualTest('DataGrid', 'PopupEditing', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
+  test.only('PopupEditing', async (t) => {
+    const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
+
+    await testScreenshot(t, takeScreenshot, 'datagrid_popup_editing_1_desktop.png');
+
+    await t.click($('.dx-link-edit').nth(0));
+    await testScreenshot(t, takeScreenshot, 'datagrid_popup_editing_2_desktop.png');
+
+    await t
+      .expect(compareResults.isValid())
+      .ok(compareResults.errorMessages());
+  });
+});