TDD KnockoutJS

www.kylehodgson.com @kylehodgson

Legacy Code

Snake Charmer

Test Driven Development

● Red

● Green

● Refactor

Great!

But what about your JavaScript?

KnockoutJS

KnockoutJS

Jasmine Spec

var self = this;

var Fruit = function() { this.name = ko.observable();}

var myFruit = new Fruit();myFruit.name="Mango";

wrong!myFruit.name="Mango";

right!myFruit.name("Mango");

var Fruit = function() { this.name = ko.observable();}

var myFruit = new Fruit();myFruit.name("Mango");

console.log(myFruit.name);

wrong!console.log(myFruit.name);

right!console.log(myFruit.name());

KarmaJS

c:\projects\ToDontList> more toDontEnv.bat

set HOME=c:\users\khodgson\

set PATH=%PATH%;c:\nuget\

set CHROME_BIN=%HOME%\AppData\Local\Google\Chrome\Application\chrome.

exe

set IE_BIN=C:\Program Files\Internet Explorer\iexplore.exe

set PHANTOMJS_BIN=%HOME%\AppData\Roaming\npm\phantomjs.cmd

set FIREFOX_BIN=C:\Program Files (x86)\Mozilla Firefox\firefox.exe

Epic User Story

As a busy executive,I'd like to keep track of things that aren't important, So that I can make sure that I don't do them.

Live Code Section

ToDontList

Thanks!

https://github.com/kylehodgson/ToDontList

http://www.kylehodgson.com

@kylehodgson

kyle.hodgson@gmail.com