Event-dispatch-multiple-cancelBubble.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /dom/events/Event-dispatch-multiple-cancelBubble.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<head>

<title>Multiple dispatchEvent() and cancelBubble</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>

test(function() {

    var event_type = "foo";

    var target = document.getElementById("target");

    var parent = document.getElementById("parent");

    var actual_result;

    var test_event = function(evt) {

        actual_result.push(evt.currentTarget);

        if (parent == evt.currentTarget) {

            evt.cancelBubble = true;

};

    var evt = document.createEvent("Event");

    evt.initEvent(event_type, true, true);

    target.addEventListener(event_type, test_event, false);

    parent.addEventListener(event_type, test_event, false);

    document.addEventListener(event_type, test_event, false);

    window.addEventListener(event_type, test_event, false);

    actual_result = [];

    target.dispatchEvent(evt);

    assert_array_equals(actual_result, [target, parent]);

    actual_result = [];

    parent.dispatchEvent(evt);

    assert_array_equals(actual_result, [parent]);

    actual_result = [];

    document.dispatchEvent(evt);

    assert_array_equals(actual_result, [document, window]);

});

</script>

</body>

</html>