third_party/WebKit/LayoutTests/fast/events/touch/gesture/gesture-tap-active-state-hidden-iframe.html

   1 <!DOCTYPE html>
   2 <script src="../../../../resources/js-test.js"></script>
   3 <link rel="stylesheet" href="../resources/touch-hover-active-tests.css">
   4 <style type="text/css">
   5 #box {
   6     height: 200px;
   7     width: 200px;
   8 }
   9
  10 #over {
  11     z-index: 9000;
  12     position: absolute;
  13     top: -50px;
  14     left: -50px;
  15 }
  16
  17 #frame {
  18     width: 400px;
  19     height: 400px;
  20     z-index: -1;
  21     position: absolute;
  22     visibility: hidden;
  23     left: 0;
  24     top: 0;
  25 }
  26 </style>
  27 <div id="box" class="touch-interactive">Gestures go here</div>
  28 <div id="over">
  29     <iframe id="frame"></iframe>
  30 </div>
  31
  32 <p id="description"></p>
  33 <div id="console"></div>
  34
  35 <script src="../resources/touch-hover-active-tests.js"></script>
  36 <script>
  37 var box = document.getElementById("box");
  38 description("Tests that tap gesture events on a an element covered by a hidden iframe set and clear the active state.");
  39
  40 window.jsTestIsAsync = true;
  41
  42 function runTests()
  43 {
  44     if (!window.eventSender) {
  45         debug("This test requires DRT.");
  46         return;
  47     }
  48
  49     if (!eventSender.gestureShowPress) {
  50         debug("GestureShowPress is not supported by this platform");
  51         return;
  52     }
  53
  54     debug("Verify active isn't initially set");
  55     shouldBeDefault("getHoverActiveState(box)");
  56
  57     debug("Verify showPress, tap sets and clears active");
  58     eventSender.gestureTapDown(50, 50);
  59     eventSender.gestureShowPress(50, 50);
  60     shouldBeHoveredAndActive("getHoverActiveState(box)");
  61     eventSender.gestureTap(50, 50);
  62     waitUntilActiveCleared();
  63 }
  64
  65 function waitUntilActiveCleared()
  66 {
  67     if (getHoverActiveState(box) == "hoveredAndActive") {
  68         return setTimeout(waitUntilActiveCleared, 10);
  69     }
  70
  71     shouldBeOnlyHovered("getHoverActiveState(box)");
  72
  73     finishJSTest();
  74 }
  75
  76 window.onload = runTests;
  77 </script>