使用watir提交文本字段

Question

我正在尝试使用watir以编程方式将文本提交到文本字段中。 我正在使用Stack Overflow作为脚本的测试站点。

我能够引用搜索字段（ name='q' ），但是Submit按钮没有id或name属性。 那么，您如何以编程方式引用“提交”按钮并单击它呢？

这是我到目前为止的代码：

require 'watir'
require 'pry'

browser = Watir::Browser.new :chrome, headless: true

browser.goto 'https://www.stackoverflow.com'
browser.text_field(:name, "q").set('user:963076') #the search bar name='q'
browser.button(#how do I reference the submit button?, '').click
browser.screenshot.save 'screenafter.png' #the screenshot is so that I know what happened after clicking

browser.close
browser.quit

这个问题的直接答案是好的，但是对于如何独自找到此类问题的解决方案的解释会更好，并且非常感谢。

Answer 1

您必须点击此按钮

<button type="submit" aria-label="Search..." class="s-btn s-btn__primary btn-topbar-primary js-search-submit"><svg aria-hidden="true" class="svg-icon mx0 iconSearch" width="18" height="18" viewBox="0 0 18 18"><path d="M12.86 11.32L18 16.5 16.5 18l-5.18-5.14v-.35a7 7 0 1 1 1.19-1.19h.35zM7 12A5 5 0 1 0 7 2a5 5 0 0 0 0 10z"></path></svg></button>

该按钮具有type属性，其值是submit因此我们可以使用它来找到该按钮，这是代码

browser.goto 'https://www.stackoverflow.com'
browser.text_field(name: "q").set('user:963076')
browser.button(type: 'submit').click