Watir 屏幕截图 - select 选项未捕获

Question

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

为 select 列表设置属性大小的主要想法。此方法将改变页面的外观，但据我所知，这是在屏幕截图上查看选项的唯一方法。

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 屏幕截图 - select 选项未捕获

Watir screenshot - select options not captured

ruby

webpage-screenshot

watir-webdriver