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 src="full-screen-test.js"></script>
   5     <script src="../media/media-controls.js"></script>
   6     <script src="../media/media-file.js"></script>
   7     <script>
   8         var video = document.getElementById('video');
   9         var timeline;
  10
  11         waitForEvent(document, 'webkitfullscreenchange', function() {
  12             if (window.internals) {
  13                 timeline = mediaControlsElement(internals.shadowRoot(video).firstChild, '-webkit-media-controls-timeline');
  14                 var box = internals.boundingBox(timeline);
  15
  16                 eventSender.mouseMoveTo(box.left + 5, box.top + 5);
  17
  18                 waitForEvent(timeline, 'mousedown');
  19                 eventSender.mouseDown();
  20
  21                 waitForEventAndEnd(timeline, 'mouseup');
  22                 eventSender.mouseUp();
  23             }
  24             else
  25                 logResult(false, "window.internals == undefined");
  26         });
  27
  28         waitForEvent(video, 'canplaythrough', function() {
  29             runWithKeyDown(function(){video.webkitRequestFullScreen()});
  30         });
  31
  32         video.src = findMediaFile('video', '../media/content/test');
  33     </script>
  34 </body>