<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1093686
-->
  <head>
    <meta charset="utf-8">
    <title>Testing effect of listener on body with respect to event retargeting</title>
    <script src="/tests/SimpleTest/SimpleTest.js"></script>
    <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
    <script type="text/javascript">
      var iframe = undefined;
      function prepareTest() {
        SimpleTest.waitForExplicitFinish();
        iframe = document.getElementById("testFrame");
        turnOnEventRetargeting(startTest);
      }
      function turnOnEventRetargeting(callback) {
        SpecialPowers.pushPrefEnv({
          "set": [
            ["ui.mouse.radius.enabled", true],
            ["ui.mouse.radius.inputSource.touchOnly", false],
            ["ui.mouse.radius.leftmm", 8],
            ["ui.mouse.radius.topmm", 12],
            ["ui.mouse.radius.rightmm", 8],
            ["ui.mouse.radius.bottommm", 4]
          ]
        }, callback);
      }
      function startTest() {
        iframe.src = "bug1093686_inner.html";
      }
      function finishTest() {
        SimpleTest.finish();
      }
    </script>
  </head>
  <body onload="prepareTest()">
    <iframe id="testFrame" height="700" width="700"></iframe>
  </body>
</html>