Download as KEY, PPTX
More Related Content
![[C5]deview 2012 nodejs](https://cdn.slidesharecdn.com/ss_thumbnails/c5deview2012nodejs-120920013859-phpapp01-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Agile JavaScript Testing
- 1. Agile JavaScript Testing Makingthe web a better place
- 2.
- 3.
- 4. For better quality And less bugs
- 5. It Goes likethis:
- 6. 1. Think: What isthis code supposed to do? How am I going to interact with it? What would be the simplest, clearest API?
- 7. 2. Write atest Test what the code is supposed to do
- 8. 3. Run thetest It will fail.
- 9. 4. Write thecode Make the test pass
- 10.
- 11.
- 12. “Don’t tests comeafter?”
- 13.
- 14. Get the wordsright (it’s easier to think)
- 15. Behavior Driven Development samething, better terminology
- 16. In BDD you write“specs” to describe “behavior” you describe what you “expect” to occur
- 17.
- 18. Behavior Driven Development WithScrew.Unit, a BDD framework for JS http://github.com/nkallen/screw-unit
- 19. Oversimplified Example We needa method of doubling a number
- 20. First in plaintext describe doubleIt - it returns twice the number passed to it
- 21.
- 22. What do weexpect?
- 23. Now run thespec
- 24.
- 25. Run the specagain
- 26. You want 4?!Done!
- 27. Run the specagain
- 28. A couple moreexpectations
- 29. Run the specagain
- 30.
- 31. Run the specagain
- 32. One expectation perspec Recommended, not always necessary. Just be pragmatic.
- 33.
- 34. Run the specagain
- 35. Before / After Setupand teardown
- 36. Higher level -UI interactions
- 37. Testing the DOM VerifyJS is doing what we expect to the HTMLs
- 38. Testing the DOM Insuite.html (container file), have a special DOM node: In a before block, set it to it’s default state:
- 39. Testing the DOM Inyour specs, you can interact with it:
- 40. Always more toexplore... Mocking and Stubbing - using the Smoke library Testing / simulating browser events Testing / mocking ajax requests and callbacks
- 41. Integrate with yourworkflow An example using Blue Ridge for Ruby on Rails
- 42. Blue Ridge A JavaScriptTesting plugin for Rails Run JavaScript tests via the command-line, with a head-less browser environment Uses Rhino - a Java based JavaScript interpreter And env.js - an implementation of the DOM in pure JavaScript (thanks John Resig!) Screw.Unit and Smoke built in! Plus generators. http://github.com/relevance/blue-ridge
- 43. Always be testing Runyour JS tests at the same time as your other tests! Example...
- 44. A universe ofbrowsers each with its own “features” (bugs)
- 45. JS Test Driver Parallelcross-browser testing via command line
- 46. JS Test Driver http://code.google.com/p/js-test-driver/ Launch the server Capture one or more browsers Write tests and code Run your tests Bonus: Continously run tests, whenever files change
- 47. Future / Other Test Swarm: Distributed Continous Integration for JS http://testswarm.com JSpec: An alternative BDD framework for JS http://visionmedia.github.com/jspec
- 48.