Grids - CardView: Default values set in onInitNewCard are not populat… (#31130)

Author: dmlvr

e2e/testcafe-devextreme/tests/cardView/editing/editing.functional.ts

@@ -0,0 +1,47 @@
+import CardView from 'devextreme-testcafe-models/cardView';
+import url from '../../../helpers/getPageUrl';
+import { createWidget } from '../../../helpers/createWidget';
+
+fixture.disablePageReloads`CardView - Editing`
+  .page(url(__dirname, '../../container.html'));
+
+const CARD_VIEW_SELECTOR = '#container';
+
+const config = {
+  columns: [
+    { dataField: 'id', caption: 'ID' },
+    { dataField: 'title', caption: 'Task Title' },
+    { dataField: 'status', caption: 'Status' },
+  ],
+  dataSource: [],
+  keyExpr: 'id',
+  editing: {
+    allowAdding: true,
+    form: {
+      items: ['id', 'title', 'status'],
+    },
+  },
+  onInitNewCard(e) {
+    e.data.id = 10;
+    e.data.status = 'Not Started';
+    e.data.title = 'New Task';
+  },
+};
+
+test('should show default values in popup fields after onInitNewCard', async (t) => {
+  const cardView = new CardView(CARD_VIEW_SELECTOR);
+  await cardView.isReady();
+
+  await t.click(cardView.getToolbar().getAddButton().element);
+  await cardView.isReady();
+
+  const popup = cardView.getEditingPopup();
+
+  const idInput = popup.find('input[name="id"]');
+  const titleInput = popup.find('input[name="title"]');
+  const statusInput = popup.find('input[name="status"]');
+
+  await t.expect(idInput.value).eql('10');
+  await t.expect(titleInput.value).eql('New Task');
+  await t.expect(statusInput.value).eql('Not Started');
+}).before(async () => createWidget('dxCardView', config));

…extreme/tests/cardView/editing.visual.ts …tests/cardView/editing/editing.visual.tse2e/testcafe-devextreme/tests/cardView/editing.visual.ts renamed to e2e/testcafe-devextreme/tests/cardView/editing/editing.visual.ts e2e/testcafe-devextreme/tests/cardView/editing.visual.ts renamed to e2e/testcafe-devextreme/tests/cardView/editing/editing.visual.ts

@@ -1,14 +1,14 @@
 import { createScreenshotsComparer } from 'devextreme-screenshot-comparer';
 import CardView from 'devextreme-testcafe-models/cardView';
-import url from '../../helpers/getPageUrl';
-import { createWidget } from '../../helpers/createWidget';
-import { columns, data } from './helpers/simpleArrayData';
-import { testScreenshot } from '../../helpers/themeUtils';
-import { safeSizeTest } from '../../helpers/safeSizeTest';
-import { a11yCheck } from '../../helpers/accessibility/utils';
+import url from '../../../helpers/getPageUrl';
+import { createWidget } from '../../../helpers/createWidget';
+import { columns, data } from '../helpers/simpleArrayData';
+import { testScreenshot } from '../../../helpers/themeUtils';
+import { safeSizeTest } from '../../../helpers/safeSizeTest';
+import { a11yCheck } from '../../../helpers/accessibility/utils';
 
 fixture.disablePageReloads`CardView - Editing`
-  .page(url(__dirname, '../container.html'));
+  .page(url(__dirname, '../../container.html'));
 
 const CARD_VIEW_SELECTOR = '#container';