third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline.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 .myDiv {
   9     transform:translateZ(0);
  10     position:relative;
  11     z-index:0;
  12     top:-10px;
  13     background-color:blue
  14 }
  15 </style>
  16 </head>
  17 <body onload="runTest();" style="overflow: hidden">
  18 <span style="cursor: pointer; position:relative;z-index:1" class="opaqueHighlight">
  19   <span id="targetLink" style="visibility: hidden">TEST</span>
  20 </span>
  21 <div class="myDiv">Div to overlap to ensure compositing</div>
  22 <script>
  23 function runTest() {
  24     useMockHighlight();
  25     var clientRect = document.getElementById('targetLink').getBoundingClientRect();
  26     x = (clientRect.left + clientRect.right) / 2;
  27     y = (clientRect.top + clientRect.bottom) / 2;
  28
  29     if (window.testRunner) {
  30         testRunner.dumpAsTextWithPixelResults();
  31         testRunner.waitUntilDone();
  32     }
  33
  34     if (window.eventSender) {
  35         eventSender.gestureShowPress(x, y);
  36         window.setTimeout(function() { window.testRunner.notifyDone(); }, 0);
  37     } else {
  38         debug("This test requires DumpRenderTree.");
  39         debug("This test makes sure that a link highlight on a composited" +
  40               ", inline element that doesn't draw content does not crash" +
  41               "http://crbug.com/322591");
  42         debug("This test is successful if it doesn't crash and there's a green rectangle below.");
  43     }
  44 }
  45 </script>
  46 </body>
  47 </html>