A Pen by Andrew Kirchmyer.

async-test-suite.markdown

async test suite

from "secrets of a javascript ninja"

A Pen by Andrew Kirchmyer on CodePen.

License.

index.html

<ul id="results"></ul>

script.js

(function () {
    var results;
    this.assert = function assert(value, desc) {
        var li = document.createElement('li');
        li.className = value ? 'pass' : 'fail';
        li.appendChild(document.createTextNode(desc));
        results.appendChild(li);
        if (!value) {
            li.parentNode.parentNode.className = 'fail';
        }
        return li;
    };
    this.test = function test(name, cb) {
        results = document.getElementById('results');
        results = assert(true, name).appendChild(
        document.createElement('ul'));
        cb();
    };
}());

(function () {
    console.log('we here');
    test('A test - passes', function () {
        assert(true, 'first assertion');
        assert(true, 'second assertion');
        assert(true, 'third assertion');
    });
    test('B test - failure', function () {
        assert(true, 'first assertion');
        assert(false, 'second assertion should fail');
        assert(true, 'third assertion');
    });
    test('C test - oddities', function () {
        assert(5, 'first assertion passes');
        assert(null, 'second assertion fails');
    });
}());

style.css

#results li.pass {
    color: green;
}
#results li.fail {
    color: red;
}