third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-invisible-inline-squashing.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" class="mySpan">TEST</span>
  20 </span>
  21 <div class="myDiv">Div to overlap to ensure compositing</div>
  22 <script>
  23 function runTest() {
  24     useMockHighlight();
  25
  26     var clientRect = document.getElementById('targetLink').getBoundingClientRect();
  27     x = (clientRect.left + clientRect.right) / 2;
  28     y = (clientRect.top + clientRect.bottom) / 2;
  29
  30     if (window.testRunner) {
  31         testRunner.dumpAsTextWithPixelResults();
  32         testRunner.waitUntilDone();
  33     }
  34
  35     if (window.eventSender) {
  36         eventSender.gestureShowPress(x, y);
  37         window.setTimeout(function() { window.testRunner.notifyDone(); }, 0);
  38     } else {
  39         debug("This test requires DumpRenderTree.");
  40         debug("This test makes sure that a link highlight on a composited" +
  41               ", inline element that doesn't draw content does not crash" +
  42               "http://crbug.com/322591");
  43         debug("This test is successful if it doesn't crash and there's a green rectangle below.");
  44     }
  45 }
  46 </script>
  47 </body>
  48 </html>