javascript - 使用 Protractor 单击复选框

标签 javascript jquery angularjs protractor

没有唯一的型号、ID、标签名称。我该如何检查/单击复选框?

html/代码是:

<div ng-repeat="column in $parent.columns.standardMetrics" class="ng-scope">
      <label class="ng-binding">
        <input type="checkbox" ng-model="column.visible" name="" class="ng-pristine ng-valid">
        uCPM
      </label>
    </div>

</div><div ng-repeat="column in $parent.columns.standardMetrics" class="ng-scope">
      <label class="ng-binding">
        <input type="checkbox" ng-model="column.visible" name="" class="ng-pristine ng-valid">
        CPM
      </label>
    </div>

除了名称旁边的标签之外,大约有 15 个具有相同名称的内容。我到处搜索,看看 Protractor 是否允许您通过标签查找元素。

我的尝试是通过 by.buttonText、by.partialButtonText、by.css 和 by.binding 进行查找。我在这方面没有运气。

我的目的是传递一个标签名称,我可以切换特定的复选框。 所以它就像 element(by.css(header)).click(); 其中 header 是传入的内容。

最佳答案

我强烈建议使用 ids。使用指令将 id 添加到每个复选框,然后您可以像这样:

element(by.css('input[myid="checkbox_x"]')); // where x is defined in a loop

关于javascript - 使用 Protractor 单击复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28753312/

相关文章:

angularjs - 在 AngularJS 中,如何查看模板中的错误,例如调用未定义的方法?

php - 根据另一个下拉列表中的所选值限制日期

javascript - 使用 JQuery 将文本节点转换为 HTML 元素

jquery - iPad 上的 JQuery 出现 Ajax 错误

jquery - [css选择器]如何在strong标签中选择dd标签后的元素

javascript - 固定标题和 Bootstrap Affix/Scrollspy 问题 - 未跳转到正确位置

angularjs - 使用 ng-options 和数组作为值进行选择

javascript - 如何在 angularjs 中使用 ng-repeat 以表格格式引入嵌套的项目数组?

javascript - jQuery通过间隔、超时实现自动 slider

javascript - 将变量传递给 ng-transclude