angular/components

bug(MatTree): MatTreeHarness with NestedTreeControl returns wrong structure

Geschlossen

#23.881 geöffnet am 03.11.2021

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

Repository-Metriken

Stars
 (24.044 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 3T 12h) (98 gemergte PRs in 30 T)

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

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.
Tech Stack
typescriptangularhtml
Domain
frontendtesting
Issue Type
Fehler
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 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Veraltet
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
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