<!DOCTYPE html>
<html>
<head>
<title> Multiple dispatchEvent() and stopPropagation() </title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<div id=log></div>

<div id="parent" style="display: none">
    <input id="target" type="hidden" value=""/>
</div>

<script>

    var EVENT = "foo";
    var TARGET = document.getElementById("target");
    var PARENT = document.getElementById("parent");
    var ExpectResult = [TARGET, PARENT, PARENT, document, window];
    var ActualResult = [];

    var description = "Test Description: " +
                      "An event object may be properly dispatched multiple times while also allowing to prevent the event objects " +
                      "propagation prior to the event dispatch.";

    test(function()
    {
        var evt = document.createEvent("Event");
        evt.initEvent(EVENT, true, true);

        TARGET.addEventListener(EVENT, TestEvent, false);
        PARENT.addEventListener(EVENT, TestEvent, false);
        document.addEventListener(EVENT, TestEvent, false);
        window.addEventListener(EVENT, TestEvent, false);

        TARGET.dispatchEvent(evt);
        PARENT.dispatchEvent(evt);
        document.dispatchEvent(evt);

        assert_array_equals(ActualResult, ExpectResult);

    }, description);

    function TestEvent(evt)
    {
        ActualResult.push(evt.currentTarget);

        if (PARENT == evt.currentTarget)
        {
            evt.stopPropagation();
        }
    }
</script>
</body>
</html>