third_party/WebKit/LayoutTests/svg/custom/click-overflowing-element.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>Click on overflowing svg element</title>
   5         <script type="text/javascript" charset="utf-8">
   6             if (window.testRunner)
   7                 testRunner.dumpAsText();
   8
   9             function sendClick()
  10             {
  11                 var target = document.getElementById("target");
  12                 var rect = target.getBoundingClientRect();
  13
  14                 if (window.eventSender) {
  15                     eventSender.mouseMoveTo(rect.left + 10, rect.top + 10);
  16                     eventSender.mouseDown();
  17                     eventSender.mouseUp();
  18                 }
  19             }
  20
  21             window.addEventListener('load', sendClick, false);
  22         </script>
  23         <style>
  24         rect:hover { fill: blue; }
  25         </style>
  26     </head>
  27     <body>
  28         <svg width="100" height='100' overflow="visible">
  29             <rect id="target" x="100" width="100" height="100" onclick="document.querySelector('p').textContent='PASS';"/>
  30         </svg>
  31         <p>FAIL</p>
  32     </body>
  33 </html>