While most Ruby developers are very familiar with testing their code, front end and JavaScript testing is still a new frontier for many. This talk will show you how to easily write and run JavaScript integration tests with Capybara and Cucumber, and unit tests with Evergreen and Jasmine. The goal is to inspire you to get started with frontend testing, and point you in the right direction to go do it!

1. THE
FRONT END TESTING FRONTIER
CJ Kihlbom, Elabs – @cjkihlbom
Jonas Nicklas, Elabs – @jncoward

2. WE LOVE TESTING

3. WE LOVE TESTING
…RUBY CODE

4. FRONT END TESTING IS
NEGLECTED

5. FRONT END TESTING IS
HARD

6. INTEGRATION TESTING

7. CUCUMBER

8. STEAK

9. CAPYBARA

10. WEBRAT REPLACEMENT

11. DRIVER AGNOSTIC

12. DRIVER GOOD BAD
rack-test
Selenium
HTMLUnit
Celerity/Culerity/Akephalos
Envjs
Fast, simple No JavaScript
Real browser,
JavaScript & CSS
Slow, requires GUI
Headless, good
JavaScript support
Pretty slow
Headless, faster
than HTMLUnit
JavaScript and
CSS not 100%
DRIVER AGNOSTIC

13. @javascript

14. UNIT TESTING

15. EVERGREEN

16. JASMINE

17. OUT OF THE BOX
EXPERIENCE

18. TEMPLATES

19. STATIC
TEMPLATE
EVERGREEN
TEMPLATE
FRAGMENT

20. DEMO!

21. FRONT END TESTING IS
NOT HARD

22. RESOURCES
CJ Kihlbom, Elabs – @cjkihlbom
Jonas Nicklas, Elabs – @jncoward
http://github.com/elabs/front_end_testing
http://github.com/jnicklas/capybara
http://github.com/jnicklas/evergreen
http://github.com/pivotal/jasmine