鉴于我有以下HTML代码。
<div class="someGenericClass">
<input name="someGenericName">
<label>not important</label>
</div>
<div class="someGenericClass">
<input name="someGenericName">
<label>not important</label>
</div>
<div class="someGenericClass">
<input name="someGenericName">
<label>Text I need to find in my test</label>
</div>
在这种情况下,我如何找到标签文本?我试着找到第一个元素,然后找到下一个元素,但我缺少了一些东西。
element(by.name('someGenericName')).element(by.xpath('following::label'));
我也试过了
element(by.name('someGenericName')).element(by.xpath('following-sibling::label'));
EDIT: 这个类不是唯一的. 它在DOM中被多次使用。
如果DOM会发生变化会怎样?element.all
那似乎是个坏主意,对吗?
element.all应该可以正常工作
HTML View
<div id='id1' class="parent">
<ul>
<li class="foo">1a</li>
<li class="baz">1b</li>
</ul>
</div>
<div id='id2' class="parent">
<ul>
<li class="foo">2a</li>
<li class="bar">2b</li>
</ul>
</div>
Code
let foo = element.all(by.css('.parent')).all(by.css('.foo'));
expect(foo.getText()).toEqual(['1a', '2a']);
let baz = element.all(by.css('.parent')).all(by.css('.baz'));
expect(baz.getText()).toEqual(['1b']);
let nonexistent = element.all(by.css('.parent'))
.all(by.css('.NONEXISTENT'));
expect(nonexistent.getText()).toEqual(['']);
// Or using the shortcut $$() notation instead of element.all(by.css()):
let foo = $$('.parent').$$('.foo');
expect(foo.getText()).toEqual(['1a', '2a']);
let baz = $$('.parent').$$('.baz');
expect(baz.getText()).toEqual(['1b']);
let nonexistent = $$('.parent').$$('.NONEXISTENT');
expect(nonexistent.getText()).toEqual(['']);
element.all返回一个promise数组,你可以通过迭代数组和链子来寻找输入标签后面的标签。