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     // Click the play button.
  24     var playCoords = mediaControlsButtonCoordinates(video, "play-button");
  25     var clickX = playCoords[0];
  26     var clickY = playCoords[1];
  27     eventSender.mouseMoveTo(clickX, clickY);
  28     eventSender.mouseDown();
  29     eventSender.mouseUp();
  30     testExpected("video.paused", false);
  31
  32     runAfterHideMediaControlsTimerFired(function()
  33     {
  34         controls = mediaControlsButton(video, "panel");
  35         testExpected("getComputedStyle(controls).opacity", 0);
  36
  37         consoleWrite("");
  38         endTest();
  39     }, video);
  40 }
  41 </script>
  42 <body>
  43     <p>Test video element control visibility after touch on control. After a delay the
  44        controls must be hidden.</p>
  45     <p>This test only runs in DRT!</p>
  46
  47     <video id="no-video-media" controls loop oncanplaythrough="runTest()"></video>
  48     <script>
  49         window.internals.settings.setDeviceSupportsMouse(false);
  50         setSrcById("no-video-media", findMediaFile("video", "content/test"));
  51     </script>
  52 </body>
  53 </html>