third_party/WebKit/LayoutTests/media/controls-timeline.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <title>media controls timeline</title>
   5         <script src="media-file.js"></script>
   6         <script src="media-controls.js"></script>
   7         <script src="video-test.js"></script>
   8     </head>
   9     <body>
  10         <video controls></video>
  11         <script>
  12             findMediaElement();
  13             video.src = findMediaFile("video", "content/test");
  14             waitForEvent("loadedmetadata", function()
  15             {
  16                 testExpected("video.currentTime", 0);
  17                 testExpected("video.seeking", false);
  18
  19                 // click the middle of the timeline
  20                 var coords = mediaControlsButtonCoordinates(video, "timeline");
  21                 eventSender.mouseMoveTo(coords[0], coords[1]);
  22                 eventSender.mouseDown();
  23                 eventSender.mouseUp();
  24
  25                 testExpected("video.currentTime / video.duration", 0.4, '>');
  26                 testExpected("video.currentTime / video.duration", 0.6, '<');
  27                 testExpected("video.seeking", true);
  28
  29                 endTest();
  30             });
  31         </script>
  32     </body>
  33 </html>