CardView: Column does not display any values when calculateDisplayVal… (#31129)

Author: dmlvr

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

@@ -0,0 +1,32 @@
+import CardView from 'devextreme-testcafe-models/cardView';
+import url from '../../helpers/getPageUrl';
+import { createWidget } from '../../helpers/createWidget';
+
+fixture.disablePageReloads`CardView - Items functional`
+  .page(url(__dirname, '../container.html'));
+
+const CARD_VIEW_SELECTOR = '#container';
+
+const config = {
+  columns: [{
+    dataField: 'activity',
+    columnType: 'number',
+    calculateDisplayValue(e) {
+      return `activity ${e.activity}`;
+    },
+  }],
+  dataSource: [
+    { id: 1, activity: 1 },
+  ],
+  keyExpr: 'id',
+};
+
+test('Column should show data from calculateDisplayValue if function\'s result has other dataType', async (t) => {
+  const cardView = new CardView(CARD_VIEW_SELECTOR);
+
+  const valueCell = cardView.getCard().getFieldValueCell('Activity');
+
+  const text = await valueCell.innerText;
+
+  await t.expect(text).eql('activity 1');
+}).before(async () => createWidget('dxCardView', config));

packages/devextreme/js/__internal/grids/new/grid_core/items_controller/items_controller.ts

@@ -7,7 +7,6 @@ import { SearchController } from '@ts/grids/new/grid_core/search/index';
 
 import type { CardInfo, Column, FieldInfo } from '../columns_controller/types';
 import type { DataObject, Key } from '../data_controller/types';
-import { parseValue } from '../utils/parse_value/index';
 
 export class ItemsController {
   private readonly selectedCardKeys = signal<Key[]>([]);
@@ -68,7 +67,7 @@ export class ItemsController {
       const displayValue = column.calculateDisplayValue(data);
 
       const formattedText = formatHelper.format(
-        parseValue(column, displayValue as string) as never,
+        displayValue as never,
         column.format,
       );
       const text = column.customizeText