TreeView: focus treeview element in selectAllEnabled and items empty (T1294524) (#30903)

Author: juleari

e2e/testcafe-devextreme/tests/cardView/headerFilter/etalons/card-view_header-filter_popup-with-tree (fluent-blue-light).png

@@ -1912,7 +1912,8 @@ class TreeViewBase extends HierarchicalCollectionWidget<TreeViewBaseProperties,
   }
 
   focus(): void {
-    if (this._selectAllEnabled()) {
+    const { items = [] } = this.option();
+    if (this._selectAllEnabled() && items.length) {
       // @ts-expect-error ts-error
       eventsEngine.trigger(this._$selectAllItem, 'focus');
       return;

e2e/testcafe-devextreme/tests/cardView/headerFilter/etalons/card-view_header-filter_popup-with-tree (generic-light).png

@@ -11,7 +11,7 @@ import TextBox from '@ts/ui/text_box/m_text_box';
 import type { TreeViewBaseProperties } from '@ts/ui/tree_view/tree_view.base';
 import TreeViewBase from '@ts/ui/tree_view/tree_view.base';
 
-const TREEVIEW_CLASS_PREFIX = 'dx-treeview';
+export const TREEVIEW_CLASS_PREFIX = 'dx-treeview';
 const TREEVIEW_NODE_CONTAINER_CLASS = 'dx-treeview-node-container';
 
 SearchBoxController.setEditorClass(TextBox);
@@ -190,7 +190,8 @@ class TreeViewSearch extends TreeViewBase {
   _itemContainer(isSearchMode?: boolean, selectAllEnabled?: boolean): dxElementWrapper {
     const isSelectAllEnabled = selectAllEnabled ?? this._selectAllEnabled();
 
-    if (isSelectAllEnabled) {
+    const { items = [] } = this.option();
+    if (isSelectAllEnabled && items.length) {
       return this._getNodeContainer();
     }
 

e2e/testcafe-devextreme/tests/cardView/headerFilter/etalons/card-view_header-filter_popup-with-tree (material-blue-light).png

@@ -3,6 +3,7 @@
 import $ from 'jquery';
 import { isRenderer } from 'core/utils/type';
 import config from 'core/config';
+import { TREEVIEW_CLASS_PREFIX } from '__internal/ui/tree_view/tree_view.search';
 import TreeViewTestWrapper from '../../../helpers/TreeViewTestHelper.js';
 import keyboardMock from '../../../helpers/keyboardMock.js';
 import { shouldSkipOnMobile } from '../../../helpers/device.js';
@@ -297,6 +298,17 @@ QUnit.test('select all item should be focused on treeview focus', function(asser
     assert.ok($selectAllItem.hasClass(FOCUSED_STATE_CLASS));
 });
 
+QUnit.testInActiveWindow('Treeview container should be focused on empty treeview focus (T1294524)', function(assert) {
+    const $treeView = initTree({
+        showCheckBoxesMode: 'selectAll',
+        focusStateEnabled: true,
+    });
+
+    $treeView.dxTreeView('focus');
+
+    assert.strictEqual($treeView.hasClass(FOCUSED_STATE_CLASS), true, 'treeview is focused');
+});
+
 QUnit.test('SelectAll checkbox should be checked with space key', function(assert) {
     if(shouldSkipOnMobile(assert)) {
         return;