Jasmine is a mature BDD test framework for JavaScript, and though powerful and feature-rich in its own right, you are often still shackled to a browser window to conduct your tests. Tools like Selenium WebDriver make automated testing possible, but they are difficult to set up, cumbersome to use, and worst of all slow. Wouldn't it be nice if you could execute your tests as part of your build? And have those tests before completed in seconds? With PhantomJS ("the headless WebKit") that wish has come true. In this talk we will introduce the Jasmine BDD test framework, introduce PhantomJS, and demonstrate how to execute your Jasmine tests in PhantomJS for lightning fast results. The code and discussion points from this talk appear on Github: https://github.com/founddrama/vt-code-camp-2012 UPDATE (July 2014): this talk became the seed for this book that I wrote: "The PhantomJS Cookbook" - http://goo.gl/NJnFq1

1. LIKE A GENIE FROM THE LAMP
Headless JavaScript Testing with Jasmine and PhantomJS
Rob Friesel @founddrama

2. WHO IS THIS GUY?
• Sr. User
Interface Developer
at Dealer.com Websystems
• out there on the web:
• @founddrama
• blog.founddrama.net
• github.com/founddrama

3. WHAT ARE WE TALKING
ABOUT TODAY?

4. IN THE BEGINNING...

5. But then we discover...
UNIT TESTING

7. BENEFITS OF UNIT TESTING

12. DEMO

13. SO WHAT'S THE PROBLEM?

14. AUTOMATION

16. var page = new WebPage();
page.onConsoleMessage = function(msg) {
console.log(msg);
};
console.log('[phantomjs] Loading page...');
page.open(encodeURI('http://blog.founddrama.net/'), function(status){
if (status !== 'success') {
console.log('could not retrieve!');
} else {
page.evaluate(function(){
console.log('[phantomjs] Querying for post titles...');
var list = Array.prototype.slice.call(
document.querySelectorAll('h2 > a[rel="bookmark"]'), 0);
console.log('[phantomjs] ' + list.length + ' post titles:');
list.forEach(function(el){
console.log(' ' + el.innerHTML.replace(/<.*?>/g, ''));
});
});
}
phantom.exit();
});

17. ARE YOU THINKING
WHAT I'M THINKING?

18. LET'S DO SOMETHING
AWESOME!

19. QUESTIONS?

20. THANKS!

21. RESOURCES
• Jasmine : http://pivotal.github.com/jasmine/
• PhantomJS : http://phantomjs.org/
• Larry Myers' jasmine-reporters :
https://github.com/larrymyers/jasmine-reporters
• this talk's sample code :
https://github.com/founddrama/vt-code-camp-2012