CardView - Card cover is not displayed even if a custom template is specified (T1298662) (DevExpress#30284)

Author: pomahtri

packages/devextreme/js/__internal/grids/new/card_view/content_view/content/card/card.test.tsx

@@ -107,15 +107,30 @@ describe('Card Header', () => {
   });
 });
 
-describe('Image', () => {
-  it('should render the image correctly', () => {
+describe('Cover', () => {
+  it('should be rendered', () => {
     const container = document.createElement('div');
     // @ts-expect-error
     render(<Card {...props} />, container);
 
     const image = container.querySelector('img');
     expect(image).not.toBeNull();
   });
+
+  it('should be rendered if imageExpr is not defined but template is defined', () => {
+    const container = document.createElement('div');
+    const localProps = {
+      ...props,
+      cover: {
+        template: () => <img className='myTemplate'/>,
+      },
+    };
+
+    // @ts-expect-error
+    render(<Card {...localProps} />, container);
+
+    expect(container.querySelector('.myTemplate')).toBeTruthy();
+  });
 });
 
 describe('Field Template', () => {

packages/devextreme/js/__internal/grids/new/card_view/content_view/content/card/card.tsx

@@ -144,7 +144,7 @@ export class Card extends Component<CardProps> {
       [CLASSES.selectCard]: !!card.isSelected,
     });
 
-    const hasCover = !!cover?.imageExpr;
+    const hasCover = !!cover?.imageExpr || !!cover?.template;
 
     const imageSrc = cover?.imageExpr?.(this.props.card.data);
     const alt = cover?.altExpr?.(this.props.card.data);

packages/devextreme/js/__internal/grids/new/card_view/content_view/content/card/cover.tsx

@@ -28,7 +28,7 @@ export class Cover extends Component<CoverProps> {
 
     const containerClasses = combineClasses({
       [CLASSES.cover]: true,
-      [CLASSES.noImage]: !src,
+      [CLASSES.noImage]: !src && !Template,
     });
 
     return (