test_dom_mouse_event.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <title>Test for DOM MouseEvent</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>

</head>

<body>

<p id="display"></p>

<div id="content" style="display: none">

</div>

<pre id="test">

<script type="application/javascript">

SimpleTest.waitForExplicitFinish();

SimpleTest.waitForFocus(runTests, window);

function testInitializingUntrustedEvent()

  const kTests = [

    { createEventArg: "MouseEvent",

      type: "mousedown", bubbles: true, cancelable: true, view: null, detail: 1,

      screenX: 0, screenY: 0, clientX: 0, clientY: 0,

      ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,

      button: 6, relatedTarget: null },

    { createEventArg: "mouseevent",

      type: "mouseup", bubbles: false, cancelable: true, view: window, detail: 2,

      screenX: 0, screenY: 0, clientX: 0, clientY: 400,

      ctrlKey: true, altKey: false, shiftKey: false, metaKey: false,

      button: 1, relatedTarget: document.getElementById("content") },

    { createEventArg: "Mouseevent",

      type: "click", bubbles: true, cancelable: false, view: null, detail: -5,

      screenX: 0, screenY: 0, clientX: 300, clientY: 0,

      ctrlKey: false, altKey: true, shiftKey: false, metaKey: false,

      button: 2, relatedTarget: document.getElementById("test") },

    { createEventArg: "mouseEvent",

      type: "dblclick", bubbles: false, cancelable: false, view: window, detail: -1,

      screenX: 0, screenY: 200, clientX: 0, clientY: 0,

      ctrlKey: false, altKey: false, shiftKey: true, metaKey: false,

      button: 12, relatedTarget: document.getElementById("content") },

    { createEventArg: "MouseEvents",

      type: "mouseenter", bubbles: true, cancelable: true, view: null, detail: 111000,

      screenX: 100, screenY: 0, clientX: 0, clientY: 0,

      ctrlKey: false, altKey: false, shiftKey: false, metaKey: true,

      button: 2, relatedTarget: document.getElementById("test") },

    { createEventArg: "mouseevents",

      type: "mouseleave", bubbles: false, cancelable: true, view: window, detail: 500,

      screenX: 100, screenY: 500, clientX: 0, clientY: 0,

      ctrlKey: true, altKey: true, shiftKey: false, metaKey: false,

      button: 8, relatedTarget: document.getElementById("content") },

    { createEventArg: "Mouseevents",

      type: "mouseover", bubbles: true, cancelable: false, view: null, detail: 3,

      screenX: 0, screenY: 0, clientX: 200, clientY: 300,

      ctrlKey: false, altKey: true, shiftKey: false, metaKey: true,

      button: 7, relatedTarget: document.getElementById("test") },

    { createEventArg: "mouseEvents",

      type: "mouseout", bubbles: false, cancelable: false, view: window, detail: 5,

      screenX: -100, screenY: 300, clientX: 600, clientY: -500,

      ctrlKey: true, altKey: false, shiftKey: true, metaKey: false,

      button: 8, relatedTarget: document.getElementById("content") },

    { createEventArg: "MouseEvent",

      type: "mousemove", bubbles: false, cancelable: false, view: window, detail: 30,

      screenX: 500, screenY: -100, clientX: -8888, clientY: -5000,

      ctrlKey: true, altKey: false, shiftKey: true, metaKey: true,

      button: 8, relatedTarget: document.getElementById("test") },

    { createEventArg: "MouseEvent",

      type: "foo", bubbles: false, cancelable: false, view: window, detail: 100,

      screenX: 2000, screenY: 6000, clientX: 5000, clientY: 3000,

      ctrlKey: true, altKey: true, shiftKey: true, metaKey: true,

      button: 8, relatedTarget: document.getElementById("test") },

];

  const kOtherModifierName = [

    "CapsLock", "NumLock", "ScrollLock", "Symbol", "SymbolLock", "Fn", "FnLock", "AltGraph"

];

  const kInvalidModifierName = [

    "shift", "control", "alt", "meta", "capslock", "numlock", "scrolllock",

    "symbollock", "fn", "OS", "altgraph", "Invalid", "Shift Control",

    "Win", "Scroll"

];

  for (var i = 0; i < kTests.length; i++) {

    var description = "testInitializingUntrustedEvent, Index: " + i + ", ";

    const kTest = kTests[i];

    var e = document.createEvent(kTest.createEventArg);

    e.initMouseEvent(kTest.type, kTest.bubbles, kTest.cancelable, kTest.view,

                     kTest.detail, kTest.screenX, kTest.screenY, kTest.clientX, kTest.clientY,

                     kTest.ctrlKey, kTest.altKey, kTest.shiftKey, kTest.metaKey,

                     kTest.button, kTest.relatedTarget);

    for (var attr in kTest) {

      if (attr == "createEventArg") {

        continue;

      is(e[attr], kTest[attr], description + attr + " returns wrong value");

    is(e.isTrusted, false, description + "isTrusted returns wrong value");

    is(e.buttons, 0, description + "buttons returns wrong value");

    is(e.movementX, 0, description + "movementX returns wrong value");

    is(e.movementY, 0, description + "movementY returns wrong value");

    // getModifierState() tests

    is(e.getModifierState("Shift"), kTest.shiftKey,

       description + "getModifierState(\"Shift\") returns wrong value");

    is(e.getModifierState("Control"), kTest.ctrlKey,

       description + "getModifierState(\"Control\") returns wrong value");

    is(e.getModifierState("Alt"), kTest.altKey,

       description + "getModifierState(\"Alt\") returns wrong value");

    is(e.getModifierState("Meta"), kTest.metaKey,

       description + "getModifierState(\"Meta\") returns wrong value");

    for (var j = 0; j < kOtherModifierName.length; j++) {

      ok(!e.getModifierState(kOtherModifierName[j]),

         description + "getModifierState(\"" + kOtherModifierName[j] + "\") returns wrong value");

    for (var k = 0; k < kInvalidModifierName.length; k++) {

      ok(!e.getModifierState(kInvalidModifierName[k]),

         description + "getModifierState(\"" + kInvalidModifierName[k] + "\") returns wrong value");

function runTests()

  testInitializingUntrustedEvent();

  SimpleTest.finish();

</script>

</pre>

</body>

</html>