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

你必须在数组中找到一个元素，如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 4

来自文档： 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();

Answer 5

更好的解决方案：

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

Answer 6

现在做同样的事情更具可读性

it('test case', async () => {
  let repeaters = element.all(by.repeater('post in posts'));
  let titleElement = repeaters.get(0).element(by.className('title'));
  expect(await titleElement.getText()).toEqual('YourEnteredTitle');
});

量角器在转发器中找到元素

6 个答案: