dom/svg/test/test_dynamic-move-under-mouse.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=119061
   5 -->
   6 <head>
   7   <title>Test for Bug 119061</title>
   8   <script src="/tests/SimpleTest/SimpleTest.js"></script>
   9   <script src="/tests/SimpleTest/EventUtils.js"></script>
  10   <script src="/tests/SimpleTest/WindowSnapshot.js"></script>
  11   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  12   <style>
  13     #target:hover { fill: lime; }
  14   </style>
  15 </head>
  16 <body>
  17 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=119061">Mozilla Bug 119061</a>
  18 <p id="display">
  19   <svg>
  20     <rect width="100%" height="100%" fill="lime"/>
  21     <rect id="target" width="100" height="100" transform="translate(-51,-51)" fill="lime"/>
  22   </svg>
  23 </p>
  24 <div id="content" style="display: none">
  25
  26 </div>
  27 <pre id="test">
  28 <script>
  29
  30 SimpleTest.waitForExplicitFinish();
  31
  32 SimpleTest.waitForFocus(() => {
  33   let target = document.getElementById("target");
  34   let rect = document.getElementById("display").getBoundingClientRect();
  35   synthesizeMouse(target, 25, 25, {type: "mousemove"});
  36   let reference = snapshotRect(window, rect);
  37   target.setAttribute("fill", "red");
  38   ok(compareSnapshots(snapshotRect(window, rect), reference, false), "target should be visible");
  39   synthesizeMouse(target, 51, 51, {type: "mousemove"});
  40   target.removeAttribute("transform");
  41   ok(compareSnapshots(snapshotRect(window, rect), reference, true), "target should be invisible");
  42
  43   SimpleTest.finish();
  44 });
  45 </script>
  46 </pre>
  47 </body>
  48 </html>