test_bug1285128.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<!--

https://bugzilla.mozilla.org/show_bug.cgi?id=1285128

-->

<head>

  <meta charset="utf-8">

  <title>Test for Bug 1285128</title>

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

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

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

</head>

<body>

<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1285128">Mozilla Bug 1285128</a>

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

<div id="target0" style="width: 50px; height: 50px; background: green"></div>

<div id="target1" style="width: 50px; height: 50px; background: red"></div>

<script type="text/javascript">

/** Test for Bug 1285128 **/

SimpleTest.waitForExplicitFinish();

function runTests() {

  let target0 = window.document.getElementById("target0");

  let pointerEventsList = ["pointerover", "pointerenter", "pointerdown",

                           "pointerup", "pointerleave", "pointerout"];

  const pointerEvents = [];

  pointerEventsList.forEach((elem, index, arr) => {

    target0.addEventListener(elem, event => pointerEvents.push(event.type));

});

  target1.addEventListener("mouseup", () => {

is(

      pointerEvents.join(", "),

        "pointerover", // Should be caused by the synthesized mousemove

        "pointerenter",

        "pointerout", // Should be caused by clicking target1

        "pointerleave",

      ].join(", "),

      "Synthesizing mousemove should cause only pointer boundary events"

);

    SimpleTest.finish();

});

  synthesizeMouseAtCenter(target0, { type: "mousemove",

                                     inputSource: MouseEvent.MOZ_SOURCE_MOUSE,

                                     isWidgetEventSynthesized: true });

  synthesizeMouseAtCenter(target1, { type: "mousedown" });

  synthesizeMouseAtCenter(target1, { type: "mouseup" });

SimpleTest.waitForFocus(runTests);

</script>

</body>

</html>