Angular 5组件测试通过ID获取debugElement

Question

我有一个包含 3 个 select 下拉菜单的组件，没有附加 css 类，每个下拉菜单都有一个唯一的 ID。在我的组件中，我想将元素作为 DebugElements 获取，以便我可以在触发各种事件后测试它们的状态。 Angular 网站上有 debugElement.query(By.css('[attribute]'));。我怎样才能得到我的下拉菜单 By.id

Answer 1

感谢@jonrsharpe

By.css('#someId')

Answer 2

Angular 7 通过ID获取debugElement

debugElement.query 迭代所有 debugElements 和 returns 通过谓词发现为真的那些。此示例显示如何在一行代码中完成此操作。

var test = fixture.debugElement.query((de)=>{return de.nativeElement.id==="someId"});