量角器找到一个中继

Question

内元素下面是我的标记

<tr ng-repeat="post in posts"> 
    <td ng-click="activePost(post)" class="title">{{post.title}}</td> 
    <td><button class="btn btn-danger" ng-click="delete(post)">Delete</button> 
    </td> 
</tr> 

我试图获得与title类的元素。

我用来访问中继器的代码是：

postsList = element.all(by.repeater('post in posts')); 

有没有办法通过做一些像jQuery的下面，以获得元素：

var titleText = $("tr:first").find(".title").text(); 

有没有一种方式用量角器做类似的事情？

Answer 1

这应该为你工作，例如：

element.all(by.repeater('post in posts')).then(function(posts) { 
    var titleElement = posts[0].element(by.className('title')); 
    expect(titleElement.getText()).toEqual('YourEnteredTitle'); 
}); 

Answer 2

从nilsK答案帮我，但并没有完全工作。下面的代码的伎俩：

element.all(by.repeater('post in posts')).then(function(posts) { 
    var titleElement = posts[0].element(by.className('title')); 
    expect(titleElement.getText()).toEqual('YourEnteredTitle'); 
}); 

Answer 3

一个更好的解决方案：

expect( $$(by.repeater('post in posts')).get(0).$('.title').getText() ).toBe('Your title');

Answer 4

你必须找到一个阵列内的元素作为解释这里https://github.com/angular/protractor/issues/877

var items = element.all(by.repeater('userGroup in userGroups')).filter(function(item) { 
    return item.element(by.binding('userGroup.name')).getText().then(function(label) { 
      return label === 'MyGroupName'; 
    }); 
    }); 
items.get(0).element(by.css('.buttongochose')).click(); 

Answer 5

从文档： https://github.com/angular/protractor/blob/master/docs/locators.md

var clickable = element.all(by.repeater('post in posts')).first().all(by.tagName('td')).first();