LayoutTests/fast/css-generated-content/hit-test-generated-content.html

   1 <html>
   2 <head>
   3 <style>
   4 #target {
   5   position: relative;
   6   width: 100px;
   7   height: 100px;
   8 }
   9
  10 #target::before {
  11   position: absolute;
  12   top: 0;
  13   left: 0;
  14   width: 100%;
  15   height: 100%;
  16   background-color: gray;
  17   content: "";
  18 }
  19
  20 </style>
  21 <script type="text/javascript" charset="utf-8">
  22   function runTest()
  23   {
  24     var hitElement = document.elementFromPoint(58, 58);
  25     var results = document.getElementById('results')
  26     if (hitElement && hitElement.id == 'target')
  27       results.innerHTML = 'elementFromPoint found target: PASS';
  28     else
  29       results.innerHTML = 'elementFromPoint did not find target: FAIL';
  30   }
  31 </script>
  32 </head>
  33 <body onload="runTest()">
  34
  35 <p>Tests hit testing on generated content</p>
  36 <div id="target">&nbsp;</div>
  37
  38 <div id="results">
  39 </div>
  40
  41 </body>
  42 </html>