src/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-nested-cursor.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script src="../../resources/js-test.js"></script>
   5     <script src="resources/link-highlight-helper.js"></script>
   6     <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css">
   7     <style>
   8         #outerDiv {
   9             width: 150px;
  10         }
  11         #outerDiv, #outerDiv div {
  12             padding: 15px;
  13             border-style: solid;
  14         }
  15     </style>
  16 </head>
  17 <body onload="runTest();">
  18     <div class="opaqueHighlight" id="outerDiv" style="cursor: pointer">
  19         <div style="cursor: pointer;">
  20             <div style="cursor: default;">
  21                 <div id="innerDiv"></div>
  22             </div>
  23         </div>
  24     </div>
  25
  26     <script>
  27         function runTest() {
  28             useMockHighlight();
  29
  30             var clientRect = document.getElementById("innerDiv").getBoundingClientRect();
  31             x = (clientRect.left + clientRect.right) / 2;
  32             y = (clientRect.top +  clientRect.bottom) / 2;
  33             if (window.testRunner) {
  34                 testRunner.dumpAsTextWithPixelResults();
  35                 testRunner.waitUntilDone();
  36             }
  37
  38             if (window.eventSender) {
  39                 eventSender.gestureShowPress(x, y);
  40                 window.setTimeout(function() { window.testRunner.notifyDone(); }, 0);
  41             } else {
  42                 debug("This test requires DumpRenderTree.");
  43             }
  44         }
  45     </script>
  46 </body>
  47 </html>