| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <title>Tests cue text position and alignment from settings.</title> |
| 3 <head> | 3 <script src="track-helpers.js"></script> |
| 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 4 <script src="../../resources/testharness.js"></script> |
| 5 <script src="../../resources/testharnessreport.js"></script> |
| 6 <video> |
| 7 <track src="captions-webvtt/tc016-align-positioning.vtt"> |
| 8 <track src="captions-webvtt/tc016-align-positioning-bad.vtt"> |
| 9 </video> |
| 10 <script> |
| 11 async_test(function(t) { |
| 12 var video = document.querySelector("video"); |
| 5 | 13 |
| 6 <script src=../media-file.js></script> | 14 var trackElements = document.querySelectorAll("track"); |
| 7 <!-- TODO(foolip): Convert test to testharness.js. crbug.com/588956 | 15 assert_equals(trackElements.length, video.textTracks.length); |
| 8 (Please avoid writing new tests using video-test.js) --> | 16 for (var i = 0; i < trackElements.length; i++) |
| 9 <script src=../video-test.js></script> | 17 trackElements[i].onload = t.step_func(trackLoaded); |
| 10 <script> | |
| 11 | 18 |
| 12 var numberOfTrackTests = 2; | 19 enableAllTextTracks(video.textTracks); |
| 13 | 20 |
| 14 function trackLoaded() | 21 var numberOfTracksLoaded = 0; |
| 15 { | 22 function trackLoaded() { |
| 16 numberOfTracksLoaded++; | 23 numberOfTracksLoaded++; |
| 17 if (numberOfTracksLoaded == numberOfTrackTests) { | 24 if (numberOfTracksLoaded != 2) |
| 18 testTrack(0); | 25 return; |
| 19 testTrackError(1); | |
| 20 } | |
| 21 } | |
| 22 | 26 |
| 23 function testTrack(i) | 27 testTrack(0); |
| 24 { | 28 testTrackError(1); |
| 25 findMediaElement(); | 29 t.done(); |
| 26 var expected = | 30 } |
| 27 { | |
| 28 length : 3, | |
| 29 tests: | |
| 30 [ | |
| 31 { | |
| 32 property : "position", | |
| 33 values : [10, 20, 80], | |
| 34 }, | |
| 35 { | |
| 36 property : "align", | |
| 37 values : ["start", "middle", "end"], | |
| 38 }, | |
| 39 ], | |
| 40 }; | |
| 41 testCues(i, expected); | |
| 42 | 31 |
| 43 allTestsEnded(); | 32 function testTrack(index) { |
| 44 } | 33 var expected = [ |
| 34 { position : 10, align : "start" }, |
| 35 { position : 20, align : "middle" }, |
| 36 { position : 80, align : "end" } |
| 37 ]; |
| 38 var properties = [ "position", "align" ]; |
| 45 | 39 |
| 46 function testTrackError(i) | 40 assert_cues_match(video.textTracks[index].cues, expected, properties); |
| 47 { | 41 } |
| 48 findMediaElement(); | |
| 49 var expected = | |
| 50 { | |
| 51 length : 3, | |
| 52 tests: | |
| 53 [ | |
| 54 { | |
| 55 property : "position", | |
| 56 values : [10, "auto", "auto"], | |
| 57 }, | |
| 58 { | |
| 59 property : "align", | |
| 60 values : ["middle", "middle", "middle"], | |
| 61 }, | |
| 62 ], | |
| 63 }; | |
| 64 testCues(i, expected); | |
| 65 | 42 |
| 66 allTestsEnded(); | 43 function testTrackError(index) { |
| 67 } | 44 var expected = [ |
| 68 </script> | 45 { position : 10, align : "middle" }, |
| 69 </head> | 46 { position : "auto", align : "middle" }, |
| 70 <body onload="enableAllTextTracks()"> | 47 { position : "auto", align : "middle" } |
| 71 <p>Tests cue text position and alignment from settings.</p> | 48 ]; |
| 72 <video> | 49 var properties = [ "position", "align" ]; |
| 73 <track src="captions-webvtt/tc016-align-positioning.vtt" onload="tra
ckLoaded()"> | 50 |
| 74 <track src="captions-webvtt/tc016-align-positioning-bad.vtt" onload=
"trackLoaded()"> | 51 assert_cues_match(video.textTracks[index].cues, expected, properties); |
| 75 </video> | 52 } |
| 76 </body> | 53 }); |
| 77 </html> | 54 </script> |
| OLD | NEW |