Javascript Tests with Jasmine for Front-end Devs

Javascript Tests with JasmineA Primer for Front-end Devs

Chris PowersConsultant with //obtivahttp://chrisjpowers.com@chrisjpowers

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

Why Test Javascript?

Seems like alot of work just for some lousyregression tests...

Test Driven Development is about much morethan just writingtest coverage!

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

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

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

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

REPEAT! Feature TestUnit Test Unit Test Unit Test

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

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

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

Oh yeah... plus you get aregression test suite

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

TutorialLet’s get testing...

by Chris Powers on Jan 26, 2011