使用量角器检查复选框

Question

我有一个简单的复选框，我想使用量角器 (AngularJS) 进行检查。

我试过了：

$('.checkbox-class-name').click();

但这无济于事。选择器正在工作（找到我的元素），但点击没有运气。我也试过了：

it('should test something if checkbox is checked', function (done) {
   myPage.navigate();
   $('.checkbox-class-name').click().then(function() {
     //expect something here
     done();   
   })
});

但它不起作用（它进入了“then”，但如果我暂停浏览器，我会看到复选框未选中）

我做错了什么？

编辑我的 HTML 代码：

<div ng-if="vm._getTermsAndConditionsFlag()">
   <input class="checkbox-class-name" id="checkbox-name"
          ng-model="vm.termsAndConditionsChecked" type="checkbox">
   <label for="checkbox-name" >I agree to the terms & conditions</label>
</div>

Answer 1

首先，检查这是否是唯一匹配选择器的元素，并且您实际上正在定位所需的复选框。另外，尝试移动到元素，然后单击：

var checkbox = $('.checkbox-class-name');
browser.actions().mouseMove(checkbox).click().perform();

或者，滚动到元素的视图：

browser.executeScript("arguments[0].scrollIntoView();", checkbox.getWebElement());
checkbox.click();

或者，通过 JavaScript 点击（尽管理解 implications）：

browser.executeScript("arguments[0].click();", checkbox.getWebElement());