How to write unittests, launch multiple browsers and mock data

1. Артем Тритяк
Unittesting frontend
applications at
Backbone.js example

2. Why?
❖ Regressions testing is too long!
❖ Short sprints issues!
❖ Dangerous refactoring!
❖ Test API usability!
❖ Отличная отмаза: «Что делаете? Пишем тесты!»

3. What test?
Business logic Public API

4. What test?
Business logic Public API
Model!
(Service)
Collection Controller

5. What test?
Shared functionality
Mixins
Base!
views, controllers, models
Helpers

6. Clean your karma

7. Karma Test Runner

8. Karma Test Runner

9. Karma Test Runner

10. Karma Test Runner

11. Runners: Grunt

12. Runners: Gulp

13. Istanbul: Code Coverage

14. Istanbul Karma Gulp

15. Istanbul: Code Coverage

16. Karma + Require.js

17. Karma + Require.js

18. Jasmine 2.0 / Mocha+Chai

19. beforeEach / afterEach

20. Async tests

21. Sinon.js: Mock XHR

22. Sinon.js: Stub methods

23. Sinon.js: Fake and Test
❖ Fake timers: sinon.useFakeTimers();!
❖ Check calls: spy, .calledWith(…), .callCount() etc;!
❖ Have fun

25. Backbone.Model

26. Backbone.Collection

27. Backbone.Collection

28. Backbone.Controller

29. Backbone.Controller? WTF?
❖ https://github.com/artyomtrityak/backbone.controller!
❖ Backbone.Marionette controller!
❖ Backbone.Chaplin controller

30. Backbone.View
No tests