angularjs - Protractor 过滤器，如何在过滤的元素中查找元素

Question

下面是我拥有的一些缩短的 HTML，以及一些 Protractor 代码的尝试。

我想做的是点击 i 元素。我希望能够根据同级元素中的 ID 进行点击。

下面的代码不起作用。我也试过在过滤器内部做一个过滤器，但我尝试的一切都会导致错误。有人可以帮忙吗？我在这次尝试中遇到的错误是“无法读取未定义的属性元素。

有人可以帮忙吗？到目前为止已经花了很多时间在这上面!

谢谢。

element.all(by.repeater('data in ctrl.data')).filter(function(elem){
    return elem.element(by.css('div.case-info span')).getText() == id
}).then(function(filteredElements){
    filteredElements.first().element(by.css('i.fa')).click();
});




<div ng-repeater="data in ctrl.data">
    <div class="case-info">
        <span>AN ID HERE</span>
        <div>Other stuff here thats not really relevant</div>
    </div>
    <i class="fa fa-red"></i>
</div>

Answer 1

在上述两个答案的帮助下，这最终对我有用...

element.all(by.repeater('data in ctrl.data')).filter(function(elem){
    return elem.element(by.css('div.case-info span')).getText().then(function(text){
        return text === id;
    });
}).first().element(by.css('i.fa')).click();

感谢您的帮助。