The other day I wanted to add support for tests of javascript functionality in a (dockerized) rails application using rspec-rails.
Since rails 5.1 includes system tests with niceties like automatically taking a screenshot on failed tests, I hoped for a way to benefit from this
features without changing to another test framework. Lucky me only recently the authors of rspec-rails added support for so-called system specs. There is not much documentation so far (but there are a lot of useful information in the corresponding bug report
#1838 and a friendly guy named Thomas Walpole (
@twalpole) is helpfully answering to questions in that issue.
To make things a little bit more complicated: the application in question is usually running in a docker container and thus the tests of the application are also run in a docker container. I didn t want to change this, so here is what it took me to get this running.
Overview
Let s see what we want to achieve exactly: From a technical point of view, we will have the application under test (AUT) and the tests in one container (let s call it: web) and we will need another container running a javascript-capable browser (let s call it browser).
Thus we need the tests to drive a remote running browser (at least when running in a docker environment) which needs to access the application under a different address than usually. Namely an address reachable by the
chrome-container, since it will not be reachable via
127.0.0.1 as is (rightfully) assumed by default.
If we want Warden authentication stubbing to work (as we do, since our application uses Devise) and transactional fixtures as well (e.g. rails handling database cleanup between tests without database_cleaner gem) we also need to ensure that the application server is being started by the tests and the tests are actually run against that server. Otherwise we might run into problems.
Getting the containers ready
Assuming you already have a container setup (and are using docker-compose like we do) there is not that much to change on the docker front. Basically you need to add a new service called
chrome and point it to an appropriate image and add a link to it in your existing
web-container.
I ve decided to use standalone-chrome for the browser part, for which there are docker images provided by the selenium project (they also have images for other browsers). Kudos for that.
...
services:
chrome:
image: selenium/standalone-chrome
web:
links:
- chrome
The link ensures that the chrome instance is available before we run the tests and that the the
web-container is able to resolve the name of this container. Unfortunately this is not true for the other way round, so we need some magic in our test code to find out the ip-address of the
web-container. More to this later.
Other than that, you probably want to configure a volume for you to be able to access the screenshots, which get saved to
tmp/screenshots
in the application directory.
Preparing the application for running system tests
There is a bit more to do on the application side. The steps are roughly:
- Add necessary depends / version constraints
- Register a driver for the remote chrome
- Configure capybara to use the appropriate host for your tests (and your configured driver)
- Add actual tests with
type: :system and js: true
Let s walk them through.
Add necessary depends
What we need is the following:
- rspec-rails version >= 3.7.1
- rails itself > 5.1.4 (unreleased at time of writing)
- capybara and capybara-selenium
The required features are already part of 3.7.0, but this version is the version I used and it contains a bugfix, which may or may not be relevant.
One comment about the rails version: for the tests to properly work it s viable to have puma use certain settings. In rails 5.1.4 (the version released, at time of writing this) uses the settings from
config/puma.rb which most likely collides with the necessary
settings. You can ensure these settings yourself or use rails from branch
5-1-stable which includes
this change. I decided for the latter and pinned my
Gemfile to the then current commit.
Register a driver for the remote chrome
To register the required driver, you ll have to add some lines to your
rails_helper.rb:
if ENV['DOCKER']
selenium_url =
"http://chrome:4444/wd/hub"
Capybara.register_driver :selenium_remote do app
Capybara::Selenium::Driver.new(app,
:url => selenium_url, :browser => :remote, desired_capabilities: :chrome )
end
end
Note that I added those lines conditionally (since I still want to be able to use a local chrome via chromedriver) if an environment variable
DOCKER is set.
We defined that environment variable in our
Dockerfile and thus you might need to adapt this to your case.
Also note that the selenium_url is hard-coded. You could very well take a different approach, e.g. using an externally specified SELENIUM_URL, but ultimately the requirement is that the driver needs to know that the chrome instance is running on host
chrome, port 4444 (the containers default).
Configure capybara to use the appropriate host and driver
The next step is to ensure that javascript-requiring system tests are actually run with the given driver and use the right host. To achieve that we need to add a before-hook to the corresponding tests or we can configure rspec accordingly to always include such a hook by modifying the rspec-configuration in
rails_helper.rb like this:
RSpec.configure do config
...
config.before(:each, type: :system, js: true) do
if ENV['DOCKER']
driven_by :selenium_remote
ip = Socket.ip_address_list.detect addr addr.ipv4_private? .ip_address
host! "http://# ip :# Capybara.server_port "
else
driven_by :headless_chrome
end
end
Note the part with the ip-address: it tries to find an IPv4 private address for the
web-container (the container running the tests) to ensure the
chrome-container uses this address to access the application. The
Capybara.server_port is important here, since it will
correspond to the puma instance launched by the tests.
That heuristic (first ipv4 private address) works for us at the moment, but it might not work for you. It is basically a workaround to the fact that I couldn t get
web resolvable for the chrome container which may be fixable on the docker side, but I was to lazy to further investigate that.
If you change it: Just make sure the
host! method uses an URI pointing to an address of the
web-container that is reachable to the
chrome-container.
Define tests with
type: :system and
js: true
Last but certainly not least, you need actual tests of the required type and with or without
js: true. This can be achieved by creating tests files starting like this:
RSpec.feature "Foobar", type: :system, js: true do
Since the new rspec-style system tests are based around the feature-specs which used to be around previously, the rest of the tests is exactly like it is
described for feature specs.
Run the tests
To run the tests a commandline like the following should do:
docker-compose run web rspec
It won t make a big noise about running the tests against chrome, unless something fails. In that case you ll see a message telling you where the screenshot has been placed.
Troubleshooting
Below I add some hints about problems I ve seen during configuring that:
Test failing, screenshot shows login screen
In that case puma might be configured wrongly or you are not using transactional fixtures. See the hints above about the rails version to use which also includes some pointers to helpful explanations.
Note that rspec-rails by default does not output the puma startup output as it clutters the tests. For debugging purposes it might be helpful to change that by adding the following line to your tests:
ActionDispatch::SystemTesting::Server.silence_puma = false
Error message: Unable to find chromedriver
This indicates that your driver is not configured properly, because the default for system tests is to be
driven_by selenium, which tries to spawn an own chrome instance and is suitable for non-dockerized tests.
Check if your tests are marked as js: true (if you followed the instructions above) and that you properly added the before-hook to your rspec-configuration.
Collisions with VCR
If you happen to have tests that make use of the
vcr gem you might see it complaining about not knowing what to do with the requests between the driver and the chrome instance. You can fix this, by telling VCR to ignore that requests, by adding a line where you configured VCR:
VCR.configure do config
# required so we don't collide with capybara tests
config.ignore_hosts 'chrome'
...
We're streaming live from Tr ndisk 2017, first round of the Norwegian
ultimate frisbee series, today from 0945 CET and throughout the day/weekend.
It's an interesting first for Nageru in that it's sports, where everything
happens much faster and there are more demands for overlay graphics (I've
made a bunch of CasparCG templates). I had hoped to get to use Narabu in
this, but as the (unfinished) post series indicates, I simply had to
prioritize other things. There's plenty of new things for us anyway, not the
least that I'll be playing and not operating. :-)
Feel free to tune in to the live
stream, although we don't have international stream reflectors.
It's a fun sport with many nice properties. :-)
There will be YouTube not too long after the day is over, too.
Edit: All games from Saturday and Sunday are now online;
see this YouTube list.
Most commentary is in Norwegian, although some games are in English.
I was happy everything worked well, and the production crew did a great
job (I was busy playing), but of course there's tons of small things
we want to improve for next time.
Debian bug 
For the past few years I've hosted a service for spam-testing blog/forum comments, and I think it is on the verge of being retired.
The 
Halloween is here, time to upload a new set of scary packages of TeX Live. About a month has passed, so there is the usual big stream up updates. There was actually an intermediate release to get out some urgent fixes, but I never reported the news here. So here are the accumulated changes and updates.
My favorite this time is 
I expect the relative distribution of the remaining 3000 movies to
be similar.
If you want to help, and want to ensure Wikipedia can be used to
cross reference The Internet Archive and The Internet Movie Database,
please make sure entries like this are listed under the "External
links" heading on the Wikipedia article for the movie:
Here s my weekly report for week 42 of 2017. In this week I have 
Wishing all Debian people a prosperous and auspicious Gujarati new year (V.S. 2074 called Saumya.)
This year fireworks became legal for the first time in New Jersey. Not that it ever stopped us before but it is nice to see the government stop meddling for no reason. (
Although you can only see sparklers in the picture above, we got enough armament to make 
Like