1

We use watir scripts to test our website. When testing pages with select tags, we have watir click the select element and can see the options display in the browser. When we take a screenshot, the output does not match what we see in the browser - the options are missing, instead the select box is highlighted.

What can we do to make the option elements visible in the screenshot?

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'
Dave Richardson
  • 23
  • 1
  • 7
  • Watir only calls the Selenium-Webdriver API for taking screenshots. As far as I know, there is no way to do this with just Webdriver (eg [see this other question](http://stackoverflow.com/q/33818853/1200545)). You will need to use another library for taking the screenshot (or just capture the HTML). – Justin Ko Feb 19 '16 at 14:01
  • Thanks Justin, we'll look for alternative ways of dealing with this. – Dave Richardson Feb 22 '16 at 09:51

1 Answers1

1

The main idea to set attribute size for your select list. This method will change appearance of the page but as far as I know it is the only way to see options on the screenshot. 

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'`
Antesser
  • 669
  • 4
  • 5