angular/components

bug(MatTree): MatTreeHarness with NestedTreeControl returns wrong structure

Open

#23.881 geöffnet am 3. Nov. 2021

Auf GitHub ansehen
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (24.044 Stars) (6.650 Forks)batch import
P3area: cdk/treehelp wanted

Beschreibung

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

Contributor Guide

Tech Stack
typescriptangularhtml
Domain
frontendtesting
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Angular MaterialComponent test harnessesMatTree
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
30
Research-Richtung
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.