third_party/WebKit/LayoutTests/fullscreen/video-controls-timeline.html

   1 <body>
   2     <p>This tests that the video element's timeline controls are draggable in full screen.  Press any key to continue.</p>
   3     <video id="video" width="300" controls></video>
   4     <script>
   5         if (window.internals)
   6             runPixelTests = internals.runtimeFlags.forceOverlayFullscreenVideoEnabled;
   7     </script>
   8     <script src="full-screen-test.js"></script>
   9     <script src="../media/media-controls.js"></script>
  10     <script src="../media/media-file.js"></script>
  11     <script>
  12         var video = document.getElementById('video');
  13         var timeline;
  14
  15         waitForEvent(document, 'webkitfullscreenchange', function() {
  16             if (window.internals) {
  17                 timeline = mediaControlsElement(internals.shadowRoot(video).firstChild, '-webkit-media-controls-timeline');
  18                 var box = internals.boundingBox(timeline);
  19
  20                 eventSender.mouseMoveTo(box.left + 5, box.top + 5);
  21
  22                 waitForEvent(timeline, 'mousedown');
  23                 eventSender.mouseDown();
  24
  25                 waitForEventAndEnd(timeline, 'mouseup');
  26                 eventSender.mouseUp();
  27             }
  28             else
  29                 logResult(false, "window.internals == undefined");
  30         });
  31
  32         waitForEvent(video, 'canplaythrough', function() {
  33             runWithKeyDown(function(){video.webkitRequestFullScreen()});
  34         });
  35
  36         video.src = findMediaFile('video', '../media/content/test');
  37     </script>
  38 </body>