<html>
<head>
<script>
function debug(str) {
	var d = document.getElementById('console');
	d.appendChild(document.createTextNode(str + '\n'));
}

function handler(event) {
    success = true;
}

function runTests() {
    if (window.testRunner)
        testRunner.dumpAsText();
    
    var b = document.getElementById('theButton')
    b.addEventListener('click', handler, true);
    
    success = false;
    b.click();
    if (success)
        debug("SUCCESS")
    else
        debug("FAILURE: event handler wasn't called")
}

</script>
</head>
<body onload="runTests();">
This tests that capturing event listeners will be invoked by events dispatched to the target which it has been added to.
<input id="theButton" type="button">
<pre id="console">
</pre>
</body>
</html>