third_party/WebKit/LayoutTests/media/video-controls-hide-on-move-outside-controls.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     // Move the mouse to the upper-left corner of the video.
  42     eventSender.mouseMoveTo(video.offsetLeft + 4, video.offsetTop + 4);
  43 }
  44 </script>
  45 <body>
  46     <p>Test video element control visibility when mouse is not over element.</p>
  47     <p>This test only runs in DRT!</p>
  48
  49     <video id="no-video-media" controls loop oncanplaythrough="runTest()"></video>
  50     <script>
  51         setSrcById("no-video-media", findMediaFile("video", "content/test"));
  52     </script>
  53 </body>
  54 </html>