量角器无法在 ng-click 元素上使用 css 定位元素

Question

html:

<button class="helperButton ng-scope" ng-if="!isDisabled && displayHelper( 'none' )" ng-click="select( 'none', $event );" type="button">  ×  Select None</button>

试图定位：

element(by.css('button[ng-click="select( \'none\', $event );"]'));

得到错误：

失败：使用定位器找不到元素： By.cssSelector("button[ng-click=\"select('none', $event);\"]")

此链接提供了一个解决方案AngularJS Protractor - Finding an Element on a Page Using Ng-Click Binding，但没有详细说明其引用的函数。任何帮助将不胜感激。

Answer 1

基于ng-click 的定位器不太可靠和可读。

相反，我会依赖按钮文本：

by.xpath('//button[contains(., "Select None")]')

或者，在类上：

by.css('button.helperButton')

或者，如果可以控制应用程序 HTML 模板 - 添加 id 属性并使用：

by.id('mybuttonid')

---

如果您仍想使用ng-click - 尝试使用starts-with CSS 选择器语法检查ng-click 属性：

by.css('button[ng-click^=select]')