Question

我们使用watir脚本来测试我们的网站。使用select标签测试页面时，我们有watir单击select元素，可以看到浏览器中显示的选项。当我们截取屏幕截图时，输出与我们在浏览器中看到的不匹配 - 缺少选项，而是突出显示选择框。

我们可以做些什么来使截图中的选项元素可见？

test_select.html

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <select id="testme">
            <option>one</option>
            <option>two</option>
            <option>three</option>                        
        </select>
    </body>
</html>

test_select.rb：

require 'watir-webdriver'
b = Watir::Browser.new
b.goto 'file://'+Dir.pwd+'/test_select.html'

b.element(:css => 'select#testme').click
b.screenshot.save 'clicked_select.png'

Answer 1

为选择列表设置属性大小的主要思路。此方法将更改页面的外观，但据我所知，它是查看屏幕截图选项的唯一方法。

require 'watir-webdriver'
b = Watir::Browser.new
b.goto 'file://'+Dir.pwd+'/test_select.html'
options = b.elements(xpath: "//*[@id='testme']/option")
select_list = b.element(css: 'select#testme')
size = options.length
script = "return arguments[0].size = #{size}"
b.execute_script(script, select_list)
b.screenshot.save 'clicked_select.png'`

Watir屏幕截图 - 选择未捕获的选项

1 个答案: