Well here goes

I had a stab at updating the qunit code. I started with the following test:

  1: module("normal tests")
  2: 
  3: test("that equality works as normal", function () {
  4:     var a = "astring";
  5:     var b = "astring";
  6:     var c = "notastring";
  7: 
  8:     equal(a, b, "strings are equal");
  9:     notEqual(a, c, "non equal strings are not equal");
 10: })
 11: 
 12: test("that ok works as normal", function () {
 13:     var isIt = true;
 14:     ok(isIt, "yes it is!");
 15: });
 16: 
 17: test("that pending is implemented correctly", function () {
 18:     pending("Something I have yet to complete");
 19: });

Which produced the following output:

And after some work, I achieved (the orange looks yellow on this blog theme, but oh well):

But! I had do change quite a lot of code and CSS in order to achieve this. I’m not sure I like the resulting code. I may try to do this some other way…

Anyhow, the updated qunit js and css files I ended up with are here:

• https://raw.github.com/goofballLogic/qunit-edit/master/qunit.edit.css
  
• https://raw.github.com/goofballLogic/qunit-edit/master/qunit.edit.js