使用链接在量角器中获取直接子元素

Question

我认为有一种方法可以将定位器连接起来并让直接的孩子这样做.例如,假设我有以下html结构

<tab title="my tab">
    <div _ngcontent-cjx-7>
        <div class='my other content'>...</div
    </div>
</tab>

我有一个父元素ElementFinder

var myTab = element(by.css('tab[title="my tab"]')); 

但我需要选择那个div.这对我不起作用,但我以为我见过类似的东西.

var myTabsDiv = myTab.$(' > div');

有没有办法做到这一点,而不回退到xpath？

Answer 1

有没有办法来指代当前节点的CSS选择器一般.

你有三个选择:

• 稍微违反DRY原则并重复父定位器:

  var myTabsDiv = myTab.$('tab[title="my tab"] > div');
  

• 或恢复到XPath定位技术:

  var myTabsDiv = myTab.element(by.xpath('./div'));
  

• 或者,这是Protractor特定的:获取locator()父元素并连接以创建一个新的CSS选择器:

  var myTabsDiv = myTab.$(myTab.locator().value + ' > div');
  

我最近遇到了类似的问题:

• 在搜索兄弟姐妹时使用CSS选择器而不是XPath定位器