52cik/assert.html

## assert.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test Suite</title>
    <style>
        #results li.pass {color: green;}
        #results li.fail {color: red;}
    </style>
</head>
<body>
    <ul id="results"></ul>

    <script>
        (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, fn) {
                results = document.getElementById("results");
                results = assert(true, name).appendChild(
                    document.createElement("ul"));
                fn();
            };
        })();

        test("A test.", function() {
            assert(true, "First assertion completed");
            assert(true, "Second assertion completed");
            assert(true, "Third assertion completed");
        });
        test("Another test.", function() {
            assert(true, "First test completed");
            assert(false, "Second test failed");
            assert(true, "Third assertion completed");
        });
        test("A third test.", function() {
            assert(null, "fail");
            assert(5, "pass")
        });
    </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Test Suite</title>
	<style>
	#results li.pass {color: green;}
	#results li.fail {color: red;}
	</style>
	</head>
	<body>
	<ul id="results"></ul>

	<script>
	(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, fn) {
	results = document.getElementById("results");
	results = assert(true, name).appendChild(
	document.createElement("ul"));
	fn();
	};
	})();

	test("A test.", function() {
	assert(true, "First assertion completed");
	assert(true, "Second assertion completed");
	assert(true, "Third assertion completed");
	});
	test("Another test.", function() {
	assert(true, "First test completed");
	assert(false, "Second test failed");
	assert(true, "Third assertion completed");
	});
	test("A third test.", function() {
	assert(null, "fail");
	assert(5, "pass")
	});
	</script>
	</body>
	</html>