third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-nested-cursor2-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script src="../../resources/js-test.js"></script>
   5     <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css">
   6     <style>
   7         #outerDiv {
   8             width: 150px;
   9         }
  10         #outerDiv, #outerDiv div {
  11             padding: 15px;
  12             border-style: solid;
  13         }
  14     </style>
  15 </head>
  16 <body onload="runTest();">
  17     <div id="highlight" class="fauxHighlight" style="z-index: 1; position: absolute"></div>
  18     <div class="opaqueHighlight" id="outerDiv" style="cursor: pointer">
  19         <div>
  20             <div style="cursor: pointer">
  21                 <div id="innerDiv"></div>
  22             </div>
  23         </div>
  24     </div>
  25
  26     <script>
  27         function runTest() {
  28             var clientRect = document.getElementById("outerDiv").getBoundingClientRect();
  29             var highlight = document.getElementById("highlight");
  30
  31             highlight.style.left = clientRect.left + "px";
  32             highlight.style.top = clientRect.top + "px";
  33             highlight.style.width = clientRect.width + "px";
  34             highlight.style.height = clientRect.height + "px";
  35
  36             if (window.testRunner)
  37                 testRunner.dumpAsTextWithPixelResults();
  38         }
  39     </script>
  40 </body>
  41 </html>