Angular单元测试里使用fixture.debugElement测试UI界面元素
生活随笔
收集整理的這篇文章主要介紹了
Angular单元测试里使用fixture.debugElement测试UI界面元素
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
場(chǎng)景1:使用fixture.debugElement.queryAll獲得頁(yè)面所有的a標(biāo)簽:
fixture.debugElement.queryAll接受一個(gè)predicate:
需要的predicate可以通過By.css(‘a(chǎn)’)返回:
場(chǎng)景2:a:first-child h4
E:first-child 選擇器用于選取屬于其父元素的首個(gè)子元素的指定選擇器,換言之,只要E元素是它的父級(jí)的第一個(gè)子元素,就選中。
所以By.css(‘a(chǎn):first-child’)返回的是下圖這個(gè)a元素:
而’a:first-child h4’指向h4元素,如下圖所示:
要獲取更多Jerry的原創(chuàng)文章,請(qǐng)關(guān)注公眾號(hào)"汪子熙":
總結(jié)
以上是生活随笔為你收集整理的Angular单元测试里使用fixture.debugElement测试UI界面元素的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 鲜面条做法简单又好吃 简单又好吃的面条做
- 下一篇: SAP云平台开启Kyma功能时发送到后台