test_webvtt_event_same_time.html (1475B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset='utf-8'> 5 <title>WebVTT : cue's onenter/onexit event order </title> 6 <script src="/tests/SimpleTest/SimpleTest.js"></script> 7 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 8 </head> 9 <body> 10 <div id="content"> 11 </div> 12 <script class="testbody" type="text/javascript"> 13 SimpleTest.waitForExplicitFinish(); 14 15 var c1exit = false; 16 var c3enter = false; 17 18 function runTest() { 19 info("--- create video ---"); 20 var video = document.createElement("video"); 21 video.src = "seek.webm"; 22 video.autoplay = true; 23 document.getElementById("content").appendChild(video); 24 25 var track = video.addTextTrack("subtitles", "A", "en"); 26 track.mode = "showing"; 27 28 var cue1 = new VTTCue(1, 2, "Test cue1"); 29 var cue2 = new VTTCue(2, 3, "Test cue2"); 30 track.addCue(cue1); 31 track.addCue(cue2); 32 33 cue1.onexit = function () { 34 cue1.onexit = null; 35 c1exit = true; 36 } 37 cue2.onenter = function () { 38 cue2.onenter = null; 39 ok(c1exit, "cue1 onexit event before than cue2 onenter"); 40 video.pause(); 41 SimpleTest.finish(); 42 } 43 44 var cue3 = new VTTCue(1, 2, "Test cue3"); 45 var cue4 = new VTTCue(1, 2, "Test cue4"); 46 track.addCue(cue3); 47 track.addCue(cue4); 48 49 cue3.onenter = function () { 50 cue3.onenter = null; 51 c3enter = true; 52 } 53 cue4.onenter = function () { 54 cue4.onenter = null; 55 ok(c3enter, "cue3 onenter event before than cue4 onenter"); 56 } 57 } 58 59 onload = runTest; 60 </script> 61 </body> 62 </html>