1. Headless Browser Testing
with Ruby
by Justin Halsall (@juice10)
CTO of Betribes.com

2. Our process

3. Make user stories
write out all the different actions users can and
can’t do

4. Write out Acceptance tests
Using Rspec/Steak

5. Run the tests!
Doesn’t do much but its working!

6. Write out the first scenario
Do this before you actually create the feature

7. Run the tests!
And it fails! But we where expecting that...

8. Go ahead!
Create that
feature!
Yeah boi, its hammer
time!

9. Run it again and... no failures!
Yippy!

10. That wasn’t
too hard
Lets step it up

11. Write out the second scenario

12. Visit the page

13. Specify area with CSS expression

14. Click on the link

15. Make sure you end up where you expect

16. Run tests: Red, green, refactor
http://www.flickr.com/photos/tasuki/3503304405

17. Of course you can do more
eg. interacting with forms

18. Of course you can do more
eg. interacting with forms

19. Wow that was awesome!
Yeah I know right!

20. Whats the difference?

21. Its way faster!
http://www.flickr.com/photos/scallop_holden/2203771977

22. Headless Browser vs
Selenium
Speed speed speeeed! (our test suite
takes 30 minutes to complete on a fast
machine using a headless web browser)
Easier to set up the environment and
test edge cases.
Abstracted so easy to change out for
different browser in the future.

23. Tools
Ruby http://ruby-lang.org
Rspec http://rspec.info/
Capybara https://github.com/jnicklas/capybara
HtmlUnit http://htmlunit.sourceforge.net/
optio
nal
Akaphelos http://oinopa.com/akephalos/
optio
nal
Steak https://github.com/cavalle/steak
optio
nal
Ruby on Rails http://rubyonrails.com
optio
nal
Machinist https://github.com/notahat/machinist

24. Kthnx questions?
Me: Justin Halsall
Twitter: @juice10
E-mail: justin@betribes.com
Guess who’s looking for colleagues?
We are! .com