third_party/WebKit/LayoutTests/touchadjustment/block-testing.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>Touch Adjustment: bug 82044</title>
   5     <script src="../resources/js-test.js"></script>
   6     <script src="resources/touchadjustment.js"></script>
   7     <style>
   8         #sandbox { position: absolute; left: 0px; top: 0px; width: 400px; height: 200px; }
   9         #div1 { position: absolute; left: 50px; top: 50px; width: 200px; height: 50px;}
  10         #div2 { position: absolute; left: 50px; top: 100px; width: 200px; height: 50px;}
  11     </style>
  12 </head>
  13 <body>
  14     <div id=sandbox>
  15         <div id=div1 onclick=onClick>
  16         Some text.
  17         </div>
  18
  19         <div id=div2>
  20         Some text. <a id=a1 href="#1">A link</a>
  21         </div>
  22     </div>
  23
  24     <p id='description'></p>
  25     <div id='console'></div>
  26
  27     <script>
  28         function onClick() {
  29         }
  30
  31         function testDirectTouches()
  32         {
  33             testTouchPoint(touchPoint(200, 90, 200), document.getElementById('div1'));
  34
  35         }
  36         function runTests()
  37         {
  38             if (window.testRunner && window.internals && internals.touchNodeAdjustedToBestClickableNode) {
  39                 description('Test touch-adjustment on a block where we also touch the inner text and outside link.');
  40                 testDirectTouches();
  41                 document.getElementById('sandbox').style.display = 'none';
  42             }
  43         }
  44         runTests();
  45     </script>
  46 </body>
  47 </html>