Download to read offline
Uploaded byAdetunji Sunmonu
Test driven angularjs development
This document discusses AngularJS, including why it is useful, how to structure code for efficiency, and tools for testing AngularJS applications. It recommends organizing code into modules, with controllers to set initial scope and add behavior, views to display data, and services to share code across the application. Services should be tested using mocks and stubs. Promises help avoid callback hell and make asynchronous code more readable. Testing tools include Jasmine for units tests, Protractor for end-to-end tests, Karma as a test runner, and Mocha/Chai/Sinon for additional assertions.
Test driven angularjs development
- 1. ANGULARJS Adetunji Sunmonu T es t D r i v e n D e v e l o p m e n t
- 2. Any application thatcan be written in JavaScript, will eventually be written in JavaScript. 2 Jeff Atwood
- 3.
- 4. EMBEDDABLE AngularJS works greatwith other technologies 4
- 5.
- 6.
- 7. DEPENDENCY INJECTION Getting things towork effectively together 7
- 8. DATA BINDING Automatic synchronizationof data between model and the view components 8
- 9. STRUCTURE YOUR CODE Organize yourcode for efficiency. 9
- 10. PILES ON THEFLOOR • Js/ ● app.js ● controllers.js ● directives.js ● filters.js ● services.js 10
- 11. SOCK THE DRAWER ■ Controllers ● LoginController.js ● RegistrationController.js ● ProductDetailCOntroller.js ■ Directive.js ■ Filters.js ■ Services/ ● CartService.js ● UserService.js ● ProductService.js 11
- 12. MODULARITY 12 § Cart/ § CartService.js § CartController.js § Common/ § Directive.js § Filter.js § Product/ § ProductDetailController.js § ProductService.js § Search/ § SerachResultsController § SearchResultsService.js § User/ § LoginController.js § RegistrationController.js § UserService.js
- 13.
- 14.
- 15. UNIT TEST • Jasmine– JavaScript testing framework o http://jasmine.github.io/1.3/introduction.html • Mocha/chai/sinon o http://visionmedia.github.io/mocha/ - test Framework o http://chaijs.com/ - assertion library o http://sinonjs.org/ - test spies, stubs and mocks 15
- 16. FUNCTIONAL/END-TO-END TEST Ø Selenium Ø http://docs.seleniumhq.org/ Ø Protractor Ø https://github.com/angular/protractor 16
- 17. OTHER TOOLS • TestRunner o Karma - http://karma-runner.github.io/0.12/index.html o Chutpzah - http://chutzpah.codeplex.com/ • Task Runner o Grunt – http://gruntjs.com/ o Gulp - http://gulpjs.com/ 17
- 18.
- 19. CONTROLLERS Set up theinitial state of the scope object and add behaviour to it 19
- 20.
- 21.
- 22.
- 23. SERVICES 23 To organize andshare code across your application Lazily instantiated Singletons
- 24.
- 25.
- 26. PROMISES A promise representsthe eventual result of an asynchronous operation 26
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. THANK YOU Questions orsuggestions: