场景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界面元素相关推荐

如何在Angular单元测试里，对class protected方法进行测试
例子: 我的service class里有一个protected方法,我想在单元测试里对其进行测试: 一种思路是,可以沿用Java里测试protected方法的变通方式,即创建一个新的sub clas ...
AE脚本-600个科技感HUD信息数据故障场景UI界面元素动画预设 Technology Constructor
AE脚本-600个科技感HUD信息数据故障场景UI界面元素动画预设 Technology Constructor AE脚本-600个科技感HUD信息数据故障场景UI界面元素动画预设Technology ...
超棒的CSS开源UI界面元素类库 - TopCat
日期:2013-4-25 来源:GBin1.com TopCoat是一套免费的开源UI元素类库,整套类库不使用任何javascript,而是使用CSS和HTML来生成. 整套UI元素非常丰富,使用标 ...
element ui 图片上传_游民晚播报：PS5手柄续航情况测试 UI界面概览放出
各位朋友晚上好,现在为您带来今天的晚间播报.一起来回顾一下今天白天游戏圈内外都有哪些要闻.趣闻. 要闻回顾: 1.PS5 DualSense手柄续航情况触觉反馈密集游戏更耗电新闻原文:点击查看 P ...
软件测试基础（十一）测试UI界面检查
PS:对于大部分新手测试来讲,页面的测试是最基本的测试,在实际中,很多人不知道页面测试在做什么?怎么去做? 你需要的材料: 1.UI原型(有的情况下),没有的情况下,参考第2点: 2.需求原型,没有情 ...
Angular单元测试里pipe的mock设计
我想对下列这个Component的UI进行单元测试.其中有一个自定义的cxUrl pipe,在单元测试时,我需要对其进行Mock: 解决方法,在单元测试的实现代码里,创建一个用@Pipe修饰过的Moc ...
SAP WebClient UI界面元素ID生成的逻辑分析
If we open a WebClient UI page with Chrome and inspect its UI element via Chrome development tool, w ...
SAP Cloud for Customer对UI界面元素文本的调整原理
CRM WebUI的configuration mode下可以修改button的label,但是menu item的文字能不能修改我就忘了. C4C客户有个需求: 把new button改成Add b ...
如何使用深度学习识别 UI 界面组件？
导读:智能生成代码平台 imgcook 以 Sketch.PSD.静态图片等形式的视觉稿作为输入,可以一键生成可维护的前端代码,但从设计稿中获取的都是 div.img.span 等元件,而前端大多是组 ...

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

场景1：使用fixture.debugElement.queryAll获得页面所有的a标签：

场景2：a:first-child h4

Angular单元测试里使用fixture.debugElement测试UI界面元素相关推荐

最新文章

热门文章