third_party/WebKit/LayoutTests/fast/block/positioning/absolute-appended-to-inline.html

   1 <html>
   2 <head>
   3     <script>
   4         if (window.testRunner) {
   5             testRunner.dumpAsText();
   6             testRunner.waitUntilDone();
   7         }
   8
   9         function measureBlockPosition() {
  10             if (document.getElementById("block").offsetTop > document.getElementById("hover").offsetHeight)
  11               document.getElementById("console").innerHTML = "SUCCESS";
  12             testRunner.notifyDone();
  13         }
  14
  15         function updateBlock() {
  16             document.getElementById("block").style.display='block';
  17             window.setTimeout(measureBlockPosition(),10);
  18         }
  19
  20         function test(){
  21             var element = document.getElementById('hover');
  22             if (window.testRunner) {
  23                 eventSender.mouseMoveTo(element.offsetLeft + 5, element.offsetTop + 5);
  24             }
  25         }
  26     </script>
  27 </head>
  28 <body onload="test();">
  29     <div id="hover"><a onMouseOver="updateBlock()">Hover mouse over text. Blue block should appear below.</a><br><div id="block" style="display:none; position:absolute; background:#4682b4; height:10px; width:20px"></div></div>
  30     <div id="console">FAILURE</div>
  31 </body></html>