是否可以在量角器中使用 cssContainingText 获得下一个兄弟姐妹

Question

是否可以通过使用 by.cssContainingText() 获得下一个兄弟

示例：HTML 代码如下：

<div ng-repeat="SomeNgRepeat" class="ng-scope">
    <div class="text-label" >SomeText</div>
    <div class="some-class">SomeValue</div>
</div>

使用以下方法获取元素：

element(by.cssContainingText('div.text-label','SomeText'))

现在找到上述元素的下一个兄弟元素。

我知道css=form input.username + input查找兄弟的方式。 但是，这在我的情况下不起作用！

我认为“链接”可以用来实现这一点，但不知道如何！

谢谢，萨克希

Answer 1

如果您可以使用by.xpath()一次性获得它会by.xpath() ：

element(by.xpath('//div[@class="text-label" and . = "SomeText"]/following-sibling::div'))

或者，您可以将其与cssContainingText()结合使用：

element(by.cssContainingText('div.text-label','SomeText')).element(by.xpath('following-sibling::div'))

Answer 2

您可以使用 node.nextSibling 选择器。 看看这篇文章

Answer 3

使用 Xpath 选择器并不是更好的选择，因为它会减慢元素查找机制。

我设计了一个插件来解决这个特定问题： protractor-css-booster

该插件提供了一些方便的定位器，以更好的方式找到兄弟姐妹，最重要的是使用 CSS 选择器。

使用这个插件，你可以直接使用：

var elem = await element(by.cssContainingText('div.text-label','SomeText')).nextSibling();

或者，使用 booster 作为副定位器

var elem = element(by.cssContainingText('div.text-label','SomeText')).element(by.followingSibling('div'));

希望，它会帮助你...