bug(MatChipHarness): Chip Text contains "cancel"

[mischkl]

Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/fork/components-issue

Steps to reproduce:

1. Create a chip list with cancel buttons, as in autocomplete example https://stackblitz.com/angular/lmgdmgnkkxbb?file=src%2Fapp%2Fchips-autocomplete-example.ts
2. Get MatChipListHarness, call "getChips()" on it and then "getText()" on one of the chip harnesses.

Expected Behavior

What behavior were you expecting to see?

Text of chip includes only the label, e.g. "Lemon".

Actual Behavior

What behavior did you actually see?

Text of chip includes "cancel" text from within the mat-icon as well, e.g. "Lemoncancel".

Environment

• Angular: 10.1.0
• CDK/Material: 10.2.0
• Browser(s): Chrome 85
• Operating System (e.g. Windows, macOS, Ubuntu): macOS

[mischkl]

Thanks for the quick fix. Took a look at the code and one thing is missing IMHO: exclusion of .mat-icon in addition to .mat-chip-avatar and .mat-chip-trailing-icon. Icons enable use cases such as "Filter chips" and "Action chips" as illustrated here: https://material.io/components/chips#types - therefore this use case should also be taken into account.

[mischkl]

Another aspect of this issue discovered today - MatChipHarness.with({ text: 'xyz' }) also doesn't seem to take icons into account! This has also not yet been addressed by the PR, as far as I can tell.