bug(MatTree): MatTreeHarness with NestedTreeControl returns wrong structure

[sikelerd]

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

[kevinpauer]

Hey, @sikelerd, this issue seems to be resolved in the newer angular versions. Build it myself and produced the expected behavior :)

Environment:

• Angular: 13.2.7
• CDK/Material: 13.3.0
• OS: macOS

[sikelerd]

Hey, @kevinpauer, sorry for the late respone. I can still reproduce the error using

• Angular: 13.3.3
• CDK/Material: 13.3.3
• OS: Windows 10

Unfortunately the Stackblitz doesn't work anymore. So I setup a new project with minimal deps and ran the tests.