場景1：使用fixture.debugElement.queryAll獲得頁面所有的a標簽：

fixture.debugElement.queryAll接受一個predicate：

需要的predicate可以通過By.css(‘a’)返回：

場景2：a:first-child h4

E:first-child 選擇器用于選取屬于其父元素的首個子元素的指定選擇器，換言之，只要E元素是它的父級的第一個子元素，就選中。

所以By.css(‘a:first-child’)返回的是下圖這個a元素：

而’a:first-child h4’指向h4元素，如下圖所示：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的Angular单元测试里使用fixture.debugElement测试UI界面元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。