javascript - 使用链接在 Protractor 中获取直接子元素

Question

我认为有一种方法可以链接定位器并让直接子级这样做。例如，假设我有以下 html 结构

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

我有一个父元素查找器

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');
  

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

• Using CSS selectors instead of XPath locators when searching through siblings