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     }
 362     e = document.createEvent("Event");
 363     e.initEvent("click", true, false);
 364     r = elem.dispatchEvent(e);
 365     ok(r === true, "dispatchEvent returned " + r);
 366
 367     elem.onclick = function(event) {
 368         event.stopPropagation();
 369     }
 370     e = document.createEvent("Event");
 371     e.initEvent("click", true, true);
 372     r = elem.dispatchEvent(e);
 373     ok(r === true, "dispatchEvent returned " + r);
 374
 375     next_test();
 376 }
 377
 378 function test_init_event() {
 379     var e = document.createEvent("Event");
 380     var calls;
 381
 382     ok(e.type === "", "type = " + e.type);
 383     ok(e.cancelable === false, "cancelable = " + e.cancelable);
 384     ok(e.bubbles === false, "bubbles = " + e.bubbles);
 385
 386     e.initEvent("test", true, false);
 387     ok(e.type === "test", "type = " + e.type);
 388     ok(e.cancelable === false, "cancelable = " + e.cancelable);
 389     ok(e.bubbles === true, "bubbles = " + e.bubbles);
 390     ok(e.defaultPrevented === false, "defaultPrevented = " + e.defaultPrevented);
 391
 392     e.preventDefault();
 393     ok(e.defaultPrevented === false, "defaultPrevented = " + e.defaultPrevented);
 394
 395     e.initEvent("NewTest", false, true);
 396     ok(e.type === "NewTest", "type = " + e.type);
 397     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 398     ok(e.bubbles === false, "bubbles = " + e.bubbles);
 399
 400     document.body.innerHTML = '<div></div>';
 401     var elem = document.body.firstChild;
 402
 403     elem.addEventListener("NewTest", function(event) {
 404         ok(e === event, "e != event");
 405
 406         e.preventDefault();
 407         ok(e.defaultPrevented === true, "defaultPrevented = " + e.defaultPrevented);
 408
 409         /* initEvent no longer has effect */
 410         event.initEvent("test", true, false);
 411         ok(event.type === "NewTest", "event.type = " + event.type);
 412         ok(event.bubbles === false, "bubbles = " + event.bubbles);
 413         ok(event.cancelable === true, "cancelable = " + event.cancelable);
 414         ok(e.defaultPrevented === true, "defaultPrevented = " + e.defaultPrevented);
 415
 416         calls++;
 417     }, true);
 418
 419     calls = 0;
 420     elem.dispatchEvent(e);
 421     ok(calls === 1, "calls = " + calls);
 422     ok(e.type === "NewTest", "event.type = " + e.type);
 423     ok(e.bubbles === false, "bubbles = " + e.bubbles);
 424     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 425     ok(e.target === elem, "target != elem");
 426     ok(e.defaultPrevented === false, "defaultPrevented = " + e.defaultPrevented);
 427
 428     /* initEvent no longer has any effect except resetting defaultPrevented */
 429     e.initEvent("test", true, false);
 430     ok(e.type === "NewTest", "type = " + e.type);
 431     ok(e.bubbles === false, "bubbles = " + e.bubbles);
 432     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 433     ok(e.target === elem, "target != elem");
 434     ok(e.defaultPrevented === false, "defaultPrevented = " + e.defaultPrevented);
 435
 436     calls = 0;
 437     elem.dispatchEvent(e);
 438     ok(calls === 1, "calls = " + calls);
 439     ok(e.type === "NewTest", "event.type = " + e.type);
 440     ok(e.bubbles === false, "bubbles = " + e.bubbles);
 441     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 442     ok(e.target === elem, "target != elem");
 443
 444     document.body.dispatchEvent(e);
 445     ok(e.target === document.body, "target != body");
 446
 447     next_test();
 448 }
 449
 450 function test_current_target() {
 451     document.body.innerHTML = '<div><div></div></div>';
 452     var parent = document.body.firstChild;
 453     var child = parent.firstChild;
 454     var calls;
 455     var e;
 456
 457     function expect_current_target(expected_target) {
 458         return function(event) {
 459             ok(event.currentTarget === expected_target, "unexpected currentTarget");
 460             calls++;
 461         }
 462     }
 463
 464     parent.addEventListener("test", expect_current_target(parent), true);
 465     parent.addEventListener("test", expect_current_target(parent), false);
 466     child.addEventListener("test", expect_current_target(child), true);
 467     child.addEventListener("test", expect_current_target(child), false);
 468
 469     e = document.createEvent("Event");
 470     e.initEvent("test", true, true);
 471     ok(e.currentTarget === null, "currentTarget != null");
 472
 473     calls = 0;
 474     child.dispatchEvent(e);
 475     ok(calls === 4, "calls = " + calls + " expected 4");
 476     ok(e.currentTarget === null, "currentTarget != null");
 477
 478     next_test();
 479 }
 480
 481 function test_dispatch_event() {
 482     document.body.innerHTML = '<div><div></div></div>';
 483     var parent = document.body.firstChild;
 484     var child = parent.firstChild;
 485     var calls;
 486     var e;
 487
 488     function record_call(msg) {
 489         return function(event) {
 490             ok(event === e, "event != e");
 491             ok(event.target === child, "target != child");
 492             ok(event.srcElement === child, "srcElement != child");
 493             calls += msg + ",";
 494         };
 495     }
 496
 497     parent.addEventListener("click", record_call("parent.click(capture)"), true);
 498     parent.addEventListener("click", record_call("parent.click(bubble)"), false);
 499     child.addEventListener("click", record_call("child.click(capture)"), true);
 500     child.addEventListener("click", record_call("child.click(bubble)"), false);
 501     parent.addEventListener("testing", record_call("parent.testing(capture)"), true);
 502     parent.addEventListener("testing", record_call("parent.testing(bubble)"), false);
 503     child.addEventListener("testing", record_call("child.testing(capture)"), true);
 504     child.addEventListener("testing", record_call("child.testing(bubble)"), false);
 505
 506     e = document.createEvent("Event");
 507     e.initEvent("click", true, true);
 508     ok(e.target === null, "e.target != null");
 509     ok(e.srcElement === null, "e.srcElement != null");
 510
 511     calls = "";
 512     child.dispatchEvent(e);
 513     ok(calls === "parent.click(capture),child.click(capture),child.click(bubble),"
 514        + "parent.click(bubble),", "calls = " + calls);
 515     ok(e.target === child, "e.target != child");
 516     ok(e.srcElement === child, "e.srcElement != child");
 517     ok(e.currentTarget === null, "e.currentTarget != null");
 518
 519     e = document.createEvent("Event");
 520     e.initEvent("click", false, true);
 521
 522     calls = "";
 523     child.dispatchEvent(e);
 524     ok(calls === "parent.click(capture),child.click(capture),child.click(bubble),",
 525        "calls = " + calls);
 526
 527     /* again, without reinitialization */
 528     calls = "";
 529     child.dispatchEvent(e);
 530     ok(calls === "parent.click(capture),child.click(capture),child.click(bubble),",
 531        "calls = " + calls);
 532
 533     e = document.createEvent("Event");
 534     e.initEvent("testing", true, true);
 535
 536     calls = "";
 537     child.dispatchEvent(e);
 538     ok(calls === "parent.testing(capture),child.testing(capture),"
 539        + "child.testing(bubble),parent.testing(bubble),", "calls = " + calls);
 540
 541     next_test();
 542 }
 543
 544 function test_recursive_dispatch() {
 545     document.body.innerHTML = '<div></div><div></div>';
 546     var elem1 = document.body.firstChild;
 547     var elem2 = elem1.nextSibling;
 548     var calls;
 549
 550     var e = document.createEvent("Event");
 551     ok(e.eventPhase === 0, "eventPhase = " + e.eventPhase);
 552
 553     e.initEvent("test", true, true);
 554     ok(e.eventPhase === 0, "eventPhase = " + e.eventPhase);
 555
 556     elem1.addEventListener("test", function(event_arg) {
 557         calls += "elem1.test,";
 558         ok(event_arg === e, "event_arg != e");
 559         try {
 560             elem2.dispatchEvent(e);
 561             ok(false, "expected exception");
 562         }catch(exception) {}
 563     }, true);
 564
 565     elem2.addEventListener("test", function() {
 566         ok(false, "unexpected recursive event call");
 567     }, true);
 568
 569     calls = "";
 570     elem1.dispatchEvent(e);
 571     ok(calls === "elem1.test,", "calls = " + calls);
 572     ok(e.eventPhase === 3, "eventPhase = " + e.eventPhase);
 573
 574     next_test();
 575 }
 576
 577 function test_time_stamp() {
 578     document.body.innerHTML = '<div></div>';
 579     var elem = document.body.firstChild;
 580     var calls, last_time_stamp;
 581
 582     elem.onclick = function(event) {
 583         ok(event.timeStamp === last_time_stamp, "timeStamp = " + event.timeStamp);
 584         calls++;
 585     }
 586
 587     var e = document.createEvent("Event");
 588     ok(typeof(e.timeStamp) === "number", "typeof(timeStamp) = " + typeof(e.timeStamp));
 589     ok(e.timeStamp > 0, "timeStamp = " + e.timeStamp);
 590
 591     var now = (new Date()).getTime();
 592     last_time_stamp = e.timeStamp;
 593     ok(Math.abs(now - last_time_stamp) < 3, "timeStamp " + last_time_stamp + " != now " + now);
 594
 595     e.initEvent("click", true, true);
 596     ok(e.timeStamp === last_time_stamp, "timeStamp = " + e.timeStamp);
 597     calls = 0;
 598     elem.dispatchEvent(e);
 599     ok(calls === 1, "calls = " + calls);
 600     ok(e.timeStamp === last_time_stamp, "timeStamp = " + e.timeStamp);
 601
 602     elem.onclick = function(event) {
 603         ok(event.timeStamp > 0, "timeStamp = " + event.timeStamp);
 604         trace("timestamp " + event.timeStamp);
 605         calls++;
 606     }
 607
 608     calls = 0;
 609     elem.click();
 610     ok(calls === 1, "calls = " + calls);
 611
 612     next_test();
 613 }
 614
 615 function test_mouse_event() {
 616     var e;
 617
 618     e = document.createEvent("MouseEvent");
 619     ok(e.screenX === 0, "screenX = " + e.screenX);
 620     ok(e.screenY === 0, "screenY = " + e.screenY);
 621     ok(e.clientX === 0, "clientX = " + e.clientX);
 622     ok(e.clientY === 0, "clientY = " + e.clientY);
 623     ok(e.ctrlKey === false, "ctrlKey = " + e.ctrlKey);
 624     ok(e.altKey === false, "altKey = " + e.altKey);
 625     ok(e.shiftKey === false, "shiftKey = " + e.shiftKey);
 626     ok(e.metaKey === false, "metaKey = " + e.metaKey);
 627     ok(e.button === 0, "button = " + e.button);
 628
 629     e.initMouseEvent("test", true, true, window, 1, 2, 3, 4, 5, false, false, false, false, 1, document);
 630     ok(e.type === "test", "type = " + e.type);
 631     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 632     ok(e.bubbles === true, "bubbles = " + e.bubbles);
 633     ok(e.detail === 1, "detail = " + e.detail);
 634     todo_wine.
 635     ok(e.view === window, "view != window");
 636     ok(e.screenX === 2, "screenX = " + e.screenX);
 637     ok(e.screenY === 3, "screenY = " + e.screenY);
 638     ok(e.clientX === 4, "clientX = " + e.clientX);
 639     ok(e.clientY === 5, "clientY = " + e.clientY);
 640     ok(e.ctrlKey === false, "ctrlKey = " + e.ctrlKey);
 641     ok(e.altKey === false, "altKey = " + e.altKey);
 642     ok(e.shiftKey === false, "shiftKey = " + e.shiftKey);
 643     ok(e.metaKey === false, "metaKey = " + e.metaKey);
 644     ok(e.button === 1, "button = " + e.button);
 645     ok(e.buttons === 0, "buttons = " + e.buttons);
 646
 647     e.initMouseEvent("test", false, false, window, 9, 8, 7, 6, 5, true, true, true, true, 127, document);
 648     ok(e.type === "test", "type = " + e.type);
 649     ok(e.cancelable === false, "cancelable = " + e.cancelable);
 650     ok(e.bubbles === false, "bubbles = " + e.bubbles);
 651     ok(e.detail === 9, "detail = " + e.detail);
 652     ok(e.screenX === 8, "screenX = " + e.screenX);
 653     ok(e.screenY === 7, "screenY = " + e.screenY);
 654     ok(e.clientX === 6, "clientX = " + e.clientX);
 655     ok(e.clientY === 5, "clientY = " + e.clientY);
 656     ok(e.ctrlKey === true, "ctrlKey = " + e.ctrlKey);
 657     ok(e.altKey === true, "altKey = " + e.altKey);
 658     ok(e.shiftKey === true, "shiftKey = " + e.shiftKey);
 659     ok(e.metaKey === true, "metaKey = " + e.metaKey);
 660     ok(e.button === 127, "button = " + e.button);
 661
 662     e.initEvent("testevent", true, true);
 663     ok(e.type === "testevent", "type = " + e.type);
 664     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 665     ok(e.bubbles === true, "bubbles = " + e.bubbles);
 666     ok(e.detail === 9, "detail = " + e.detail);
 667     ok(e.screenX === 8, "screenX = " + e.screenX);
 668     ok(e.screenY === 7, "screenY = " + e.screenY);
 669     ok(e.clientX === 6, "clientX = " + e.clientX);
 670     ok(e.clientY === 5, "clientY = " + e.clientY);
 671     ok(e.ctrlKey === true, "ctrlKey = " + e.ctrlKey);
 672     ok(e.altKey === true, "altKey = " + e.altKey);
 673     ok(e.shiftKey === true, "shiftKey = " + e.shiftKey);
 674     ok(e.metaKey === true, "metaKey = " + e.metaKey);
 675     ok(e.button === 127, "button = " + e.button);
 676
 677     e.initUIEvent("testevent", true, true, window, 6);
 678     ok(e.type === "testevent", "type = " + e.type);
 679     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 680     ok(e.bubbles === true, "bubbles = " + e.bubbles);
 681     ok(e.detail === 6, "detail = " + e.detail);
 682     ok(e.screenX === 8, "screenX = " + e.screenX);
 683     ok(e.screenY === 7, "screenY = " + e.screenY);
 684     ok(e.clientX === 6, "clientX = " + e.clientX);
 685     ok(e.clientY === 5, "clientY = " + e.clientY);
 686     ok(e.ctrlKey === true, "ctrlKey = " + e.ctrlKey);
 687     ok(e.altKey === true, "altKey = " + e.altKey);
 688     ok(e.shiftKey === true, "shiftKey = " + e.shiftKey);
 689     ok(e.metaKey === true, "metaKey = " + e.metaKey);
 690     ok(e.button === 127, "button = " + e.button);
 691
 692     next_test();
 693 }
 694
 695 function test_ui_event() {
 696     var e;
 697
 698     e = document.createEvent("UIEvent");
 699     ok(e.detail === 0, "detail = " + e.detail);
 700
 701     e.initUIEvent("test", true, true, window, 3);
 702     ok(e.type === "test", "type = " + e.type);
 703     ok(e.cancelable === true, "cancelable = " + e.cancelable);
 704     ok(e.bubbles === true, "bubbles = " + e.bubbles);
 705     ok(e.detail === 3, "detail = " + e.detail);
 706     todo_wine.
 707     ok(e.view === window, "view != window");
 708
 709     next_test();
 710 }
 711
 712 function test_keyboard_event() {
 713     var e;
 714
 715     e = document.createEvent("KeyboardEvent");
 716
 717     e.initEvent("test", true, true);
 718     ok(e.key === "", "key = " + e.key);
 719     ok(e.keyCode === 0, "keyCode = " + e.keyCode);
 720     ok(e.charCode === 0, "charCode = " + e.charCode);
 721     ok(e.repeat === false, "repeat = " + e.repeat);
 722     ok(e.ctrlKey === false, "ctrlKey = " + e.ctrlKey);
 723     ok(e.altKey === false, "altKey = " + e.altKey);
 724     ok(e.shiftKey === false, "shiftKey = " + e.shiftKey);
 725     ok(e.metaKey === false, "metaKey = " + e.metaKey);
 726     ok(e.location === 0, "location = " + e.location);
 727     ok(e.detail === 0, "detail = " + e.detail);
 728
 729     next_test();
 730 }
 731
 732 var tests = [
 733     test_content_loaded,
 734     test_add_remove_listener,
 735     test_add_listener_in_listener,
 736     test_remove_listener_in_listener,
 737     test_event_phase,
 738     test_stop_propagation,
 739     test_prevent_default,
 740     test_init_event,
 741     test_current_target,
 742     test_dispatch_event,
 743     test_recursive_dispatch,
 744     test_ui_event,
 745     test_mouse_event,
 746     test_keyboard_event,
 747     test_time_stamp,
 748     test_listener_order
 749 ];