dugdaniels · February 22, 2014 03:45
diff --git a/Async Test Suite b/Async Test Suite
 <html>
  <head>
    <title>Test Suite</title>
    <script>
      (function() {
        var queue = [], paused = false, results;
        this.test = function(name, fn) {
          queue.push(function() {
            results = document.getElementById('results');
            results = assert(true, name).appendChild(document.createElement('ul'));
            fn();
          });
          runTest();
        };
        this.pause = function() {
          paused = true;
        }
        this.resume = function() {
          paused = false;
          setTimeout(runTest, 1);
        }
        function runTest() {
          if (!paused && queue.length) {
            queue.shift()();
            if (!paused) {
              resume();
            }
          }
        }

        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;
        }
      })();
      
      window.onload = function() {
        test('Async Test #1', function() {
          pause();
          setTimeout(function() {
            assert(true, 'First test completed');
            resume();
          }, 1000);
        });
        test('Async Test #2', function() {
          pause();
          setTimeout(function() {
            assert(false, 'Second test failed');
            resume();
          }, 1000);
        });
      }
    </script>
    <style>
      #results li.pass { color: green; }
      #results li.fail { color: red; }
    </style>
  </head>
  <body>
    <ul id='results'></ul>
  </body>
 </html>
	<html>
	<head>
	<title>Test Suite</title>
	<script>
	(function() {
	var queue = [], paused = false, results;
	this.test = function(name, fn) {
	queue.push(function() {
	results = document.getElementById('results');
	results = assert(true, name).appendChild(document.createElement('ul'));
	fn();
	});
	runTest();
	};
	this.pause = function() {
	paused = true;
	}
	this.resume = function() {
	paused = false;
	setTimeout(runTest, 1);
	}
	function runTest() {
	if (!paused && queue.length) {
	queue.shift()();
	if (!paused) {
	resume();
	}
	}
	}

	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;
	}
	})();

	window.onload = function() {
	test('Async Test #1', function() {
	pause();
	setTimeout(function() {
	assert(true, 'First test completed');
	resume();
	}, 1000);
	});
	test('Async Test #2', function() {
	pause();
	setTimeout(function() {
	assert(false, 'Second test failed');
	resume();
	}, 1000);
	});
	}
	</script>
	<style>
	#results li.pass { color: green; }
	#results li.fail { color: red; }
	</style>
	</head>
	<body>
	<ul id='results'></ul>
	</body>
	</html>