Test Driven UI Development with Node, Mocha and RequireJs (part 3)

Last time, we completed the scaffolding of our little web app.

This time, we'll make it actually do something - and perform a little refactoring along the way.  I'll also talk a bit about more advanced features of mocha.

FODMAPs and Misinformation

As a sufferer of IBS (Irritable Bowel Syndrome), I've recently come across a thing called the "FODMAPs" diet - which is meant to relieve some of the symptoms of IBS.  Something that none of the many treatments for IBS that I've been prescribed have managed.

Everything that I've read recommends consulting a nutritionist before starting on a FODMAPs diet - but that's a sensible step for anyone considering an exclusion diet.

Test Driven UI Development with Node, Mocha and RequireJs (part 2)

Last time, we set out a framework for doing test driven development with our front end code.

Now we're going to build on that scaffolding to create a simple web app, adding modules as necessary as we go.

Setting up TDD on a Mac with iTerm2 and vim

In order to get anywhere with TDD, it is vital to set up your development environment so that re-running tests is either automatic, or requires only a single keypress.

Here's how I have things set up...

Test Driven UI Development with Node, Mocha and RequireJs

Test driven development, or TDD, is often held up as an ideal to aim for in unit testing.  Its simple premise of write a test, pass the test, refactor the code - or red, green, refactor - leads to good coding habits.

But testing your front end javascript code is hard... just getting it into a position where you can test it at all is tricky, and following examples on the web will tie you in knots.  Then there's yet another problem... dependency injection.  With so many hurdles to jump, it is little wonder that many projects have a handful of fragile integration tests that leave you wondering whether the trouble was worth it.

I'm going to attempt to lay out a method by which front-end code can be readily unit tested, without needing a headless browser.