src/third_party/WebKit/LayoutTests/media/video-controls-hide-after-touch-on-control.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 #no-video-media {
   5   width: 320px;
   6   height: 240px;
   7 }
   8 </style>
   9 <script src=video-test.js></script>
  10 <script src=media-file.js></script>
  11 <script src=media-controls.js></script>
  12 <script>
  13 var controls;
  14
  15 function runTest()
  16 {
  17     video = document.getElementById("no-video-media");
  18
  19     testExpected("video.paused", true);
  20     if (!window.testRunner)
  21         return;
  22
  23     // Tap the play button
  24     var coords = mediaControlsButtonCoordinates(video, "play-button");
  25     eventSender.gestureTapDown(coords[0], coords[1]);
  26     eventSender.gestureShowPress(coords[0], coords[1]);
  27     eventSender.gestureTap(coords[0], coords[1]);
  28     testExpected("video.paused", false);
  29
  30     runAfterHideMediaControlsTimerFired(function()
  31     {
  32         controls = mediaControlsButton(video, "panel");
  33         testExpected("getComputedStyle(controls).opacity", 0);
  34
  35         consoleWrite("");
  36         endTest();
  37     }, video);
  38 }
  39 </script>
  40 <body>
  41     <p>Test video element control visibility after touch on control. After a delay the
  42        controls must be hidden.</p>
  43     <p>This test only runs in DRT!</p>
  44
  45     <video id="no-video-media" controls loop oncanplaythrough="runTest()"></video>
  46     <script>
  47         setSrcById("no-video-media", findMediaFile("video", "content/test"));
  48     </script>
  49 </body>
  50 </html>