量角器 - 用“邻居”查找元素

Question

我目前正在使用量角器和 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();

但问题是有许多复选框元素，它们之间的唯一区别是“a”行与更改的文本（在此示例中为测试）。

我的问题是：我该如何指定。 我想单击复选框“a”行中的文本是“Test”？

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