Angular单元测试里使用fixture.debugElement测试UI界面元素

场景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的原创文章，请关注公众号"汪子熙":