javascript - Protractor 通过 ng-click 迭代

Question

我有如下代码

<div class="btn btn-success form-control ng-binding" ng-click="test(uid)">
                First
            </div>
    <div class="btn btn-success form-control ng-binding" ng-click="test(uid)">
                Second
            </div>
<div class="btn btn-success form-control ng-binding" ng-click="test(uid)">
                Third
            </div>

我如何基于 ng-click 迭代元素以检查 Protractor 中的特定文本值(第一个或第二个或第三个)？我尝试了以下但我得到 uids.length 未定义。这里有什么问题？

var uids = element.all(by.css('[ng-click="test(uid)"]'));
for(var i=0;i<uids.length;i++)
console.log(uids.get(i).getText());

Answer 1

问题是element.all()返回一个 ElementArrayFinder 而不是一个简单的数组。如果您查看链接的文档，您会看到一些函数可以让您轻松地与该数据结构进行交互。我相信你想使用 each()像这样的功能:

element.all(by.css('[ng-click="test(uid)"]')).each(function(element, index) {
  element.getText().then(function (text) {
    console.log(text);
  });
});

还值得注意的是 getText()函数，就像 Protractor 中的几乎所有函数一样，返回一个 promise ，因此需要先解析，然后才能访问您真正想要的值。