src/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-on-promoted-overflow-div-scrolled.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css">
   5     <script>
   6       if (window.internals)
   7         window.internals.settings.setCompositorDrivenAcceleratedScrollingEnabled(true);
   8
   9       function runTest() {
  10         var targetDiv = document.getElementById('targetDiv');
  11         var resultDiv = document.getElementById('result');
  12
  13         if (window.internals)
  14           window.internals.forceCompositingUpdate(document);
  15
  16         var clientRect = document.getElementById('targetLink').getBoundingClientRect();
  17         x = (clientRect.left + clientRect.right) / 2;
  18         y = (clientRect.top + clientRect.bottom) / 2;
  19         if (window.testRunner) {
  20           testRunner.dumpAsTextWithPixelResults();
  21           testRunner.waitUntilDone();
  22         }
  23
  24         if (window.eventSender) {
  25           eventSender.gestureShowPress(x, y);
  26           targetDiv.scrollTop += 20;
  27           window.setTimeout(function() { window.testRunner.notifyDone(); }, 30);
  28         } else {
  29           debug("This test requires DumpRenderTree.");
  30         }
  31       }
  32     </script>
  33   </head>
  34   <body onload="runTest();">
  35     <div style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div>
  36     <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;">
  37       <a href="">Link 1</a><br>
  38       <a href="">Link 2</a><br>
  39       <a href="">Link 3</a><br>
  40       <a class="opaqueHighlight" href="" id="targetLink">Target Link.</a><br>
  41       <a href="">Link 4</a><br>
  42       <a href="">Link 5</a><br>
  43     </div>
  44     <div style="position: relative; left: 10px; top: 80px">
  45       This test is successful if "Target Link" above is covered in a green
  46       rectangle with rounded corners and the list is partially scrolled.
  47     </div>
  48     <div id="result"></div>
  49   </body>
  50 </html>