OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <title>VTTCue.align</title> | 2 <title>VTTCue.position</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 cue = new VTTCue(0, 1, 'text1'); |
11 assert_equals(c1.align, 'middle'); | 11 assert_equals(cue.position, 'auto'); |
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(cue); |
15 assert_equals(c1.align, 'middle'); | 15 assert_equals(cue.position, 'auto'); |
16 video.appendChild(track); | 16 video.appendChild(track); |
17 assert_equals(c1.align, 'middle'); | 17 assert_equals(cue.position, 'auto'); |
18 t.mode = 'showing'; | 18 t.mode = 'showing'; |
19 assert_equals(c1.align, 'middle'); | 19 assert_equals(cue.position, 'auto'); |
20 c1.align = 'start'; | 20 cue.position = 50; |
21 assert_equals(c1.align, 'start'); | 21 assert_equals(cue.position, 50); |
22 c1.align = 'end'; | 22 assert_throws(new TypeError, function() { cue.position = 'auto\u0000'; }); |
23 assert_equals(c1.align, 'end'); | 23 assert_throws(new TypeError, function() { cue.position = NaN; }); |
24 c1.align = 'start\u0000'; | 24 assert_throws(new TypeError, function() { cue.position = Infinity; }); |
25 assert_equals(c1.align, 'end'); | 25 assert_equals(cue.position, 50); |
| 26 cue.position = 'auto'; |
| 27 assert_equals(cue.position, 'auto'); |
26 }, document.title+', script-created cue'); | 28 }, document.title+', script-created cue'); |
27 | 29 |
28 var t_parsed = async_test(document.title+', parsed cue'); | 30 var t_parsed = async_test(document.title+', parsed cue'); |
29 t_parsed.step(function(){ | 31 t_parsed.step(function() { |
30 var video = document.createElement('video'); | 32 var video = document.createElement('video'); |
31 document.body.appendChild(video); | 33 document.body.appendChild(video); |
32 var t = document.createElement('track'); | 34 var t = document.createElement('track'); |
33 t.onload = this.step_func(function(){ | 35 t.onload = this.step_func(function() { |
34 var c1 = t.track.cues[0]; | 36 var cues = t.track.cues; |
35 var c2 = t.track.cues[1]; | 37 assert_equals(cues[0].position, 'auto'); |
36 var c3 = t.track.cues[2]; | 38 assert_equals(cues[1].position, 'auto'); |
37 var c4 = t.track.cues[3]; | 39 assert_equals(cues[2].position, 25); |
38 assert_equals(c1.align, 'middle'); | 40 assert_equals(cues[3].position, 75); |
39 assert_equals(c2.align, 'start'); | |
40 assert_equals(c3.align, 'middle'); | |
41 assert_equals(c4.align, 'end'); | |
42 this.done(); | 41 this.done(); |
43 }); | 42 }); |
44 t.src = 'data:text/vtt,'+encodeURIComponent('WEBVTT\n\n00:00:00.000 --> 00:0
0:00.001\ntest\n\n'+ | 43 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'+ | 44 '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'+ | 45 '00:00:00.000 --> 00:00:00.001 p
osition:25%\ntest\n\n'+ |
47 '00:00:00.000 --> 00:00:00.001 a
lign:end\ntest'); | 46 '00:00:00.000 --> 00:00:00.001 a
lign:start position:75%\ntest\n\n'); |
48 t.track.mode = 'showing'; | 47 t.track.mode = 'showing'; |
49 video.appendChild(t); | 48 video.appendChild(t); |
50 }); | 49 }); |
51 </script> | 50 </script> |
OLD | NEW |