黄瓜 +水豚 + Selenium：选择文本

Question

我正在对文本编辑器进行更改，并且需要能够选择文本以使用 JavaScript 对其进行操作。 如何使用 Cucumber、Capybara 和 Selenium 选择文本？

Answer 1

我发现了另一个 stackoverflow 问题，讨论如何使用 JavaScript 选择文本。

您可以设置和/或更改用户在 JavaScript 中选择的文本？

我能够修改他们的脚本，以便能够在 Selenium IDE 的 getEval 调用中工作（如果您以不同的方式使用 Selenium，您可能需要修改它）。我还删除了与 Firefox 不相关的代码：

function selectElementContents(el,start,end) {
    var sel = window.getSelection();
    var range = window.document.createRange();
    range.setStart(el,start);
    range.setEnd(el,end);
    sel.removeAllRanges();
    sel.addRange(range);
}
selectElementContents(window.document.getElementById("container").firstChild,10,20)

这允许您在单个元素中选择一系列文本。 “Container”是包含文本的元素的 ID，10 和 20 是开始和结束字符的索引。

只需将其压缩为一行，将其添加到 Selenium getEval 语句中，它就会为您选择文本。

如果单个元素中的文本对您来说不够灵活，JavaScript 范围的文档应该为您提供所需的额外详细信息。

Answer 2

将 Josh 建议的方法绑定到 Capybara 辅助函数中（并为开始/结束元素中的部分选择添加可选位置参数）：

module TextSelection
  def select_text(startEl, endEl, startPos = 0, endPos = 0)
    js = <<-JS
      var sel = window.getSelection();
      var range = window.document.createRange();
      range.setStart(arguments[0],#{startPos});
      range.setEnd(arguments[1],#{endPos});
      sel.removeAllRanges();
      sel.addRange(range);
    JS

    page.execute_script(js, startEl.native, endEl.native)
  end
end

World(TextSelection)

然后，在您的测试中：

start_el = first('#first')
end_el = first('#last')
select_text(start_el, end_el)