| <!DOCTYPE html> |
| <title>Event handler invocation order</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <div id="log"></div> |
| <script> |
| var objects = [{}, function() {}, new Number(42), new String()]; |
| var primitives = [42, null, undefined, ""]; |
| objects.forEach(function(object) { |
| var t = async_test("Event handler listeners should be registered when they " + |
| "are first set to an object value (" + |
| format_value(object) + ")."); |
| t.step(function() { |
| var i = 0; |
| var uncalled = "t.step(function() { assert_unreached('First event handler.') })" |
| var button = document.createElement('button'); |
| button.onclick = object; // event handler listener is registered here |
| button.addEventListener('click', t.step_func(function () { assert_equals(++i, 2) }), false); |
| button.setAttribute('onclick', uncalled); |
| button.addEventListener('click', t.step_func(function () { assert_equals(++i, 3) }), false); |
| button.onclick = t.step_func(function () { assert_equals(++i, 1); }); |
| button.addEventListener('click', t.step_func(function () { assert_equals(++i, 4) }), false); |
| button.click() |
| assert_equals(button.getAttribute("onclick"), uncalled) |
| assert_equals(i, 4); |
| t.done() |
| }); |
| }); |
| primitives.forEach(function(primitive) { |
| var t = async_test("Event handler listeners should be registered when they " + |
| "are first set to an object value (" + |
| format_value(primitive) + ")."); |
| t.step(function() { |
| var i = 0; |
| var uncalled = "t.step(function() { assert_unreached('First event handler.') })" |
| var button = document.createElement('button'); |
| button.onclick = primitive; |
| button.addEventListener('click', t.step_func(function () { assert_equals(++i, 1) }), false); |
| button.setAttribute('onclick', uncalled); // event handler listener is registered here |
| button.addEventListener('click', t.step_func(function () { assert_equals(++i, 3) }), false); |
| button.onclick = t.step_func(function () { assert_equals(++i, 2); }); |
| button.addEventListener('click', t.step_func(function () { assert_equals(++i, 4) }), false); |
| button.click() |
| assert_equals(button.getAttribute("onclick"), uncalled) |
| assert_equals(i, 4); |
| t.done() |
| }); |
| }); |
| var t = async_test("Event handler listeners should be registered when they " + |
| "are first set to an object value."); |
| t.step(function() { |
| var i = 0; |
| var uncalled = "t.step(function() { assert_unreached('First event handler.') })" |
| var button = document.createElement('button'); |
| button.addEventListener('click', t.step_func(function () { assert_equals(++i, 1) }), false); |
| button.setAttribute('onclick', uncalled); // event handler listener is registered here |
| button.addEventListener('click', t.step_func(function () { assert_equals(++i, 3) }), false); |
| button.onclick = t.step_func(function () { assert_equals(++i, 2); }); |
| button.addEventListener('click', t.step_func(function () { assert_equals(++i, 4) }), false); |
| button.click() |
| assert_equals(button.getAttribute("onclick"), uncalled) |
| assert_equals(i, 4); |
| t.done() |
| }); |
| </script> |