Eric Bidelman has documented some of the common workflows possible with headless Chrome over in https://developers.google.com/web/updates/2017/04/headless-chrome.
If you're looking at this in 2016 and beyond, I strongly recommend investigating real headless Chrome: https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md
Windows and Mac users might find using Justin Ribeiro's Docker setup useful here while full support for these platforms is being worked out.
| shared_examples_for "driver with javascript support" do | |
| before { @driver.visit('/with_js') } | |
| describe '#find' do | |
| it "should find dynamically changed nodes" do | |
| @driver.find('//p').first.text.should == 'I changed it' | |
| end | |
| end | |
| describe '#drag_to' do |
| #Model | |
| @user.should have(1).error_on(:username) # Checks whether there is an error in username | |
| @user.errors[:username].should include("can't be blank") # check for the error message | |
| #Rendering | |
| response.should render_template(:index) | |
| #Redirecting | |
| response.should redirect_to(movies_path) |
| // Lefalet shortcuts for common tile providers - is it worth adding such 1.5kb to Leaflet core? | |
| L.TileLayer.Common = L.TileLayer.extend({ | |
| initialize: function (options) { | |
| L.TileLayer.prototype.initialize.call(this, this.url, options); | |
| } | |
| }); | |
| (function () { | |
| # Let's assume you're driving Capybara in both RSpec request specs & Cucumber, | |
| # for example you're using Cucumber as a design/documentation tool, and RSpec | |
| # for the more boring integration tests. | |
| # You don't want to duplicate your click-this-click-that helpers to e.g. | |
| # log_in(username, password). | |
| # You may also have model state setup code which can be shared/reused. | |
| # Where can it go? How can it be loaded? I've been using the following approach: | |
| # |
| source "http://rubygems.org" | |
| gem 'sprockets', :git => 'git://github.com/sstephenson/sprockets.git' | |
| gem 'coffee-script' | |
| gem 'sass' | |
| gem 'rack-test' | |
| gem 'sinatra' |
| # | |
| # Wide-open CORS config for nginx | |
| # | |
| location / { | |
| if ($request_method = 'OPTIONS') { | |
| add_header 'Access-Control-Allow-Origin' '*'; | |
| # |
| # We need this to fix the random timeout error that we were seeing in CI. | |
| # May be related to: http://code.google.com/p/selenium/issues/detail?id=1439 | |
| Capybara.register_driver :selenium_with_long_timeout do |app| | |
| client = Selenium::WebDriver::Remote::Http::Default.new | |
| client.timeout = 120 | |
| Capybara::Driver::Selenium.new(app, :browser => :firefox, :http_client => client) | |
| end | |
| Capybara.javascript_driver = :selenium_with_long_timeout |
