BDD for client-side JavaScript with Node.js

Short presentation about implementing BDD techniques for client-side JavaScript and running the specs in the console. MeetJS Kraków, 11 June 2012 (http://www.meetjs.org).

Transcript

1. BDD for client-side JS with Node.js by @dariuszdziuk
2. BDD is TDD in the Real World
3. write specs rst before coding
5. acceptance tests based on scenarios given [context] when [event occurs], then [ensure outcomes]
6. install tools for running the specs install node from http://nodejs.org/ npm install -g mocha
8. write acceptance tests and watch them fail
11. simulated browser environment npm install jsdom
14. installing assertion library npm install expect.js
16. now it’s time to write client-side code
18. but how to include it in tests? Node.js is using require
19. use require in client-side JS... it will enforce modularity in your code, making it easier to test
20. ...or compile your code in Node.js you can import regular JS les, but pay attention to namespaces
24. implement the feature!
27. and now repeat...
28. no need for documentation specs are always most up-to-date representation of the system behaviour
29. involve stakeholders they should take part in the process of writing the specs
30. it’s super easy to manage and monitor current scope number of pending tests represents the project status in current scope
31. integrate it with your CI system it’s running in the console, hence it’s trivial to make it a build step
32. organize your specs
33. there’s more using mock library of your choice you can fake AJAX request and even use dummy timers
34. mocking AJAX with Sinon
35. thank you!
36. resources Node.js http://nodejs.org Mocha test framework http://visionmedia.github.com/mocha/ Expect.js BDD-style assertion toolkit https://github.com/LearnBoost/expect.js/ jsdom DOM implementation https://github.com/tmpvar/jsdom Browserify module loader https://github.com/substack/node-browserify Sinon mock library http://sinonjs.org/