src/third_party/WebKit/LayoutTests/inspector/layers/layer-scroll-rects-get.html

   1 <html>
   2 <head>
   3 <script src="../../http/tests/inspector/inspector-test.js"></script>
   4 <script src="../../http/tests/inspector/layers-test.js"></script>
   5 <script>
   6 function test()
   7 {
   8     function onGotLayers()
   9     {
  10         InspectorTest.addResult("Scroll rectangles");
  11         InspectorTest.dumpModelScrollRects();
  12         InspectorTest.completeTest();
  13     }
  14
  15     WebInspector.inspectorView.showPanel("layers");
  16     InspectorTest.requestLayers(onGotLayers);
  17 }
  18 </script>
  19 </head>
  20 <body onload="runTest()">
  21 <div style="-webkit-transform: translateZ(100px);" onmousewheel=""></div>
  22 <div id="touchable" style="-webkit-transform:translateZ(100px);height:20px;width:20px;overflow:scroll;">
  23     <div style="height:40px;width:40px;"></div>
  24 </div>
  25 <script type="text/javascript">
  26     var element = document.getElementById('touchable');
  27     element.addEventListener("touchstart", function(evt) {}, false);
  28 </script>
  29 </body>
  30 </html>