Angular 5組件測試按ID獲取debugElement

Question

我有一個包含3個選擇下拉列表的組件，沒有附加css類，每個都有唯一的ID。 在我的組件中，我希望將元素作為DebugElements，以便在觸發各種事件后我可以測試它們的狀態。 從Angular網站上有debugElement.query(By.css('[attribute]')); 。 我怎樣才能得到我的下拉菜單

Answer 1

感謝@jonrsharpe

By.css('#someId')

Answer 2

Angular 7按ID獲取debugElement

debugElement.query迭代所有debugElements並通過謂詞返回發現為true的那些。 此示例顯示如何在一行代碼中執行此操作。

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