| <!DOCTYPE html><!-- webkit-test-runner [ ModernMediaControlsEnabled=false ] --> |
| <p>This tests if media controls shows up and timeline is accordingly updated after playing the video.</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); |
| run('video.fastSeek(video.duration - 1)'); |
| } |
| |
| function seeked() |
| { |
| run("video.play()"); |
| } |
| |
| function paused() |
| { |
| // timeLineValue returns a two decimal value. |
| test("Math.floor(video.currentTime * 100) / 100 == timeLineValue()"); |
| endTest(); |
| } |
| |
| var video; |
| findMediaElement(); |
| video.src = findMediaFile("video", "content/test"); |
| |
| waitForEvent("canplaythrough", canplaythrough); |
| waitForEvent("seeked", seeked); |
| waitForEvent("play"); |
| waitForEvent("pause", paused); |
| waitForEventAndFail("error"); |
| </script> |