Topics in intermediate/early-advaned Jasmine testing for client-side JavaScript web applications. Source code, test specs, and harnesses available here: https://github.com/jbellsey/dbc-jasmine

1. Advanced Testing
With Jasmine
Jeff Bellsey
jbellsey@gmail.com
http://futureground.net
https://github.com/
jbellsey/dbc-jasmine

2. 1 SPIES

3. SPIES
Objectives
Isolation
Control
Prevent method under observation
from invoking helpers (expensive,
side-effect-prone)
Ensure those helpers are actually
being called properly
Tracking
Replace operations with simulations
to test how our method responds

4. SPIES

5. SPIES

6. Useful spy methods
SPIES

7. 2 TIMERS

8. TIMERS

9. TIMERS

10. TIMERS
What about
requestAnimationFrame?
Velocity.js $.Velocity.mock = true;
Greensock TimelineLite.timeScale()
Some testing support is best
provided outside of Jasmine

11. 2 AJAX
Bonus!

12. AJAX
Most of the time…
YOU DON’T.
Angular.js => angular-mocks
jQuery => mockJax
Backbone => backbone-faux-server
Use library mocks
Integration tests Karma
Selenium
PhantomJS
But once in a while…

13. AJAX

14. AJAX

15. 3 DOM

16. DOM
Jasmine-jQuery plugin

17. DOM
Jasmine-jQuery plugin
Has tons of great matchers

18. 4 CUSTOM MATCHERS

19. CUSTOM MATCHERS

20. CUSTOM MATCHERS

21. Jeff Bellsey
jbellsey@gmail.com
http://futureground.net
https://github.com/jbellsey/dbc-jasmine