LayoutTests/fast/events/touch/touch-active-state.html

   1 <html>
   2 <script src="../../js/resources/js-test-pre.js"></script>
   3 <style type="text/css">
   4 #box {
   5     background-color:blue;
   6     width:100px;
   7     height:100px;
   8 }
   9
  10 #box:active {
  11     visibility:hidden;
  12 }
  13
  14 </style>
  15 <body onload="runTest();">
  16 <div id="box" ontouchstart="testComplete();">FAIL</div>
  17
  18 <p id="description"></p>
  19 <div id="console"></div>
  20
  21 <script type="text/javascript">
  22 description('Test touches set the active state.');
  23
  24 function testComplete(event)
  25 {
  26     isSuccessfullyParsed();
  27     layoutTestController.notifyDone();
  28 }
  29
  30 function runTest()
  31 {
  32     if (window.eventSender) {
  33         // Touch the center of the div.
  34         eventSender.addTouchPoint(50, 50);
  35         eventSender.touchStart();
  36     } else
  37         debug('This test requires DRT.');
  38 }
  39
  40 if (window.layoutTestController)
  41     layoutTestController.waitUntilDone();
  42 </script>
  43 </body>
  44 </html>