angular/components

bug(MatTree): MatTreeHarness with NestedTreeControl returns wrong structure

Open

#23 881 ouverte le 3 nov. 2021

Voir sur GitHub
 (2 commentaires) (0 réactions) (0 assignés)TypeScript (24 044 stars) (6 650 forks)batch import
P3area: cdk/treehelp wanted

Description

Reproduction

Steps to reproduce:

  1. Create a MatTreeComponent with a NestedTreeControl and MatTreeNestedDatasource
  2. Test the component structure

https://stackblitz.com/edit/harness-issue-xgqlpl?file=src/app/tree-harness-example.spec.ts

Expected Behavior

The structure should have as many children (2 in the Stackblitz example) as visible Nodes.

{ children: [ { text: "Group 1"}, { text: "Group 2"} ] }

Actual Behavior

The structure has only one children without text.

{ children: [ { text: ""} ] }

Environment

  • Angular: 12.2.12
  • CDK/Material: 12.2.12
  • Browser(s): Test Environment
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

Guide contributeur

Stack technique
typescriptangularhtml
Domaine
frontendtesting
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Angular MaterialComponent test harnessesMatTree
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
30
Direction de recherche
Examine the MatTreeHarness class and its getStructure method in the Angular Material source code. The reproduction demonstrates that for a NestedTreeControl, the structure only returns one child with empty text. Compare the implementation for NestedTreeControl versus FlatTreeControl. The fix likely involves correctly traversing the tree nodes using the control's expand and children accessors. Refer to the Stackblitz for exact setup.