首页 > 解决方案 > How can i find a ng-pristine type element with protractor?

问题描述

image

How can i find a element which does not have an id or model?

标签: protractor

解决方案


有很多方法可以做到这一点,您可以参考这个http://www.protractortest.org/#/api?view=ProtractorBy了解更多定位器。

图片中的元素有一个 name 属性,所以这个 -> http://www.protractortest.org/#/api?view=webdriver.By.name就足够了。

在绝望的时候,你可以把你的命运寄托在 css 定位器上

获取元素定位器的最快和最肮脏的方法是右键单击 DOM 树中的元素(在 chrome 和元素选项卡中为 ctrl+shift+i)并复制选择器

当然,这是获取选择器的一种非常肮脏的方式,对 DOM 的微小更改可能会使您的测试无用。

这是引用选择器的更“精致”的方式-> https://www.w3schools.com/cssref/css_selectors.asp

要使用:

element(by.css('selectorHere'))
$('selectorHere') //this is similar to the one above, but shorter
//http://www.protractortest.org/#/api?view=ElementFinder.prototype.$ 

推荐阅读