使用父元素的表亲节点从父元素中选择子元素

Question

我正在使用TestCafe选择器来选择元素。这是一个复杂的Custin Child嵌套场景。

下面是HTML以了解我上面提到的内容：

在图片中，我提到了1和2，它们是父元素（具有相同的DOM)，有一个grand grand child路径，而另一棵树中相同父元素的grand grand child是。我需要路径的节点，但需要链接，因为所有父节点都有相同的DOM。

Answer 1

TestCafe API足够聪明，可以处理您的情况：

const JohnSelector = Selector('div.person-identity')
  .find('span.person-name')
  .withExactText('John');

const pathSelector = JohnSelector
  .parent('div.projects-project-role')
  .prevSibling('div.projects-project-role')
  .find('button svg path')
  .nth(1);

console.log(`${await JohnSelector.innerText}`);
console.log(`${await pathSelector.getAttribute("d")}`);