无法使用 webdriverio 单击元素

Question

我正在尝试使用 webdriverio/mocha 框架单击按钮 代码如下所示：

describe ('Mytest', function () {
beforeEach(function() {
    browser.url('/');
})
    it ('should click', function () {
        browser.click("[ng-click='startApplication()']");
    });
});

但我收到以下错误：

错误：使用给定的搜索参数无法在页面上找到元素。

我也试过 XPath：(//A[@ng-activate=''])[1]

得到同样的错误：

下面是这些按钮的 CSS

<div class="select-type__wrapper">
  <div class="row">
    <div class="col-sm-6">
      <!-- ngIf: device === 'phone' -->
      <!-- ngIf: device !== 'phone' -->
      <div ng-if="device !== 'phone'" class="block ng-scope">
        <a ng-activate="" ng-click="startApplication('?json=true')" class="btn btn-answer first ng-scope ng-click-active"></i>
        </a>
      </div>
      <!-- end ngIf: device !== 'phone' -->
    </div>
    <div class="col-sm-6">
      <!-- ngIf: device === 'phone' -->
      <!-- ngIf: device !== 'phone' -->
      <div ng-if="device !== 'phone'" class="block second ng-scope">
        <a ng-activate="" ng-click="startApplication('?parent-user=true&amp;json=true')" class="btn btn-answer ng-scope">
      </div>
      <!-- end ngIf: device !== 'phone' -->
    </div>
  </div>
</div>

Answer 1

您的选择器会查找属性为ng-click 且值为startApplication() 的元素。但是，您的 HTML 结构中没有这样的元素。有两个元素在 ng-click 上调用 startApplication() 函数，但在这两种情况下，该函数都需要一个属性。

您可以使用

选择具有ng-click 属性（无论其值如何）的任何元素

• CSS：[ng-click]
• XPath：//*[@ng-click]

如果有很多元素具有ng-click 属性，但你只想要那些调用startApplication() 的元素（不管函数参数如何），你可以使用：

• CSS：[ng-click^=startApplication]
• XPath：//*[contains(@ng-click, "startApplication")]