dlls/mshtml/tests/events.js

   1 /*
   2  * Copyright 2017 Jacek Caban for CodeWeavers
   3  *
   4  * This library is free software; you can redistribute it and/or
   5  * modify it under the terms of the GNU Lesser General Public
   6  * License as published by the Free Software Foundation; either
   7  * version 2.1 of the License, or (at your option) any later version.
   8  *
   9  * This library is distributed in the hope that it will be useful,
  10  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  11  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  12  * Lesser General Public License for more details.
  13  *
  14  * You should have received a copy of the GNU Lesser General Public
  15  * License along with this library; if not, write to the Free Software
  16  * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301, USA
  17  */
  18
  19 var test_content_loaded = (function() {
  20     var calls = "";
  21
  22     function unexpected_call() {
  23         ok(false, "unexpected call");
  24     }
  25
  26     function record_call(msg) {
  27         return function() { calls += msg + "," };
  28     }
  29
  30     window.addEventListener("DOMContentLoaded", record_call("window.capture"), true);
  31     window.addEventListener("DOMContentLoaded", record_call("window.bubble"), false);
  32     document.addEventListener("DOMContentLoaded", record_call("document.capture"), true);
  33     document.addEventListener("DOMContentLoaded", record_call("document.bubble"), false);
  34
  35     document.attachEvent("onDOMContentLoaded", unexpected_call);
  36     document.attachEvent("DOMContentLoaded", unexpected_call);
  37
  38     return function() {
  39         ok(calls === "window.capture,document.capture,document.bubble,window.bubble,",
  40            "calls = " + calls);
  41         next_test();
  42     };
  43 })();
  44
  45 function test_listener_order() {
  46     document.body.innerHTML = '<div></div>';
  47     var div = document.body.firstChild;
  48
  49     var calls;
  50     function record_call(msg) {
  51         return function() { calls += msg + "," };
  52     }
  53
  54     window.addEventListener("click", record_call("window.click(capture)"), true);
  55     window.addEventListener("click", record_call("window.click(bubble)"), false);
  56
  57     document.attachEvent("onclick", record_call("document.click(attached)"));
  58     document.addEventListener("click", record_call("document.click(capture)"), true);
  59     document.addEventListener("click", record_call("document.click(bubble)"), false);
  60     document.onclick = record_call("document.onclick");
  61
  62     document.body.onclick = record_call("body.onclick");
  63     document.body.addEventListener("click", record_call("body.click(capture)"), true);
  64     document.body.addEventListener("click", record_call("body.click(bubble)"), false);
  65     document.body.addEventListener("click", record_call("body.click(bubble2)"));
  66     document.body.attachEvent("onclick", record_call("body.click(attached)"));
  67
  68     div.attachEvent("onclick", record_call("div.click(attached)"));
  69     div.addEventListener("click", record_call("div.click(bubble)"), false);
  70     div.onclick = record_call("div.onclick");
  71     div.addEventListener("click", record_call("div.click(capture1)"), true);
  72     div.addEventListener("click", record_call("div.click(capture2)"), true);
  73
  74     calls = "";
  75     div.click();
  76     ok(calls === "window.click(capture),document.click(capture),body.click(capture),"
  77        + "div.click(attached),div.click(bubble),div.onclick,div.click(capture1),"
  78        + "div.click(capture2),body.onclick,body.click(bubble),body.click(bubble2),"
  79        + "body.click(attached),document.click(attached),document.click(bubble),"
  80        + "document.onclick,window.click(bubble),", "calls = " + calls);
  81
  82     div.onclick = record_call("new div.onclick");
  83
  84     calls = "";
  85     div.click();
  86     ok(calls === "window.click(capture),document.click(capture),body.click(capture),"
  87        + "div.click(attached),div.click(bubble),new div.onclick,div.click(capture1),"
  88        + "div.click(capture2),body.onclick,body.click(bubble),body.click(bubble2),"
  89        + "body.click(attached),document.click(attached),document.click(bubble),"
  90        + "document.onclick,window.click(bubble),", "calls = " + calls);
  91
  92     var e = document.createEvent("Event");
  93     e.initEvent("click", true, true);
  94
  95     calls = "";
  96     div.dispatchEvent(e);
  97     ok(calls === "window.click(capture),document.click(capture),body.click(capture),"
  98        + "div.click(bubble),new div.onclick,div.click(capture1),div.click(capture2),"
  99        + "body.onclick,body.click(bubble),body.click(bubble2),document.click(bubble),"
 100        + "document.onclick,window.click(bubble),", "calls = " + calls);
 101
 102     next_test();
 103 }
 104
 105 function test_add_listener_in_listener() {
 106     var calls;
 107
 108     document.body.innerHTML = '<div><div></div></div>';
 109     var div1 = document.body.firstChild;
 110     var div2 = div1.firstChild;
 111
 112     function record_call(msg) {
 113         return function() { calls += msg + "," };
 114     }
 115
 116     div1.addEventListener("click", function() {
 117         div2.addEventListener("click", function() {
 118             calls += "div2.click";
 119             /* if we add more listeners here, whey won't be invoked */
 120             div2.onclick = function() { calls += "click2,"; };
 121             div2.addEventListener("click", function() { calls += "click3,"; }, false);
 122             div2.attachEvent("onclick", function() { calls += "click4,"; });
 123         }, true);
 124     }, true);
 125
 126     calls = "";
 127     div2.click();
 128     ok(calls === "div2.click", "calls = " + calls);
 129
 130     next_test();
 131 }
 132
 133 function test_remove_listener_in_listener() {
 134     var calls;
 135
 136     document.body.innerHTML = '<div></div>';
 137     var div = document.body.firstChild;
 138
 139     function record_call(msg) {
 140         return function() { calls += msg + "," };
 141     }
 142
 143     var capture = record_call("capture"), bubble = record_call("bubble");
 144
 145     div.addEventListener("click", function() {
 146         div.removeEventListener("click", capture, true);
 147         div.removeEventListener("click", bubble, false);
 148         calls += "remove,";
 149     }, true);
 150
 151     div.addEventListener("click", capture, true);
 152     div.addEventListener("click", bubble, false);
 153     div.onclick = record_call("onclick");
 154
 155     calls = "";
 156     div.click();
 157     ok(calls === "remove,capture,bubble,onclick,", "calls = " + calls);
 158
 159     next_test();
 160 }
 161
 162 function test_add_remove_listener() {
 163     var calls;
 164
 165     document.body.innerHTML = '<div></div>';
 166     var div = document.body.firstChild;
 167
 168     function listener() {
 169         calls += "listener,";
 170     }
 171
 172     /* if the same listener is added twice, second one won't be called */
 173     div.addEventListener("click", listener, false);
 174     div.addEventListener("click", listener, false);
 175
 176     calls = "";
 177     div.click();
 178     ok(calls === "listener,", "calls = " + calls);
 179
 180     /* remove capture listener, it won't do anything */
 181     div.removeEventListener("click", listener, true);
 182
 183     calls = "";
 184     div.click();
 185     ok(calls === "listener,", "calls = " + calls);
 186
 187     /* remove listener once, it won't called anymore */
 188     div.removeEventListener("click", listener, false);
 189
 190     calls = "";
 191     div.click();
 192     ok(calls === "", "calls = " + calls);
 193
 194     div.removeEventListener("click", listener, false);
 195
 196     /* test implicit capture removeEventListener argument */
 197     div.addEventListener("click", listener, false);
 198     div.removeEventListener("click", listener);
 199
 200     calls = "";
 201     div.click();
 202     ok(calls === "", "calls = " + calls);
 203
 204     next_test();
 205 }
 206
 207 function test_event_phase() {
 208     document.body.innerHTML = '<div><div></div></div>';
 209     var div1 = document.body.firstChild;
 210     var div2 = div1.firstChild;
 211     var last_event;
 212
 213     function check_phase(expected_phase) {
 214         return function(e) {
 215             if(last_event)
 216                 ok(last_event === e, "last_event != e");
 217             else
 218                 last_event = e;
 219             ok(e.eventPhase === expected_phase,
 220                "eventPhase = " + e.eventPhase + " expedted " + expected_phase);
 221         };
 222     }
 223
 224     div1.addEventListener("click", check_phase(1), true);
 225     div1.addEventListener("click", check_phase(3), false);
 226     div1.onclick = check_phase(3);
 227     div2.addEventListener("click", check_phase(2), true);
 228     div2.addEventListener("click", check_phase(2), false);
 229     div2.onclick = check_phase(2);
 230
 231     div2.click();
 232     ok(last_event.eventPhase === 3, "last_event.eventPhase = " + last_event.eventPhase);
 233
 234     next_test();
 235 }
 236
 237 function test_stop_propagation() {
 238     document.body.innerHTML = '<div><div></div></div>';
 239     var div1 = document.body.firstChild;
 240     var div2 = div1.firstChild;
 241
 242     var calls;
 243     function record_call(msg) {
 244         return function() { calls += msg + "," };
 245     }
 246
 247     function stop_propagation(e) {
 248         calls += "stop,";
 249         e.stopPropagation();
 250         ok(e.bubbles === true, "bubbles = " + e.bubbles);
 251         ok(e.defaultPrevented === false, "defaultPrevented = " + e.defaultPrevented);
 252     }
 253
 254     function stop_immediate_propagation(e) {
 255         calls += "immediateStop,";
 256         e.stopImmediatePropagation();
 257         ok(e.bubbles === true, "bubbles = " + e.bubbles);
 258         ok(e.cancelable === true, "cancelable = " + e.cancelable);
 259         ok(e.defaultPrevented === false, "defaultPrevented = " + e.defaultPrevented);
 260     }
 261
 262     div1.addEventListener("click", stop_immediate_propagation, true);
 263     div1.addEventListener("click", stop_propagation, true);
 264     div1.addEventListener("click", record_call("div1.click(capture)"), true);
 265
 266     div2.addEventListener("click", stop_immediate_propagation, true);
 267     div2.addEventListener("click", stop_propagation, true);
 268     div2.addEventListener("click", record_call("div2.click(capture)"), true);
 269
 270     div1.addEventListener("click", stop_propagation, false);
 271     div1.addEventListener("click", record_call("div1.click(bubble)"), false);
 272
 273     div2.addEventListener("click", stop_propagation, false);
 274     div2.addEventListener("click", record_call("div2.click(bubble)"), false);
 275
 276     calls = "";
 277     div2.click();
 278     ok(calls === "immediateStop,", "calls = " + calls);
 279
 280     div1.removeEventListener("click", stop_immediate_propagation, true);
 281     calls = "";
 282     div2.click();
 283     ok(calls === "stop,div1.click(capture),", "calls = " + calls);
 284
 285     div1.removeEventListener("click", stop_propagation, true);
 286     calls = "";
 287     div2.click();
 288     ok(calls === "div1.click(capture),immediateStop,", "calls = " + calls);
 289
 290     div2.removeEventListener("click", stop_immediate_propagation, true);
 291     calls = "";
 292     div2.click();
 293     ok(calls === "div1.click(capture),stop,div2.click(capture),stop,div2.click(bubble),",
 294        "calls = " + calls);
 295
 296     div2.removeEventListener("click", stop_propagation, true);
 297     calls = "";
 298     div2.click();
 299     ok(calls === "div1.click(capture),div2.click(capture),stop,div2.click(bubble),",
 300        "calls = " + calls);
 301
 302     div2.removeEventListener("click", stop_propagation, false);
 303     calls = "";
 304     div2.click();
 305     ok(calls === "div1.click(capture),div2.click(capture),div2.click(bubble),stop,div1.click(bubble),",
 306        "calls = " + calls);
 307
 308     next_test();
 309 }
 310
 311 function test_prevent_default() {
 312     document.body.innerHTML = '<div><a href="about:blank"></a></div>';
 313     var div = document.body.firstChild;
 314     var a = div.firstChild;
 315     var calls;
 316
 317     div.addEventListener("click", function(e) {
 318         ok(e.defaultPrevented === false, "e.defaultPrevented = " + e.defaultPrevented);
 319         e.preventDefault();
 320         ok(e.defaultPrevented === e.cancelable, "e.defaultPrevented = " + e.defaultPrevented);
 321         calls += "div,";
 322     }, true);
 323
 324     a.addEventListener("click", function(e) {
 325         calls += "a,";
 326         ok(e.defaultPrevented === true, "e.defaultPrevented = " + e.defaultPrevented);
 327     }, true);
 328
 329     calls = "";
 330     a.click();
 331     ok(calls === "div,a,", "calls = " + calls);
 332
 333     var e = document.createEvent("Event");
 334     e.initEvent("click", true, false);
 335
 336     calls = "";
 337     div.dispatchEvent(e);
 338     ok(calls === "div,", "calls = " + calls);
 339
 340     e = document.createEvent("Event");
 341     e.initEvent("click", false, true);
 342
 343     calls = "";
 344     div.dispatchEvent(e);
 345     ok(calls === "div,", "calls = " + calls);
 346
 347     document.body.innerHTML = '<div></div>';
 348     var elem = document.body.firstChild;
 349     var e, r;
 350
 351     elem.onclick = function(event) {
 352         event.preventDefault();
 353     }
 354     e = document.createEvent("Event");
 355     e.initEvent("click", true, true);
 356     r = elem.dispatchEvent(e);
 357     ok(r === false, "dispatchEvent returned " + r);
 358
 359     elem.onclick = function(event) {
 360         event.preventDefault();
 361         ok(event.defaultPrevented === false, "defaultPrevented");
 362     }
 363     e = document.createEvent("Event");
 364     e.initEvent("click", true, false);
 365     r = elem.dispatchEvent(e);
 366     ok(r === true, "dispatchEvent returned " + r);
 367
 368     elem.onclick = function(event) {
 369         event.stopPropagation();
 370     }
 371     e = document.createEvent("Event");
 372     e.initEvent("click", true, true);
 373     r = elem.dispatchEvent(e);
 374     ok(r === true, "dispatchEvent returned " + r);
 375
 376     e = document.createEvent("Event");
 377     e.initEvent("click", false, true);
 378     e.preventDefault();
 379     ok(e.defaultPrevented === false, "defaultPrevented = " + e.defaultPrevented);
 380
 381     e = document.createEvent("Event");
 382     e.initEvent("click", false, true);
 383     elem.onclick = null;
 384     r = elem.dispatchEvent(e);
 385     ok(r === true, "dispatchEvent returned " + r);
 386     e.preventDefault();
 387     ok(e.defaultPrevented === false, "defaultPrevented = " + e.defaultPrevented);
 388
 389     next_test();
 390 }
 391
 392 function test_init_event() {
 393     var e = document.createEvent("Event");
 394     var calls;
 395
 396     ok(e.type === "", "type = " + e.type);
 397     ok(e.cancelable === false, "cancelable = " + e.cancelable);
 398     ok(e.bubbles === false, "bubbles = " + e.bubbles);
 399
 400     e.initEvent("test", true, false);
 401     ok(e.type === "test", "type = " + e.type);
 402     ok(e.cancelable === false, "cancelable = " + e.cancelable);
 403     ok(e.bubbles === true, "bubbles = " + e.bubbles);
 404     ok(e.defaultPrevented === false, "defaultPrevented = " + e.defaultPrevented);
 405
 406     e.preventDefault();
 407     ok(e.defaultPrevented === false, "defaultPrevented = " + e.defaultPrevented);
 408
 409     e.initEvent("NewTest", false, true);
 410     ok(e.type === "NewTest", "type = " + e.type);
 411     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 412     ok(e.bubbles === false, "bubbles = " + e.bubbles);
 413
 414     document.body.innerHTML = '<div></div>';
 415     var elem = document.body.firstChild;
 416
 417     elem.addEventListener("NewTest", function(event) {
 418         ok(e === event, "e != event");
 419
 420         e.preventDefault();
 421         ok(e.defaultPrevented === true, "defaultPrevented = " + e.defaultPrevented);
 422
 423         /* initEvent no longer has effect */
 424         event.initEvent("test", true, false);
 425         ok(event.type === "NewTest", "event.type = " + event.type);
 426         ok(event.bubbles === false, "bubbles = " + event.bubbles);
 427         ok(event.cancelable === true, "cancelable = " + event.cancelable);
 428         ok(e.defaultPrevented === true, "defaultPrevented = " + e.defaultPrevented);
 429
 430         calls++;
 431     }, true);
 432
 433     calls = 0;
 434     elem.dispatchEvent(e);
 435     ok(calls === 1, "calls = " + calls);
 436     ok(e.type === "NewTest", "event.type = " + e.type);
 437     ok(e.bubbles === false, "bubbles = " + e.bubbles);
 438     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 439     ok(e.target === elem, "target != elem");
 440     ok(e.defaultPrevented === false, "defaultPrevented = " + e.defaultPrevented);
 441
 442     /* initEvent no longer has any effect except resetting defaultPrevented */
 443     e.initEvent("test", true, false);
 444     ok(e.type === "NewTest", "type = " + e.type);
 445     ok(e.bubbles === false, "bubbles = " + e.bubbles);
 446     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 447     ok(e.target === elem, "target != elem");
 448     ok(e.defaultPrevented === false, "defaultPrevented = " + e.defaultPrevented);
 449
 450     calls = 0;
 451     elem.dispatchEvent(e);
 452     ok(calls === 1, "calls = " + calls);
 453     ok(e.type === "NewTest", "event.type = " + e.type);
 454     ok(e.bubbles === false, "bubbles = " + e.bubbles);
 455     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 456     ok(e.target === elem, "target != elem");
 457
 458     document.body.dispatchEvent(e);
 459     ok(e.target === document.body, "target != body");
 460
 461     next_test();
 462 }
 463
 464 function test_current_target() {
 465     document.body.innerHTML = '<div><div></div></div>';
 466     var parent = document.body.firstChild;
 467     var child = parent.firstChild;
 468     var calls;
 469     var e;
 470
 471     function expect_current_target(expected_target) {
 472         return function(event) {
 473             ok(event.currentTarget === expected_target, "unexpected currentTarget");
 474             calls++;
 475         }
 476     }
 477
 478     parent.addEventListener("test", expect_current_target(parent), true);
 479     parent.addEventListener("test", expect_current_target(parent), false);
 480     child.addEventListener("test", expect_current_target(child), true);
 481     child.addEventListener("test", expect_current_target(child), false);
 482
 483     e = document.createEvent("Event");
 484     e.initEvent("test", true, true);
 485     ok(e.currentTarget === null, "currentTarget != null");
 486
 487     calls = 0;
 488     child.dispatchEvent(e);
 489     ok(calls === 4, "calls = " + calls + " expected 4");
 490     ok(e.currentTarget === null, "currentTarget != null");
 491
 492     next_test();
 493 }
 494
 495 function test_dispatch_event() {
 496     document.body.innerHTML = '<div><div></div></div>';
 497     var parent = document.body.firstChild;
 498     var child = parent.firstChild;
 499     var calls;
 500     var e;
 501
 502     function record_call(msg) {
 503         return function(event) {
 504             ok(event === e, "event != e");
 505             ok(event.target === child, "target != child");
 506             ok(event.srcElement === child, "srcElement != child");
 507             calls += msg + ",";
 508         };
 509     }
 510
 511     parent.addEventListener("click", record_call("parent.click(capture)"), true);
 512     parent.addEventListener("click", record_call("parent.click(bubble)"), false);
 513     child.addEventListener("click", record_call("child.click(capture)"), true);
 514     child.addEventListener("click", record_call("child.click(bubble)"), false);
 515     parent.addEventListener("testing", record_call("parent.testing(capture)"), true);
 516     parent.addEventListener("testing", record_call("parent.testing(bubble)"), false);
 517     child.addEventListener("testing", record_call("child.testing(capture)"), true);
 518     child.addEventListener("testing", record_call("child.testing(bubble)"), false);
 519
 520     e = document.createEvent("Event");
 521     e.initEvent("click", true, true);
 522     ok(e.target === null, "e.target != null");
 523     ok(e.srcElement === null, "e.srcElement != null");
 524
 525     calls = "";
 526     child.dispatchEvent(e);
 527     ok(calls === "parent.click(capture),child.click(capture),child.click(bubble),"
 528        + "parent.click(bubble),", "calls = " + calls);
 529     ok(e.target === child, "e.target != child");
 530     ok(e.srcElement === child, "e.srcElement != child");
 531     ok(e.currentTarget === null, "e.currentTarget != null");
 532
 533     e = document.createEvent("Event");
 534     e.initEvent("click", false, true);
 535
 536     calls = "";
 537     child.dispatchEvent(e);
 538     ok(calls === "parent.click(capture),child.click(capture),child.click(bubble),",
 539        "calls = " + calls);
 540
 541     /* again, without reinitialization */
 542     calls = "";
 543     child.dispatchEvent(e);
 544     ok(calls === "parent.click(capture),child.click(capture),child.click(bubble),",
 545        "calls = " + calls);
 546
 547     e = document.createEvent("Event");
 548     e.initEvent("testing", true, true);
 549
 550     calls = "";
 551     child.dispatchEvent(e);
 552     ok(calls === "parent.testing(capture),child.testing(capture),"
 553        + "child.testing(bubble),parent.testing(bubble),", "calls = " + calls);
 554
 555     var xhr = new XMLHttpRequest();
 556     xhr.addEventListener("testing", function(event) {
 557         ok(event === e, "event != e");
 558         ok(event.target === xhr, "target != child");
 559         ok(event.srcElement === null, "srcElement != child");
 560         calls += "xhr.testing";
 561     }, true);
 562
 563     calls = "";
 564     xhr.dispatchEvent(e);
 565     ok(calls === "xhr.testing", "calls = " + calls);
 566
 567     next_test();
 568 }
 569
 570 function test_recursive_dispatch() {
 571     document.body.innerHTML = '<div></div><div></div>';
 572     var elem1 = document.body.firstChild;
 573     var elem2 = elem1.nextSibling;
 574     var calls;
 575
 576     var e = document.createEvent("Event");
 577     ok(e.eventPhase === 0, "eventPhase = " + e.eventPhase);
 578
 579     e.initEvent("test", true, true);
 580     ok(e.eventPhase === 0, "eventPhase = " + e.eventPhase);
 581
 582     elem1.addEventListener("test", function(event_arg) {
 583         calls += "elem1.test,";
 584         ok(event_arg === e, "event_arg != e");
 585         try {
 586             elem2.dispatchEvent(e);
 587             ok(false, "expected exception");
 588         }catch(exception) {}
 589     }, true);
 590
 591     elem2.addEventListener("test", function() {
 592         ok(false, "unexpected recursive event call");
 593     }, true);
 594
 595     calls = "";
 596     elem1.dispatchEvent(e);
 597     ok(calls === "elem1.test,", "calls = " + calls);
 598     ok(e.eventPhase === 3, "eventPhase = " + e.eventPhase);
 599
 600     next_test();
 601 }
 602
 603 function test_time_stamp() {
 604     document.body.innerHTML = '<div></div>';
 605     var elem = document.body.firstChild;
 606     var calls, last_time_stamp;
 607
 608     elem.onclick = function(event) {
 609         ok(event.timeStamp === last_time_stamp, "timeStamp = " + event.timeStamp);
 610         calls++;
 611     }
 612
 613     var e = document.createEvent("Event");
 614     ok(typeof(e.timeStamp) === "number", "typeof(timeStamp) = " + typeof(e.timeStamp));
 615     ok(e.timeStamp > 0, "timeStamp = " + e.timeStamp);
 616
 617     var now = (new Date()).getTime();
 618     last_time_stamp = e.timeStamp;
 619     ok(Math.abs(now - last_time_stamp) < 3, "timeStamp " + last_time_stamp + " != now " + now);
 620
 621     e.initEvent("click", true, true);
 622     ok(e.timeStamp === last_time_stamp, "timeStamp = " + e.timeStamp);
 623     calls = 0;
 624     elem.dispatchEvent(e);
 625     ok(calls === 1, "calls = " + calls);
 626     ok(e.timeStamp === last_time_stamp, "timeStamp = " + e.timeStamp);
 627
 628     elem.onclick = function(event) {
 629         ok(event.timeStamp > 0, "timeStamp = " + event.timeStamp);
 630         trace("timestamp " + event.timeStamp);
 631         calls++;
 632     }
 633
 634     calls = 0;
 635     elem.click();
 636     ok(calls === 1, "calls = " + calls);
 637
 638     next_test();
 639 }
 640
 641 function test_mouse_event() {
 642     var e;
 643
 644     e = document.createEvent("MouseEvent");
 645     ok(e.screenX === 0, "screenX = " + e.screenX);
 646     ok(e.screenY === 0, "screenY = " + e.screenY);
 647     ok(e.clientX === 0, "clientX = " + e.clientX);
 648     ok(e.clientY === 0, "clientY = " + e.clientY);
 649     ok(e.offsetX === 0, "offsetX = " + e.offsetX);
 650     ok(e.offsetY === 0, "offsetY = " + e.offsetY);
 651     ok(e.ctrlKey === false, "ctrlKey = " + e.ctrlKey);
 652     ok(e.altKey === false, "altKey = " + e.altKey);
 653     ok(e.shiftKey === false, "shiftKey = " + e.shiftKey);
 654     ok(e.metaKey === false, "metaKey = " + e.metaKey);
 655     ok(e.button === 0, "button = " + e.button);
 656     ok(e.buttons === 0, "buttons = " + e.buttons);
 657     ok(e.pageX === 0, "pageX = " + e.pageX);
 658     ok(e.pageY === 0, "pageY = " + e.pageY);
 659     ok(e.which === 1, "which = " + e.which);
 660     ok(e.relatedTarget === null, "relatedTarget = " + e.relatedTarget);
 661     ok(e.toElement === null, "toElement = " + e.toElement);
 662     ok(e.fromElement === null, "fromElement = " + e.fromElement);
 663
 664     e.initMouseEvent("test", true, true, window, 1, 2, 3, 4, 5, false, false, false, false, 1, document);
 665     ok(e.type === "test", "type = " + e.type);
 666     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 667     ok(e.bubbles === true, "bubbles = " + e.bubbles);
 668     ok(e.detail === 1, "detail = " + e.detail);
 669     todo_wine.
 670     ok(e.view === window, "view != window");
 671     ok(e.screenX === 2, "screenX = " + e.screenX);
 672     ok(e.screenY === 3, "screenY = " + e.screenY);
 673     ok(e.clientX === 4, "clientX = " + e.clientX);
 674     ok(e.clientY === 5, "clientY = " + e.clientY);
 675     ok(e.ctrlKey === false, "ctrlKey = " + e.ctrlKey);
 676     ok(e.altKey === false, "altKey = " + e.altKey);
 677     ok(e.shiftKey === false, "shiftKey = " + e.shiftKey);
 678     ok(e.metaKey === false, "metaKey = " + e.metaKey);
 679     ok(e.button === 1, "button = " + e.button);
 680     ok(e.buttons === 0, "buttons = " + e.buttons);
 681     ok(e.which === 2, "which = " + e.which);
 682     ok(e.relatedTarget === document, "relatedTarget = " + e.relatedTarget);
 683
 684     e.initMouseEvent("test", false, false, window, 9, 8, 7, 6, 5, true, true, true, true, 127, document.body);
 685     ok(e.type === "test", "type = " + e.type);
 686     ok(e.cancelable === false, "cancelable = " + e.cancelable);
 687     ok(e.bubbles === false, "bubbles = " + e.bubbles);
 688     ok(e.detail === 9, "detail = " + e.detail);
 689     ok(e.screenX === 8, "screenX = " + e.screenX);
 690     ok(e.screenY === 7, "screenY = " + e.screenY);
 691     ok(e.clientX === 6, "clientX = " + e.clientX);
 692     ok(e.clientY === 5, "clientY = " + e.clientY);
 693     ok(e.ctrlKey === true, "ctrlKey = " + e.ctrlKey);
 694     ok(e.altKey === true, "altKey = " + e.altKey);
 695     ok(e.shiftKey === true, "shiftKey = " + e.shiftKey);
 696     ok(e.metaKey === true, "metaKey = " + e.metaKey);
 697     ok(e.button === 127, "button = " + e.button);
 698     ok(e.which === 128, "which = " + e.which);
 699     ok(e.relatedTarget === document.body, "relatedTarget = " + e.relatedTarget);
 700
 701     e.initEvent("testevent", true, true);
 702     ok(e.type === "testevent", "type = " + e.type);
 703     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 704     ok(e.bubbles === true, "bubbles = " + e.bubbles);
 705     ok(e.detail === 9, "detail = " + e.detail);
 706     ok(e.screenX === 8, "screenX = " + e.screenX);
 707     ok(e.screenY === 7, "screenY = " + e.screenY);
 708     ok(e.clientX === 6, "clientX = " + e.clientX);
 709     ok(e.clientY === 5, "clientY = " + e.clientY);
 710     ok(e.ctrlKey === true, "ctrlKey = " + e.ctrlKey);
 711     ok(e.altKey === true, "altKey = " + e.altKey);
 712     ok(e.shiftKey === true, "shiftKey = " + e.shiftKey);
 713     ok(e.metaKey === true, "metaKey = " + e.metaKey);
 714     ok(e.button === 127, "button = " + e.button);
 715
 716     e.initUIEvent("testevent", true, true, window, 6);
 717     ok(e.type === "testevent", "type = " + e.type);
 718     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 719     ok(e.bubbles === true, "bubbles = " + e.bubbles);
 720     ok(e.detail === 6, "detail = " + e.detail);
 721     ok(e.screenX === 8, "screenX = " + e.screenX);
 722     ok(e.screenY === 7, "screenY = " + e.screenY);
 723     ok(e.clientX === 6, "clientX = " + e.clientX);
 724     ok(e.clientY === 5, "clientY = " + e.clientY);
 725     ok(e.ctrlKey === true, "ctrlKey = " + e.ctrlKey);
 726     ok(e.altKey === true, "altKey = " + e.altKey);
 727     ok(e.shiftKey === true, "shiftKey = " + e.shiftKey);
 728     ok(e.metaKey === true, "metaKey = " + e.metaKey);
 729     ok(e.button === 127, "button = " + e.button);
 730
 731     next_test();
 732 }
 733
 734 function test_ui_event() {
 735     var e;
 736
 737     e = document.createEvent("UIEvent");
 738     ok(e.detail === 0, "detail = " + e.detail);
 739
 740     e.initUIEvent("test", true, true, window, 3);
 741     ok(e.type === "test", "type = " + e.type);
 742     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 743     ok(e.bubbles === true, "bubbles = " + e.bubbles);
 744     ok(e.detail === 3, "detail = " + e.detail);
 745     todo_wine.
 746     ok(e.view === window, "view != window");
 747
 748     next_test();
 749 }
 750
 751 function test_keyboard_event() {
 752     var e;
 753
 754     e = document.createEvent("KeyboardEvent");
 755
 756     e.initEvent("test", true, true);
 757     ok(e.key === "", "key = " + e.key);
 758     ok(e.keyCode === 0, "keyCode = " + e.keyCode);
 759     ok(e.charCode === 0, "charCode = " + e.charCode);
 760     ok(e.repeat === false, "repeat = " + e.repeat);
 761     ok(e.ctrlKey === false, "ctrlKey = " + e.ctrlKey);
 762     ok(e.altKey === false, "altKey = " + e.altKey);
 763     ok(e.shiftKey === false, "shiftKey = " + e.shiftKey);
 764     ok(e.metaKey === false, "metaKey = " + e.metaKey);
 765     ok(e.location === 0, "location = " + e.location);
 766     ok(e.detail === 0, "detail = " + e.detail);
 767     ok(e.which === 0, "which = " + e.which);
 768
 769     next_test();
 770 }
 771
 772 function test_custom_event() {
 773     var e = document.createEvent("CustomEvent");
 774
 775     ok(e.detail === undefined, "detail = " + e.detail);
 776
 777     e.initCustomEvent("test", true, false, 123);
 778     ok(e.type === "test", "type = " + e.type);
 779     ok(e.bubbles === true, "bubbles = " + e.bubbles);
 780     ok(e.cancelable === false, "cancelable = " + e.cancelable);
 781     ok(e.detail === 123, "detail = " + e.detail);
 782
 783     next_test();
 784 }
 785
 786 function test_error_event() {
 787     document.body.innerHTML = '<div><img></img></div>';
 788     var div = document.body.firstChild;
 789     var img = div.firstChild;
 790     var calls = "";
 791
 792     function record_call(msg) {
 793         return function() { calls += msg + "," };
 794     }
 795     var win_onerror = record_call("window.onerror");
 796     var doc_onerror = record_call("doc.onerror");
 797     var body_onerror = record_call("body.onerror");
 798
 799     window.addEventListener("error", win_onerror, true);
 800     document.addEventListener("error", doc_onerror, true);
 801     document.body.addEventListener("error", body_onerror, true);
 802     div.addEventListener("error", record_call("div.onerror"), true);
 803
 804     div.addEventListener("error", function() {
 805         ok(calls === "window.onerror,doc.onerror,body.onerror,div.onerror,", "calls = " + calls);
 806
 807         window.removeEventListener("error", win_onerror, true);
 808         document.removeEventListener("error", doc_onerror, true);
 809         document.body.removeEventListener("error", body_onerror, true);
 810         next_test();
 811     }, true);
 812
 813     img.src = "about:blank";
 814 }
 815
 816 function test_detached_img_error_event() {
 817     var img = new Image();
 818     img.onerror = function() {
 819         next_test();
 820     }
 821     img.src = "about:blank";
 822 }
 823
 824 var tests = [
 825     test_content_loaded,
 826     test_add_remove_listener,
 827     test_add_listener_in_listener,
 828     test_remove_listener_in_listener,
 829     test_event_phase,
 830     test_stop_propagation,
 831     test_prevent_default,
 832     test_init_event,
 833     test_current_target,
 834     test_dispatch_event,
 835     test_recursive_dispatch,
 836     test_ui_event,
 837     test_mouse_event,
 838     test_keyboard_event,
 839     test_custom_event,
 840     test_error_event,
 841     test_detached_img_error_event,
 842     test_time_stamp,
 843     test_listener_order
 844 ];