使用css选择器获取兄弟网页元素

Question

如何获得对button的引用？这总是我正在寻找的文本的兄弟。

在量角器测试中：

let spanText = 'My text';
let spanRef = element(by.css('span[name=' + spanText + ']'));

HTML：

<div>
  <span name="My text">My text</span>
  <button type="button">
    Click me!
  </button>
</div>

Answer 1

您可以使用adjacent sibling selector (+)：

by.css('span[name=' + spanText + '] + button')

请注意，您可能希望为spanText加上引号，因为它包含空格。见valid identifiers

使用引号并使用template literal语法：

by.css(`span[name="${spanText}"] + button`)

Answer 2

也许可以帮到你：

Xpath ：

• // span [@ name ='我的文字'] / follow-sibling :: button
• // span [contains（text（），'My text'）] / following-sibling :: button
• // div [span [@ name ='我的文字']] /按钮

<强> CSS ：

• span [name ='我的文字'] +按钮