Some notes from @jakerella's JS Testing talk at MemphisPHP

js-testing.rst

JS Testing

About:

• Jordan Kasper (on Twitter: @jakerella) works for appendTo (100% distributed)
• They do contract JS applications

The Tools

• http://qunit.js.com -- built to test jquery
• http://nodejs.org -- use to run tests
• http://gruntjs.com -- a (generic) task runner (runs in node); view the plugins for common tasks
• http://phantomjs.org -- a headless browser (WebKit/V8)

Get Started

• install node (e.g. apt-get install node, brew install node)
• install grunt (e.g. npm install -g grunt-cli)
• grab qunit fromt he website
• start a project; e.g. (see Jordan's blog post)

quiry/
    src/
        quirky.js       -- a sample app to test
    tests/
        lib/
        index.html      -- html document that qunuit uses
        quinit.tests.js -- the tests!
    Gruntfile.js
    package.json

Trying it out

• just open the index.html file, and see the output generated by qunit.
• inspect the listed assertions
• check out the asyncTest for testing asynchronous stuff
• testing in the browser is tedious, so...

Use Grunt to run tests

• package.json is a node package config. note the devDependencies -- requirments for development
• get your requirements installed: npm install
• Gruntfile.js is where you configure grunt tasks & watch folders (e.g. automatically run tests when things change)
• Run grunt to test.
• Run grunt watch to run the watch task.

See also

• mockjax -- To Mock ajax calls