Fix jests

Author: Raushen

packages/devextreme/js/__internal/grids/new/grid_core/search/__snapshots__/options.integration.test.ts.snap

@@ -3,29 +3,119 @@
 exports[`Options searchPanel.highlightCaseSensitive = false 1`] = `
 <div
   class="dx-cardview-card-content"
-/>
+>
+  <div
+    class="dx-cardview-field"
+    tabindex="0"
+  >
+    <span
+      class="dx-cardview-field-name"
+    >
+      Name
+      :
+    </span>
+    <span
+      class="dx-cardview-field-value dx-cardview-field-value--text-align-left dx-cardview-field-value--white-space-nowrap"
+    >
+      <span
+        class="dx-cardview-field-value__text-part--highlighted"
+      >
+        John
+      </span>
+      <span>
+         Doe 
+      </span>
+      <span
+        class="dx-cardview-field-value__text-part--highlighted"
+      >
+        john
+      </span>
+    </span>
+  </div>
+</div>
 `;
 
 exports[`Options searchPanel.highlightCaseSensitive = true 1`] = `
 <div
   class="dx-cardview-card-content"
-/>
+>
+  <div
+    class="dx-cardview-field"
+    tabindex="0"
+  >
+    <span
+      class="dx-cardview-field-name"
+    >
+      Name
+      :
+    </span>
+    <span
+      class="dx-cardview-field-value dx-cardview-field-value--text-align-left dx-cardview-field-value--white-space-nowrap"
+    >
+      <span>
+        John Doe 
+      </span>
+      <span
+        class="dx-cardview-field-value__text-part--highlighted"
+      >
+        john
+      </span>
+    </span>
+  </div>
+</div>
 `;
 
 exports[`Options searchPanel.highlightSearchText = false 1`] = `
 <div
   class="dx-cardview-card-content"
-/>
+>
+  <div
+    class="dx-cardview-field"
+    tabindex="0"
+  >
+    <span
+      class="dx-cardview-field-name"
+    >
+      Name
+      :
+    </span>
+    <span
+      class="dx-cardview-field-value dx-cardview-field-value--text-align-left dx-cardview-field-value--white-space-nowrap"
+    >
+      John Doe john
+    </span>
+  </div>
+</div>
 `;
 
 exports[`Options searchPanel.text (match) 1`] = `
 <div
   class="dx-cardview-card-content"
-/>
+>
+  <div
+    class="dx-cardview-field"
+    tabindex="0"
+  >
+    <span
+      class="dx-cardview-field-name"
+    >
+      Name
+      :
+    </span>
+    <span
+      class="dx-cardview-field-value dx-cardview-field-value--text-align-left dx-cardview-field-value--white-space-nowrap"
+    >
+      <span
+        class="dx-cardview-field-value__text-part--highlighted"
+      >
+        John
+      </span>
+      <span>
+         Doe
+      </span>
+    </span>
+  </div>
+</div>
 `;
 
-exports[`Options searchPanel.text (mismatch) 1`] = `
-<div
-  class="dx-cardview-card-content"
-/>
-`;
+exports[`Options searchPanel.text (mismatch) 1`] = null;

packages/devextreme/js/__internal/grids/new/grid_core/search/options.integration.test.ts

@@ -1,8 +1,10 @@
+/* eslint-disable spellcheck/spell-checker */
 import {
   describe, expect, it,
 } from '@jest/globals';
 import CardView from '@ts/grids/new/card_view/widget';
 import type { Options as GridCoreOptions } from '@ts/grids/new/grid_core/options';
+import { rerender } from 'inferno';
 
 const SELECTORS = {
   cardContent: 'dx-cardview-card-content',
@@ -24,13 +26,17 @@ describe('Options', () => {
       dataSource: [
         { Name: 'John Doe' },
       ],
+      columns: [
+        'Name',
+      ],
       searchPanel: {
         text: 'John',
       },
     });
 
-    const content = getCardContent(container);
+    rerender();
 
+    const content = getCardContent(container);
     expect(content).toMatchSnapshot();
   });
 
@@ -44,8 +50,8 @@ describe('Options', () => {
       },
     });
 
+    rerender();
     const content = getCardContent(container);
-
     expect(content).toMatchSnapshot();
   });