track-webvtt-align-positioning.html (1548B)
1 <!DOCTYPE html> 2 <title>Cue text position and alignment from settings</title> 3 <script src="track-helpers.js"></script> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <video> 7 <track src="resources/align-positioning.vtt"> 8 <track src="resources/align-positioning-bad.vtt"> 9 </video> 10 <script> 11 async_test(function(t) { 12 var video = document.querySelector("video"); 13 14 var trackElements = document.querySelectorAll("track"); 15 assert_equals(trackElements.length, video.textTracks.length); 16 for (var i = 0; i < trackElements.length; i++) 17 trackElements[i].onload = t.step_func(trackLoaded); 18 19 enableAllTextTracks(video.textTracks); 20 21 var numberOfTracksLoaded = 0; 22 function trackLoaded() { 23 numberOfTracksLoaded++; 24 if (numberOfTracksLoaded != 2) 25 return; 26 27 testTrack(0); 28 testTrackError(1); 29 t.done(); 30 } 31 32 function testTrack(index) { 33 var expected = [ 34 { position : 10, align : "start" }, 35 { position : 20, align : "center" }, 36 { position : 80, align : "end" } 37 ]; 38 39 assert_cues_match(video.textTracks[index].cues, expected); 40 } 41 42 function testTrackError(index) { 43 var expected = [ 44 { position : 10, align : "center" }, 45 { position : "auto", align : "center" }, 46 { position : "auto", align : "center" } 47 ]; 48 49 assert_cues_match(video.textTracks[index].cues, expected); 50 } 51 }); 52 </script>