如何返回页面上的链接并点击它们

Question

我正在使用量角器编写一些e2e测试。页面链接可能会更改链接的名称和数量。我想让页面告诉我链接名称和链接数量，然后遍历每个链接并单击它。

的HTML如下：

<div class="ng-scope" ng-repeat="Transition in DirectTransitions"> 
<p class="ng-binding" ng-click="selectTransition(Transition)">Draft</p> 
</div> 
<div class="ng-scope" ng-repeat="Transition in DirectTransitions"> 
<p class="ng-binding" ng-click="selectTransition(Transition)">Approved</p> 
</div> 
<div class="ng-scope" ng-repeat="Transition in DirectTransitions"> 
<p class="ng-binding" ng-click="selectTransition(Transition)">Posted</p> 
</div> 

我可以在每个点击个别这样的：

it('should select Draft', function() { 
    element.all(by.repeater('Transition in DirectTransitions'));.filter(function(elem) { 
    return elem.getText().then(function(text) { 
     return text === 'Draft'; 
    }); 
    }).click(); 
    }); 

我目前做的，但如果文本更改或其他链接被添加/移除到页面。我必须回去再次重构，以添加/删除链接或更改我正在尝试避免的文本。

我能够得到这样的链接名称。

it('should get link names', function() { 
    element.all(by.repeater('<locator>')).map(function(item) { 
    return item.getText(); 
    }).then(function(labels) { 
    expect(labels).toEqual(['one', 'two', 'three']); 
    }); 
}); 

但一直未能弄清楚如何迭代每个链接并点击每个链接。

Answer 1

您可以each()每一个环节遍历：

var links = element.all(by.repeater('Transition in DirectTransitions')); 
links.each(function (link) { 
    link.click(); 
}); 
expect(links.getText()).toEqual(['one', 'two', 'three']); 

根据上点击发生什么事，你可能会得到“陈旧元素的引用”错误（见后续线程的意见与几个方式来处理这）。