如何向非标准输入元素输入文本

Question

我面临着一个span用于文本输入的元素而不是一个input框，并且我正在努力使用 Watir (Ruby) 来输入文本。没有set方法，有一种text方法可以很好地返回文本，但我似乎无法以这种方式设置文本。

我也尝试过使用span.selectand span.focusthenbrowser.send_keys但该字段中没有输入任何内容。

<div class="UFIAddCommentInput _1osb _5yk1">
  <div class="_5yk2" tabindex="-2">
    <div class="_5rp7">
      <div class="_1p1t">
        <div class="_1p1v">
          Write a reply...
        </div>
      </div>
      <div class="_5rpb">
        <div aria-autocomplete="list" aria-expanded="false" aria-haspopup="false" aria-owns="js_3i" class="_5rpu" contenteditable="true" data-testid="ufi_reply_composer" role="combobox" spellcheck="true" title="Write a reply..." id="js_3j">
          <div data-contents="true">
            <div data-block="true" data-offset-key="8c176-0-0" class="_45m_ _2vxa">
              <span data-offset-key="8c176-0-0">
                <br data-text="true">
                </br>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

接下来我可以尝试什么？有没有办法阻止前端设计师使用非标准元素？

Answer 1

您可以使用 JavaScript 来执行此操作。对我来说，困难在于处理嵌套的引号。

在能够针对嵌套字符串执行此操作之前，我必须首先弄清楚两点知识：

a.) 关于 javascript 如何处理嵌套引号：http://www.w3schools.com/js/js_strings.asp

b.) 如何处理 ruby​​ 中的嵌套引号：Escapeing single and double qoutes from a string in ruby ​​（该%Q运算符允许您设置任何您想要的字符串开头和结尾）

css_selector = "span[data-offset-key='8c176-0-0']"
b.execute_script(%Q|query="#{css_selector}"|)
b.execute_script("document.querySelector(query).innerHTML='that was tricky'")

看起来使用这样的过程注入 JavaScript 的能力使您能够做任何 Watir 无法做的事情。好问题，这对我来说也是一次学习经历