1 files changed, 65 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/webappapis/scripting/events/event-handler-spec-example.html b/testing/web-platform/tests/html/webappapis/scripting/events/event-handler-spec-example.html
new file mode 100644
index 000000000..c06806e3c
--- /dev/null
+++ b/testing/web-platform/tests/html/webappapis/scripting/events/event-handler-spec-example.html
@@ -0,0 +1,65 @@
+<!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>