LayoutTests/fullscreen/video-controls-drag.html

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