The document discusses unit testing frontend applications built with Backbone.js. It recommends testing business logic, public APIs, models, collections, controllers, shared functionality like mixins and base classes, and views. It provides examples of using the Karma test runner with Require.js, Jasmine or Mocha/Chai for writing asynchronous tests and the Sinon.js library for mocking XHR requests and stubbing methods. Specific Backbone.js components like Models, Collections, a custom Controller class, and Views are listed as subjects to test.

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