Unit Testing with Thrill.js

Functional testing the DOM can be a daunting task. Tools like Qunit and Mocha make it easier, but the real trick is automating the testing process from the Terminal so that it can run continuous integration in the background and throw errors when a test fails.

Thrill.js has turned out to be just the tool I was looking for. There are a few similar libraries out there. One of the more popular similar testing frameworks is Karma. In my opinion, the real win for Thrill is that it can kick off and run tests in multiple browsers extremely quickly. The reason for the speed is that Thrill uses Queen which lets you open a single page in all of your browsers that sits and waits for tests to be kicked off via a hidden iframe. The Queen server communicates with Thrill using Socket.io as the tests are completed.

Getting started with Thrill

Install Queen
sudo npm install -g queen
Start Queen
queen -c localhost:9000

Now, open a browser and go to localhost:9000

Install Thrill
sudo npm install -g thrill
Write your tests
<!-- /spec/test.html -->
<!DOCTYPE html>
  <meta charset=“utf-8“>
  <title>QUnit Example</title>
  <link rel=“stylesheet“ href=“http://code.jquery.com/qunit/qunit-1.11.0.css“>
  <div id=“qunit“></div>
  <div id=“qunit-fixture“></div>
  <script src=“http://code.jquery.com/qunit/qunit-1.11.0.js“></script>
  test( “hello test“, function() {
    ok( 1 == “1“, “Passed!“ );
Run your tests

Run your tests by navigating to your app directory and running:

thrill spec/test.html

Thrill will typically do fine running your existing QUnit or Mocha tests right out of the box.

I've been really happy with Thrill so far. It requires very little configuration and it just works. Have you tried Thrill.js yet? What do you think of it?

comments powered by Disqus