| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <title>Test looping edge case to verify http://crbug.com/364442.</title> |
| 3 <head> | 3 <script src="../resources/testharness.js"></script> |
| 4 <script src=media-file.js></script> | 4 <script src="../resources/testharnessreport.js"></script> |
| 5 <!-- TODO(foolip): Convert test to testharness.js. crbug.com/588956 | 5 <script src="media-file.js"></script> |
| 6 (Please avoid writing new tests using video-test.js) --> | 6 <video></video> |
| 7 <script src=video-test.js></script> | 7 <script> |
| 8 // Seek towards end of video (for faster testing). |
| 9 // Play video to end with "loop" set to false. |
| 10 // Once ended, set "loop" to true. Call play. |
| 11 // Verify that "seeked" event fires, seeking back to the beginning. |
| 12 // Pause video and end test. |
| 13 async_test(function(t) { |
| 14 var video = document.querySelector("video"); |
| 8 | 15 |
| 9 <script> | 16 video.onloadedmetadata = t.step_func(function() { |
| 10 function start() | 17 // Video is initially paused and "loop" unset. |
| 11 { | 18 assert_true(video.paused); |
| 12 findMediaElement(); | 19 assert_false(video.loop); |
| 13 var mediaFile = findMediaFile("video", "content/test"); | 20 // Seek to just before the end of the video and play. |
| 14 video.src = mediaFile; | 21 video.currentTime = video.duration - 0.5; |
| 22 video.onended = t.step_func(function() { |
| 23 // Verify played to end and stopped. |
| 24 assert_true(video.ended); |
| 25 assert_true(video.paused); |
| 26 assert_equals(video.currentTime, video.duration); |
| 15 | 27 |
| 16 consoleWrite("<br><em>++ Video is initially paused and 'loop' un
set.</em>"); | 28 // With playback ended, set "loop" attribute. This will cause ended
== false. |
| 17 testExpected("video.paused", true) | 29 // looping video cannot be "ended", only paused. |
| 18 testExpected("video.loop", false); | 30 assert_false(video.loop); |
| 31 video.loop = true; |
| 32 assert_true(video.loop); |
| 33 assert_false(video.ended); |
| 34 assert_true(video.paused); |
| 19 | 35 |
| 20 seekThenPlayWhenReady(); | 36 video.onseeked = t.step_func_done(function() { |
| 21 } | 37 // Observed seek. Verify current time decreased and still playin
g. |
| 38 assert_true(video.loop) |
| 39 assert_false(video.paused); |
| 40 assert_false(video.ended); |
| 41 assert_less_than(video.currentTime, video.duration); |
| 42 // Pausing now that test is over to prevent additional unwanted
looping. |
| 43 video.pause(); |
| 44 }); |
| 22 | 45 |
| 23 function seekThenPlayWhenReady() { | 46 // Play video with "loop" set. Expect seek back to start. |
| 24 if (video.readyState < HTMLMediaElement.HAVE_METADATA) { | 47 video.play(); |
| 25 setTimeout(seekThenPlayWhenReady, 100); | 48 }); |
| 26 return; | |
| 27 } | |
| 28 | 49 |
| 29 consoleWrite("<br><em>++ Seek to just before the end of the vide
o and play.</em>"); | 50 video.play(); |
| 30 run("video.currentTime = video.duration - .5"); | 51 }); |
| 31 waitForEvent("play"); | |
| 32 waitForEvent("ended", ended); | |
| 33 run("video.play()"); | |
| 34 consoleWrite(""); | |
| 35 } | |
| 36 | 52 |
| 37 function ended() | 53 video.src = findMediaFile("video", "content/test"); |
| 38 { | 54 }); |
| 39 consoleWrite("<br><em>++ Verify played to end and stopped.</em>"
); | 55 </script> |
| 40 testExpected("video.ended", true); | |
| 41 testExpected("video.paused", true); | |
| 42 // Using reportExpected to avoid logging floating point value wh
ich may differ across engines. | |
| 43 reportExpected(video.currentTime == video.duration, "video.curre
ntTime", "==", "video.duration", video.currentTime); | |
| 44 | |
| 45 consoleWrite("<br><em>++ With playback ended, set 'loop' attribu
te. This will cause ended == false; looping video cannot be 'ended', only paused
.</em>"); | |
| 46 testExpected("video.loop", false); | |
| 47 run("video.loop = true"); | |
| 48 testExpected("video.loop", true); | |
| 49 testExpected("video.ended", false); | |
| 50 testExpected("video.paused", true); | |
| 51 | |
| 52 consoleWrite("<br><em>++ Play video with 'loop' set. Expect seek
back to start.<em>"); | |
| 53 waitForEvent("seeked", seeked); | |
| 54 run("video.play()"); | |
| 55 consoleWrite(""); | |
| 56 } | |
| 57 | |
| 58 function seeked() | |
| 59 { | |
| 60 consoleWrite("<br><em>++ Observed seek. Verify current time decr
eased and still playing.</em>"); | |
| 61 testExpected("video.loop", true); | |
| 62 testExpected("video.paused", false); | |
| 63 testExpected("video.ended", false); | |
| 64 // Using reportExpected to avoid logging floating point value wh
ich may differ across engines. | |
| 65 reportExpected(video.currentTime < video.duration, "video.curren
tTime", "<", "video.duration", video.currentTime); | |
| 66 | |
| 67 consoleWrite("<br><em>++ Pausing now that test is over to preven
t additional unwanted looping.</em>"); | |
| 68 run("video.pause()"); | |
| 69 consoleWrite(""); | |
| 70 endTest(); | |
| 71 } | |
| 72 </script> | |
| 73 | |
| 74 </head> | |
| 75 <body> | |
| 76 <video controls></video> | |
| 77 <p><b>Test looping edge case to verify http://crbug.com/364442. Steps:</
b> | |
| 78 <ol> | |
| 79 <li>Seek toward end of video (for faster testing).</li> | |
| 80 <li>Play video to end with 'loop' set to false.</li> | |
| 81 <li>Once ended, set 'loop' to true.</li> | |
| 82 <li>Call play.</li> | |
| 83 <li>Verify that 'seeked' event fires, seeking back to the beginning.
</li> | |
| 84 <li>Pause video and end test.</li> | |
| 85 </ol> | |
| 86 </p> | |
| 87 <script>start()</script> | |
| 88 </body> | |
| 89 </html> | |
| OLD | NEW |