Unit testing a modular Javascript web-app

Question

I am building a web app using BackboneJS and RequireJS and need to implement some form of unit testing for UI interaction and data retrieval via AJAX. I have come across QUnit and Jasmine but don't really know how I can integrate this into my app.

If I am testing things such as:

• Is the user logged in alright?
• Has the data been received from the server ok?
• Does clicking a button trigger the expected response?
• Do click events work on dynamically loaded html content?
• Does the app respond correctly to changes in hash/push-state urls?

I would imagine the testing has to be directly integrated into my app so as to have access to specific JS objects, work with session specific data and respond to changes in push state URLs.

How can I integrate QUnit or Jasmine (or other suggestions) into my modular app to unit test such features?

Answer 1

Unit testing is really simple.

You make a test HTML page. You include QUnit/NodeUnit/Jasmine/TestLibraryOfChoice

You then use requireJS and load one of your javascript modules,

and you simply test the exported object or function. That means testing the valid inputs of your module and asserting the outputs are correct.

You may have to mock out ajax and write HTML mocks