third_party/WebKit/LayoutTests/touchadjustment/zoom-fatfinger.html

   1 <html>
   2 <head>
   3     <script src="../resources/js-test.js"></script>
   4     <style>
   5         #div1 { position: absolute; left: 100px; top: 100px; width: 200px; height: 20px; }
   6     </style>
   7 </head>
   8 <body onload="runTests()">
   9
  10 <div id=div1></div>
  11
  12 <p id='description'></p>
  13 <div id='console'></div>
  14
  15 <script>
  16     function testRoundTouch(x, y, radius)
  17     {
  18         var x = x - radius;
  19         var y = y - radius;
  20         var width = radius * 2;
  21         var height = radius * 2;
  22         var zoomableRect = internals.bestZoomableAreaForTouchPoint(x, y, width, height, document);
  23         return zoomableRect;
  24     }
  25
  26     function testDirectTouches()
  27     {
  28         zoomableArea = testRoundTouch(200, 110, 20);
  29         shouldEvaluateTo('zoomableArea.top', 100);
  30         shouldEvaluateTo('zoomableArea.left', 100);
  31         shouldEvaluateTo('zoomableArea.width', 200);
  32         shouldEvaluateTo('zoomableArea.height', 20);
  33
  34     }
  35
  36     function runTests()
  37     {
  38         if (window.testRunner && window.internals && internals.bestZoomableAreaForTouchPoint) {
  39             description('Test that targetted area is picked even if the touch area is not fully contained.');
  40             testRunner.dumpAsText();
  41             testRunner.waitUntilDone();
  42             testDirectTouches();
  43             isSuccessfullyParsed();
  44             testRunner.notifyDone();
  45         }
  46     }
  47 </script>
  48 </body>
  49 </html>