Emulate devices with headless_chrome

Question

I'm trying to emulate different devices when running my specs, with no results for now.

#spec_helper

require 'rspec'
require 'capybara'
require 'capybara/rspec'
require 'selenium/webdriver'

Capybara.register_driver :headless_chrome do |app|
 Capybara::Selenium::Driver.load_selenium
 browser_options = ::Selenium::WebDriver::Chrome::Options.new
 browser_options.args << '--headless'

 mobile_emulation = { "deviceName" => "iPhone 8" }
 capabilities = Selenium::WebDriver::Remote::Capabilities.chrome(
   "chromeOptions" => { "mobileEmulation" => mobile_emulation }
 )

 Capybara::Selenium::Driver.new(app, browser: :chrome, options: browser_options, desired_capabilities: capabilities)
end

Should I include the mobile_emulation part in the Options instead of Capabilities?

score 2 · Accepted Answer · answered Jul 19 '18 at 16:11

2

chromeOptions is no longer a valid key (it was replaced with goog:chromeOptions) but since you're already using the ::Selenium::WebDriver::Chrome::Options class you should just use the add_emulation method - https://www.rubydoc.info/gems/selenium-webdriver/Selenium/WebDriver/Chrome/Options#add_emulation-instance_method -on that.

browser_options = ::Selenium::WebDriver::Chrome::Options.new
browser_options.args << '--headless'
browser_options.add_emulation(device_name: 'iPhone 8')

Capybara::Selenium::Driver.new(app, browser: :chrome, options: browser_options)

answered Jul 19 '18 at 16:11

Thomas Walpole

48,548
5
64
78

Thanks! What if I change to `goog:chromeOptions`? – fabdurso Jul 20 '18 at 08:17
1

@fabersky It will probably work currently, but swapping to using the Options class is the preferred method and will future-proof your code – Thomas Walpole Jul 20 '18 at 08:20
But which would be the appropriate method in that case? – fabdurso Jul 20 '18 at 10:18

Emulate devices with headless_chrome

1 Answers1