| <!DOCTYPE html><!-- webkit-test-runner [ enableModernMediaControls=false ] --> |
| <p>This tests if media controls timeline is properly updated when a cursor hovers the controls during playback.</p> |
| <video controls></video> |
| <script src=media-file.js></script> |
| <script src=video-test.js></script> |
| <script src=media-controls.js></script> |
| <script> |
| function timeLineValue() |
| { |
| var timeline = mediaControlsElement(internals.shadowRoot(video).firstChild.firstChild, '-webkit-media-controls-timeline'); |
| if (!timeline) |
| throw "Failed to find -webkit-media-controls-timeline"; |
| |
| return timeline.value; |
| } |
| |
| function canplaythrough() |
| { |
| if (!window.testRunner) { |
| endTest(); |
| return; |
| } |
| |
| testExpected("timeLineValue()", 0); |
| |
| var playButtonCoords; |
| try { |
| playButtonCoords = mediaControlsButtonCoordinates(video, "play-button"); |
| } catch (exception) { |
| endTest(); |
| return; |
| } |
| eventSender.mouseMoveTo(playButtonCoords[0], playButtonCoords[1]); |
| |
| video.addEventListener("timeupdate", function() { |
| if (video.currentTime >= 1) { |
| consoleWrite("EVENT(timeupdate)"); |
| test("timeLineValue() >= 1"); |
| endTest(); |
| } |
| }); |
| |
| run("video.play()"); |
| } |
| |
| var video; |
| findMediaElement(); |
| video.src = findMediaFile("video", "content/test"); |
| |
| waitForEvent("canplaythrough", canplaythrough); |
| waitForEvent("play"); |
| waitForEventAndFail("error"); |
| </script> |
