[TreeView] Remove un-needed aria-activedescendant attribute (mui#12867

)

docs/data/migration/migration-tree-view-v6/migration-tree-view-v6.md

@@ -447,10 +447,12 @@ For example, if you were writing a test with `react-testing-library`, here is wh
  it('test example on first item', () => {
    const { getByRole } = render(
      <SimpleTreeView>
-       <TreeItem itemId="one">One</TreeItem>
-       <TreeItem itemId="two">Two</TreeItem>
+       <TreeItem itemId="one" id="one">One</TreeItem>
+       <TreeItem itemId="two" id="two">Two</TreeItem>
     </SimpleTreeView>
    );
+
+   // Set the focus to the item "One"
 -  const tree = getByRole('tree');
 +  const treeItem = getByRole('treeitem', { name: 'One' });
    act(() => {
@@ -459,6 +461,10 @@ For example, if you were writing a test with `react-testing-library`, here is wh
    });
 -  fireEvent.keyDown(tree, { key: 'ArrowDown' });
 +  fireEvent.keyDown(treeItem, { key: 'ArrowDown' });
+
+  // Check if the new focused item is "Two"
+- expect(tree)to.have.attribute('aria-activedescendant', 'two');
++ expect(document.activeElement).to.have.attribute('id', 'two');
  })
 ```
 

packages/x-tree-view/src/TreeItem/TreeItem.test.tsx

@@ -226,17 +226,13 @@ describe('<TreeItem />', () => {
   });
 
   it('should be able to use a custom id', () => {
-    const { getByRole, getByTestId } = render(
+    const { getByRole } = render(
       <SimpleTreeView>
         <TreeItem id="customId" itemId="one" data-testid="one" />
       </SimpleTreeView>,
     );
 
-    act(() => {
-      getByTestId('one').focus();
-    });
-
-    expect(getByRole('tree')).to.have.attribute('aria-activedescendant', 'customId');
+    expect(getByRole('treeitem')).to.have.attribute('id', 'customId');
   });
 
   describe('Accessibility', () => {

packages/x-tree-view/src/internals/plugins/useTreeViewFocus/useTreeViewFocus.ts

@@ -143,15 +143,9 @@ export const useTreeViewFocus: TreeViewPlugin<UseTreeViewFocusSignature> = ({
       }
     };
 
-  const focusedItem = instance.getItemMeta(state.focusedItemId!);
-  const activeDescendant = focusedItem
-    ? instance.getTreeItemIdAttribute(focusedItem.id, focusedItem.idAttribute)
-    : null;
-
   return {
     getRootProps: (otherHandlers) => ({
       onFocus: createRootHandleFocus(otherHandlers),
-      'aria-activedescendant': activeDescendant ?? undefined,
     }),
     publicAPI: {
       focusItem,

packages/x-tree-view/src/internals/useTreeView/useTreeView.types.ts

@@ -35,14 +35,7 @@ export type UseTreeViewDefaultizedParameters<
 export interface UseTreeViewRootSlotProps
   extends Pick<
     React.HTMLAttributes<HTMLUListElement>,
-    | 'onFocus'
-    | 'onBlur'
-    | 'onKeyDown'
-    | 'id'
-    | 'aria-activedescendant'
-    | 'aria-multiselectable'
-    | 'role'
-    | 'tabIndex'
+    'onFocus' | 'onBlur' | 'onKeyDown' | 'id' | 'aria-multiselectable' | 'role' | 'tabIndex'
   > {
   ref: React.Ref<HTMLUListElement>;
 }