blocks|key|134187|text|这应该适用于您的示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|134188|element.all(by.repeater('post+in+posts')).then(function(posts)+{
+++var+titleElement+=+posts[0].element(by.className('title'));
+++expect(titleElement.getText()).toEqual('YourEnteredTitle');
});|code-block|syntax|javascript|134189|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

this should work for your example:

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

blocks|key|134252|text|nilsK的回答帮助了我，但并不完全有效。下面的代码做到了这一点：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|134253|element.all(by.repeater('post+in+posts')).then(function(posts)+{
+++var+titleElement+=+posts[0].element(by.className('title'));
+++expect(titleElement.getText()).toEqual('YourEnteredTitle');
});|code-block|syntax|javascript|134254|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/users/2590375/nilsk^0|0|5|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

The answer from <a href="https://stackoverflow.com/users/2590375/nilsk">nilsK</a> helped me, but didn't work completely. The code below did the trick:

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

blocks|key|4640691|text|一个更好的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4640692|expect(+++++$$(by.repeater('post+in+posts')).get(0).$('.title').getText()+).toBe('Your+title');|offset|length|style|CODE|4640693|entityMap^0|0|0|2N|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

An even better solution:

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

blocks|key|4640753|text|你必须在数组中找到一个元素，就像这里解释的https://github.com/angular/protractor/issues/877|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4640754|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();|code-block|syntax|javascript|4640755|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/angular/protractor/issues/877^0|L|1C|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

you have to find a element inside a array as explained here <a href="https://github.com/angular/protractor/issues/877" rel="noreferrer">https://github.com/angular/protractor/issues/877</a>

<pre><code>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();
</code></pre>

blocks|key|4640772|text|来自文档：https://github.com/angular/protractor/blob/master/docs/locators.md|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4640773|var+clickable+=+element.all(by.repeater('post+in+posts')).first().all(by.tagName('td')).first();|code-block|syntax|javascript|4640774|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/angular/protractor/blob/master/docs/locators.md^0|5|1U|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

From the docs:
<a href="https://github.com/angular/protractor/blob/master/docs/locators.md" rel="nofollow">https://github.com/angular/protractor/blob/master/docs/locators.md</a>

<pre><code>var clickable = element.all(by.repeater('post in posts')).first().all(by.tagName('td')).first();
</code></pre>

blocks|key|4640818|text|如今做同样的事情更具可读性的方法是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4640819|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');
});|code-block|syntax|javascript|4640820|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

More readable way doing the same these days would be
<pre><code>it('test case', async () =&gt; {
 let repeaters = element.all(by.repeater('post in posts'));
 let titleElement = repeaters.get(0).element(by.className('title'));
 expect(await titleElement.getText()).toEqual('YourEnteredTitle');
});
</code></pre>

Below is my markup

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

I'm trying to get the element with the <code>title</code> class.

The code I use to access the repeater is:

<pre><code>postsList = element.all(by.repeater('post in posts'));
</code></pre>

Is there a way to get the element by doing something like the following in jQuery:

<pre><code>var titleText = $("tr:first").find(".title").text();
</code></pre>

Is there a way of doing something similar to this with protractor?

Protractor find element inside a repeater

jQuery

下面是我的标记<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(po...

问量角器在中继器内查找元素
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问量角器在中继器内查找元素EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问量角器在中继器内查找元素
EN