| OLD | NEW | 
|   1 <!doctype html> |   1 <!doctype html> | 
|   2 <html> |   2 <html> | 
|   3     <head> |   3     <head> | 
|   4         <title>media controls timeline with MediaController</title> |   4         <title>media controls timeline with MediaController</title> | 
|   5         <script src="media-file.js"></script> |   5         <script src="media-file.js"></script> | 
|   6         <script src="media-controls.js"></script> |   6         <script src="media-controls.js"></script> | 
|   7         <script src="video-test.js"></script> |   7         <script src="video-test.js"></script> | 
|   8     </head> |   8     </head> | 
|   9     <body> |   9     <body> | 
|  10         <video controls></video> |  10         <video controls></video> | 
|  11         <script> |  11         <script> | 
|  12             findMediaElement(); |  12             findMediaElement(); | 
|  13             video.controller = new MediaController(); |  13             video.controller = new MediaController(); | 
|  14             video.src = findMediaFile("video", "content/test"); |  14             video.src = findMediaFile("video", "content/test"); | 
|  15             waitForEvent("loadedmetadata", function() |  15             waitForEvent("loadedmetadata", function() | 
|  16             { |  16             { | 
|  17                 testExpected("video.controller.currentTime", 0); |  17                 testExpected("video.controller.currentTime", 0); | 
|  18                 testExpected("video.currentTime", 0); |  18                 testExpected("video.currentTime", 0); | 
 |  19                 // Wait for the seek initiated by the "bringing up to speed" | 
 |  20                 // step to complete. | 
 |  21                 waitForEventOnce('seeked', seeked); | 
 |  22             }); | 
 |  23  | 
 |  24             var seeked = function() { | 
|  19                 testExpected("video.seeking", false); |  25                 testExpected("video.seeking", false); | 
|  20  |  26  | 
|  21                 // click the middle of the timeline |  27                 // click the middle of the timeline | 
|  22                 var coords = mediaControlsButtonCoordinates(video, "timeline"); |  28                 var coords = mediaControlsButtonCoordinates(video, "timeline"); | 
|  23                 eventSender.mouseMoveTo(coords[0], coords[1]); |  29                 eventSender.mouseMoveTo(coords[0], coords[1]); | 
|  24                 eventSender.mouseDown(); |  30                 eventSender.mouseDown(); | 
|  25                 eventSender.mouseUp(); |  31                 eventSender.mouseUp(); | 
|  26  |  32  | 
|  27                 testExpected("video.controller.currentTime / video.controller.du
    ration", 0.4, '>'); |  33                 testExpected("video.controller.currentTime / video.controller.du
    ration", 0.4, '>'); | 
|  28                 testExpected("video.controller.currentTime / video.controller.du
    ration", 0.6, '<'); |  34                 testExpected("video.controller.currentTime / video.controller.du
    ration", 0.6, '<'); | 
|  29                 testExpected("video.currentTime / video.duration", 0.4, '>'); |  35                 testExpected("video.currentTime / video.duration", 0.4, '>'); | 
|  30                 testExpected("video.currentTime / video.duration", 0.6, '<'); |  36                 testExpected("video.currentTime / video.duration", 0.6, '<'); | 
|  31                 testExpected("video.seeking", true); |  37                 testExpected("video.seeking", true); | 
|  32  |  38  | 
|  33                 endTest(); |  39                 endTest(); | 
|  34             }); |  40             } | 
|  35         </script> |  41         </script> | 
|  36     </body> |  42     </body> | 
|  37 </html> |  43 </html> | 
| OLD | NEW |