vertical.html (2017B)
1 <!doctype html> 2 <title>VTTCue.vertical</title> 3 <link rel="help" href="https://w3c.github.io/webvtt/#dom-vttcue-vertical"> 4 <script src=/resources/testharness.js></script> 5 <script src=/resources/testharnessreport.js></script> 6 <script src=common.js></script> 7 <div id=log></div> 8 <script> 9 setup(function(){ 10 window.video = document.createElement('video'); 11 window.t1 = video.addTextTrack('subtitles'); 12 document.body.appendChild(video); 13 }); 14 test(function(){ 15 var video = document.createElement('video'); 16 document.body.appendChild(video); 17 var c1 = new VTTCue(0, 1, 'text1'); 18 assert_true('vertical' in c1, 'vertical is not supported'); 19 assert_equals(c1.vertical, ''); 20 var track = document.createElement('track'); 21 var t = track.track; 22 t.addCue(c1); 23 assert_equals(c1.vertical, ''); 24 video.appendChild(track); 25 assert_equals(c1.vertical, ''); 26 t.mode = 'showing'; 27 assert_equals(c1.vertical, ''); 28 c1.vertical = 'rl'; 29 assert_equals(c1.vertical, 'rl'); 30 c1.vertical = 'lr'; 31 assert_equals(c1.vertical, 'lr'); 32 c1.vertical = 'rl\u0000'; 33 assert_equals(c1.vertical, 'lr'); 34 }, document.title+', script-created cue'); 35 36 var t_parsed = async_test(document.title+', parsed cue'); 37 t_parsed.step(function(){ 38 var t = document.createElement('track'); 39 t.onload = this.step_func(function(){ 40 var c1 = t.track.cues[0]; 41 var c2 = t.track.cues[1]; 42 var c3 = t.track.cues[2]; 43 assert_equals(c1.vertical, ''); 44 assert_equals(c2.vertical, 'rl'); 45 assert_equals(c3.vertical, 'lr'); 46 this.done(); 47 }); 48 t.onerror = this.step_func(function() { 49 assert_unreached('got error event'); 50 }); 51 t.src = make_vtt_track('WEBVTT\n\n00:00:00.000 --> 00:00:00.001\ntest\n\n'+ 52 '00:00:00.000 --> 00:00:00.001 vertical:rl\ntest\n\n'+ 53 '00:00:00.000 --> 00:00:00.001 vertical:lr\ntest', this); 54 t.track.mode = 'showing'; 55 video.appendChild(t); 56 }); 57 </script>