List: the height of a scrollable wrapper in Fluent theme should be correctly calculated when a search bar exists (T1218632) (#26747)

Author: EugeniyKiyashko

packages/devextreme/scss/widgets/fluent/list/_index.scss

@@ -148,7 +148,7 @@ $fluent-list-item-border: $fluent-list-item-border-width solid $list-border-colo
     }
 
     &.dx-list-with-search .dx-scrollable-wrapper {
-      height: calc(100% - #{$fluent-list-item-height + $fluent-texteditor-input-height + $fluent-list-searchbox-margin-bottom});
+      height: calc(100% - #{$fluent-texteditor-input-height + $fluent-list-searchbox-margin-bottom});
     }
 
     .dx-empty-message {

packages/devextreme/testing/testcafe/tests/editors/list/etalons/List with search bar appearance (fluent-blue-light).png

@@ -0,0 +1,29 @@
+import { createScreenshotsComparer } from 'devextreme-screenshot-comparer';
+import { testScreenshot } from '../../../helpers/themeUtils';
+import url from '../../../helpers/getPageUrl';
+import { createWidget } from '../../../helpers/createWidget';
+
+fixture.disablePageReloads`Search`
+  .page(url(__dirname, '../../container.html'));
+
+test('List with search bar appearance', async (t) => {
+  const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
+  await t.debug();
+  await testScreenshot(t, takeScreenshot, 'List with search bar appearance.png', { element: '#container' });
+
+  await t
+    .expect(compareResults.isValid())
+    .ok(compareResults.errorMessages());
+}).before(async () => {
+  const dataSource = Array.from({ length: 40 }, (_, i) => `Item_${i + 1}`);
+
+  return createWidget('dxList', {
+    dataSource,
+    height: 400,
+    width: 200,
+    searchEnabled: true,
+    showSelectionControls: true,
+    selectionMode: 'all',
+    selectByClick: false,
+  });
+});