test_dynamic-move-under-mouse.html (1498B)
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>