量角器无法在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 - 使用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]')