Jasmine isn't just for Rubyists - it's for anyone that wants to revolutionize their Javascript code and development workflow. I give a tutorial in getting up and running with an agile, Test Driven Development workflow using nothing but HTML and Javascript.

1. Javascript Tests
with Jasmine
A Primer for Front-end Devs

2. Chris Powers
Consultant with //obtiva
http://chrisjpowers.com
@chrisjpowers

3. Get the Code!
$ git clone git://github.com/
chrisjpowers/jasmine_demo.git

4. Why Test Javascript?

5. Seems like a
lot of work
just for some lousy
regression tests...

6. Test Driven Development
is about much more
than just writing
test coverage!

7. How Does TDD Work?
•Red
• Green
• Refactor
• Repeat!

8. RED
•Identify a business requirement
• Write a test to express the
requirement
•Watch the test fail
• Ensure it failed “correctly”

9. GREEN
• Write code to make the test
pass
• Write as little code as possible
• Focus on the requirement,
don’t solve future problems

10. REFACTOR
•Improve your code quality
• Remove duplication (DRY)
• Modularize code
• DO NOT change app behavior

11. REPEAT!
Feature Test
Unit Test Unit Test Unit Test

12. Enforces Good Design
•Modular and Namespaced
• Flexible, Updatable, Reusable
• Easily Testable

13. Focus and Process
• Driven by Business
Requirements
• Red, Green, Refactor
• Know When You’re Done

14. “Free” Documentation
•Legible Output
• Expresses Object Behavior
• Get Devs Up to Speed

15. Oh yeah...
plus you get a
regression test suite

16. What is Jasmine?
•TDD Framework
• Tests Run in the Browser
• No Command Line Needed
• Especially Rubyist Friendly

17. Tutorial
Let’s get testing...