| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <title>Tests cue vertical alignment (direction) 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 <script> |
| 7 check_cues_from_track("captions-webvtt/tc021-valign.vtt", testTrack); |
| 8 check_cues_from_track("captions-webvtt/tc021-valign-ltr.vtt", testTrack); |
| 9 check_cues_from_track("captions-webvtt/tc021-valign-bad.vtt", function(track) { |
| 10 var expected = [ |
| 11 { vertical: "" }, |
| 12 { vertical: "" }, |
| 13 { vertical: "" } |
| 14 ]; |
| 5 | 15 |
| 6 <script src=../media-file.js></script> | 16 assert_cues_match(track.cues, expected, ["vertical"]); |
| 7 <!-- TODO(foolip): Convert test to testharness.js. crbug.com/588956 | 17 }); |
| 8 (Please avoid writing new tests using video-test.js) --> | |
| 9 <script src=../video-test.js></script> | |
| 10 <script> | |
| 11 | 18 |
| 12 var numberOfTrackTests = 3; | 19 function testTrack(track) { |
| 20 var expected = [ |
| 21 { vertical: "rl", align: "middle", position: "auto" }, |
| 22 { vertical: "lr", align: "middle", position: "auto" }, |
| 23 { vertical: "rl", align: "start", position: 0 } |
| 24 ]; |
| 13 | 25 |
| 14 function trackLoaded() | 26 assert_cues_match(track.cues, expected, ["vertical", "align", "position"]); |
| 15 { | 27 } |
| 16 numberOfTracksLoaded++; | 28 </script> |
| 17 if (numberOfTracksLoaded == numberOfTrackTests) { | |
| 18 testTrack(0); | |
| 19 testTrack(1); | |
| 20 testTrackError(2); | |
| 21 } | |
| 22 } | |
| 23 | |
| 24 function testTrack(i) | |
| 25 { | |
| 26 findMediaElement(); | |
| 27 var expected = | |
| 28 { | |
| 29 length : 3, | |
| 30 tests: | |
| 31 [ | |
| 32 { | |
| 33 property : "vertical", | |
| 34 values : ["rl", "lr", "rl"], | |
| 35 }, | |
| 36 { | |
| 37 property : "align", | |
| 38 values : ["middle", "middle", "start"], | |
| 39 }, | |
| 40 { | |
| 41 property : "position", | |
| 42 values : ["auto", "auto", 0], | |
| 43 }, | |
| 44 ], | |
| 45 }; | |
| 46 testCues(i, expected); | |
| 47 | |
| 48 allTestsEnded(); | |
| 49 } | |
| 50 | |
| 51 function testTrackError(i) | |
| 52 { | |
| 53 findMediaElement(); | |
| 54 var expected = | |
| 55 { | |
| 56 length : 3, | |
| 57 tests: | |
| 58 [ | |
| 59 { | |
| 60 property : "vertical", | |
| 61 values : ["", "", ""], | |
| 62 }, | |
| 63 ], | |
| 64 }; | |
| 65 testCues(i, expected); | |
| 66 | |
| 67 allTestsEnded(); | |
| 68 } | |
| 69 </script> | |
| 70 </head> | |
| 71 <body onload="enableAllTextTracks()"> | |
| 72 <p>Tests cue vertical alignment (direction) from settings.</p> | |
| 73 <video> | |
| 74 <track src="captions-webvtt/tc021-valign.vtt" onload="trackLoaded()"
> | |
| 75 <track src="captions-webvtt/tc021-valign-ltr.vtt" onload="trackLoade
d()"> | |
| 76 <track src="captions-webvtt/tc021-valign-bad.vtt" onload="trackLoade
d()"> | |
| 77 </video> | |
| 78 </body> | |
| 79 </html> | |
| OLD | NEW |