<html>
<head>
<script>
function print(message)
{
    var item = document.createElement("li");
    item.appendChild(document.createTextNode(message));
    document.getElementById("console").appendChild(item);
}
var count = 0;
function eventHandler(event)
{
    ++count;
    print("event handler called: " + count);
}
function test()
{
    if (window.testRunner)
        testRunner.dumpAsText();
    var event = document.createEvent("Events");
    event.initEvent("foo", true, false);
    addEventListener("foo", eventHandler, false);
    document.dispatchEvent(event);
    removeEventListener("foo", eventHandler, false);
    document.dispatchEvent(event);
}
</script>
<head>
<body onload="test()">
<p>Regression test to ensure that removeEventListener works.</p>
<p>If the test is successful, you'll see only one call of the event handler. If it fails, you'll typically see two.</p>
<ol id="console"></ol>
</body>
</html>