javascript - Protractor - 查找具有 "neighbour"的元素

Question

我目前正在使用 Protractor 和 phantomjs 创建测试。

我要做的很简单，这是我的 html 代码，其中包含我要单击的元素。

<tr class="moo" role="foo">
    <td class="bar">
        <input class="toto" value="42" type="checkbox"></input>
    </td>
    <td class="titi">
        <a href="/path/to/something">Test</a>
    </td>
</tr>

这里我需要点击复选框元素，实际上很容易:element(by.xpath("//input[@type='checkbox']")).click();

但问题是有很多复选框元素，它们之间的唯一区别是带有更改的文本(本例中为 Test)的“a”行。

我的问题是:我如何指定它。我想单击“a”行中文本为“测试”的复选框？

Answer 1

使用 CSS 选择器查找行，然后查找单元格:

element(by.cssContainingText('tr[role="foo"]', 'Test'))
  .element(by.css('input'))
  .click();

或者使用 XPath 通过一次调用查找单元格:

element(by.xpath('//tr[td/a/text()="Test"]//input'))
  .click();