third_party/WebKit/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                 testExpected("video.paused", false);
  23
  24                 if (window.eventSender) {
  25                     var seekCoords;
  26                     try {
  27                         seekCoords = mediaControlsButtonCoordinates(video, "timeline");
  28                     } catch (exception) {
  29                         failTest(exception.description);
  30                         return;
  31                     }
  32                     x = seekCoords[0];
  33                     y = seekCoords[1];
  34
  35                     eventSender.dragMode = false;
  36                     eventSender.mouseMoveTo(x, y);
  37                     eventSender.mouseDown();
  38
  39                     testExpected("video.paused", true);
  40
  41                     // Drag mouse off of the slider thumb to make sure it continues to track
  42                     y += 100;
  43                     eventSender.mouseMoveTo(x, y);
  44                 }
  45                 window.setTimeout("move()", 100);
  46             }
  47
  48             function move()
  49             {
  50                 ++moveCount;
  51
  52                 var delta = (10 + moveCount * 2) * (moveCount % 2 ? 1 : -1);
  53
  54                 if (window.eventSender) {
  55                     x += delta;
  56                     eventSender.mouseMoveTo(x, y);
  57                 }
  58             }
  59
  60             function seeked()
  61             {
  62
  63                 ++seekCount;
  64                 if (seekCount < 6) {
  65                     window.setTimeout("move()", 100);
  66                     return;
  67                 }
  68
  69                 if (window.eventSender) {
  70                     testExpected("video.paused", true);
  71                     eventSender.mouseUp();
  72                 }
  73
  74                 testExpected("video.paused", false);
  75
  76                 endTest();
  77             }
  78
  79             function start()
  80             {
  81                 findMediaElement();
  82                 waitForEventOnce('playing', test);
  83                 waitForEvent('seeked', seeked);
  84                 video.src = findMediaFile("video", "content/test");
  85                 video.play();
  86             }
  87         </script>
  88     </head>
  89
  90     <body onload="start()">
  91         <p>Test that dragging the timebar thumb causes seeks.</p>
  92         <video controls></video>
  93     </body>
  94 </html>