LayoutTests/media/controls-drag-timebar.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>drag timebar test</title>
   5         <script src=media-controls.js></script>
   6         <script src=media-file.js></script>
   7         <script src=video-test.js></script>
   8         <script>
   9             var x;
  10             var y;
  11             var seekCount;
  12             var moveCount;
  13
  14             if (window.testRunner)
  15                 testRunner.dumpAsText();
  16
  17             function test()
  18             {
  19                 seekCount = 0;
  20                 moveCount = 0;
  21
  22                 if (window.eventSender) {
  23
  24                     var seekCoords;
  25                     try {
  26                         seekCoords = mediaControlsButtonCoordinates(video, "timeline");
  27                     } catch (exception) {
  28                         failTest(exception.description);
  29                         return;
  30                     }
  31                     x = seekCoords[0];
  32                     y = seekCoords[1];
  33
  34                     eventSender.dragMode = false;
  35                     eventSender.mouseMoveTo(x, y);
  36                     eventSender.mouseDown();
  37
  38                     // Drag mouse off of the slider thumb to make sure it continues to track
  39                     y += 100;
  40                     eventSender.mouseMoveTo(x, y);
  41                 }
  42                 window.setTimeout("move()", 100);
  43             }
  44
  45             function move()
  46             {
  47                 ++moveCount;
  48
  49                 var delta = (10 + moveCount * 2) * (moveCount % 2 ? 1 : -1);
  50
  51                 if (window.eventSender) {
  52                     x += delta;
  53                     eventSender.mouseMoveTo(x, y);
  54                 }
  55             }
  56
  57             function seeked()
  58             {
  59                 ++seekCount;
  60                 if (seekCount < 6) {
  61                     window.setTimeout("move()", 100);
  62                     return;
  63                 }
  64
  65                 if (window.eventSender)
  66                     eventSender.mouseUp();
  67                 endTest();
  68             }
  69
  70             function start()
  71             {
  72                 findMediaElement();
  73                 waitForEvent('canplaythrough', test);
  74                 waitForEvent('seeked', seeked);
  75                 video.src = findMediaFile("video", "content/test");
  76             }
  77         </script>
  78     </head>
  79
  80     <body onload="start()">
  81         <p>Test that dragging the timebar thumb causes seeks.</p>
  82         <video controls></video>
  83     </body>
  84 </html>
  85