OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <title>VTTCue.align</title> | 2 <title>VTTCue.align</title> |
3 <script src=../../../../../resources/testharness.js></script> | 3 <script src=../../../../../resources/testharness.js></script> |
4 <script src=../../../../../resources/testharnessreport.js></script> | 4 <script src=../../../../../resources/testharnessreport.js></script> |
5 <div id=log></div> | 5 <div id=log></div> |
6 <script> | 6 <script> |
7 test(function(){ | 7 test(function(){ |
8 var video = document.createElement('video'); | 8 var video = document.createElement('video'); |
9 document.body.appendChild(video); | 9 document.body.appendChild(video); |
10 var c1 = new VTTCue(0, 1, 'text1'); | 10 var c1 = new VTTCue(0, 1, 'text1'); |
11 assert_equals(c1.align, 'middle'); | 11 assert_equals(c1.align, 'center'); |
12 var track = document.createElement('track'); | 12 var track = document.createElement('track'); |
13 var t = track.track; | 13 var t = track.track; |
14 t.addCue(c1); | 14 t.addCue(c1); |
15 assert_equals(c1.align, 'middle'); | 15 assert_equals(c1.align, 'center'); |
16 video.appendChild(track); | 16 video.appendChild(track); |
17 assert_equals(c1.align, 'middle'); | 17 assert_equals(c1.align, 'center'); |
18 t.mode = 'showing'; | 18 t.mode = 'showing'; |
19 assert_equals(c1.align, 'middle'); | 19 assert_equals(c1.align, 'center'); |
20 c1.align = 'start'; | 20 c1.align = 'start'; |
21 assert_equals(c1.align, 'start'); | 21 assert_equals(c1.align, 'start'); |
22 c1.align = 'end'; | 22 c1.align = 'end'; |
23 assert_equals(c1.align, 'end'); | 23 assert_equals(c1.align, 'end'); |
24 c1.align = 'start\u0000'; | 24 c1.align = 'start\u0000'; |
25 assert_equals(c1.align, 'end'); | 25 assert_equals(c1.align, 'end'); |
26 }, document.title+', script-created cue'); | 26 }, document.title+', script-created cue'); |
27 | 27 |
28 var t_parsed = async_test(document.title+', parsed cue'); | 28 var t_parsed = async_test(document.title+', parsed cue'); |
29 t_parsed.step(function(){ | 29 t_parsed.step(function(){ |
30 var video = document.createElement('video'); | 30 var video = document.createElement('video'); |
31 document.body.appendChild(video); | 31 document.body.appendChild(video); |
32 var t = document.createElement('track'); | 32 var t = document.createElement('track'); |
33 t.onload = this.step_func(function(){ | 33 t.onload = this.step_func(function(){ |
34 var c1 = t.track.cues[0]; | 34 var c1 = t.track.cues[0]; |
35 var c2 = t.track.cues[1]; | 35 var c2 = t.track.cues[1]; |
36 var c3 = t.track.cues[2]; | 36 var c3 = t.track.cues[2]; |
37 var c4 = t.track.cues[3]; | 37 var c4 = t.track.cues[3]; |
38 assert_equals(c1.align, 'middle'); | 38 assert_equals(c1.align, 'center'); |
39 assert_equals(c2.align, 'start'); | 39 assert_equals(c2.align, 'start'); |
40 assert_equals(c3.align, 'middle'); | 40 assert_equals(c3.align, 'center'); |
41 assert_equals(c4.align, 'end'); | 41 assert_equals(c4.align, 'end'); |
42 this.done(); | 42 this.done(); |
43 }); | 43 }); |
44 t.src = 'data:text/vtt,'+encodeURIComponent('WEBVTT\n\n00:00:00.000 --> 00:0
0:00.001\ntest\n\n'+ | 44 t.src = 'data:text/vtt,'+encodeURIComponent('WEBVTT\n\n00:00:00.000 --> 00:0
0:00.001\ntest\n\n'+ |
45 '00:00:00.000 --> 00:00:00.001 a
lign:start\ntest\n\n'+ | 45 '00:00:00.000 --> 00:00:00.001 a
lign:start\ntest\n\n'+ |
46 '00:00:00.000 --> 00:00:00.001 a
lign:middle\ntest\n\n'+ | 46 '00:00:00.000 --> 00:00:00.001 a
lign:center\ntest\n\n'+ |
47 '00:00:00.000 --> 00:00:00.001 a
lign:end\ntest'); | 47 '00:00:00.000 --> 00:00:00.001 a
lign:end\ntest'); |
48 t.track.mode = 'showing'; | 48 t.track.mode = 'showing'; |
49 video.appendChild(t); | 49 video.appendChild(t); |
50 }); | 50 }); |
51 </script> | 51 </script> |
OLD | NEW |