third_party/WebKit/LayoutTests/svg/hittest/svg-padding.xhtml

   1 <html xmlns='http://www.w3.org/1999/xhtml'>
   2   <head>
   3     <style>
   4       body {
   5           margin: 0px;
   6           padding: 0px;
   7           border: 1px solid black;
   8       }
   9       #square {
  10         fill: blue;
  11       }
  12       #square:hover {
  13         fill: green;
  14       }
  15     </style>
  16   </head>
  17   <body>
  18     <table><tr><td>
  19       <svg width='100px' height='100px' style='padding: 50px' xmlns='http://www.w3.org/2000/svg'>
  20         <svg>
  21           <rect id='square' width='100' height='100' onclick='alert("You clicked the square! It worked!")'/>
  22         </svg>
  23       </svg>
  24     </td></tr></table>
  25     <script><![CDATA[
  26     if (window.testRunner) {
  27       testRunner.dumpAsText();
  28     }
  29     var hitElement = document.elementFromPoint(75, 75);
  30     var hitSuccess = hitElement && hitElement == document.getElementById("square");
  31     document.body.innerHTML = hitSuccess ? "PASSED" : "FAIL, hit " + hitElement + " @ 50, 50";
  32     ]]></script>
  33   </body>
  34 </html>