blob: be70dc3347a3b71ec67dd930f820e1b604e189af [file] [log] [blame]
<!doctype html>
<title>TextTrackCue.align</title>
<script src=../../../../../resources/testharness.js></script>
<script src=../../../../../resources/testharnessreport.js></script>
<div id=log></div>
<script>
test(function(){
var video = document.createElement('video');
document.body.appendChild(video);
var c1 = new VTTCue(0, 1, 'text1');
assert_equals(c1.align, 'middle');
var track = document.createElement('track');
var t = track.track;
t.addCue(c1);
assert_equals(c1.align, 'middle');
video.appendChild(track);
assert_equals(c1.align, 'middle');
t.mode = 'showing';
assert_equals(c1.align, 'middle');
c1.align = 'start';
assert_equals(c1.align, 'start');
c1.align = 'end';
assert_equals(c1.align, 'end');
assert_throws('SYNTAX_ERR', function() {
c1.align = 'start\u0000';
});
}, document.title+', script-created cue');
var t_parsed = async_test(document.title+', parsed cue');
t_parsed.step(function(){
var video = document.createElement('video');
document.body.appendChild(video);
var t = document.createElement('track');
t.onload = this.step_func(function(){
var c1 = t.track.cues[0];
var c2 = t.track.cues[1];
var c3 = t.track.cues[2];
var c4 = t.track.cues[3];
assert_equals(c1.align, 'middle');
assert_equals(c2.align, 'start');
assert_equals(c3.align, 'middle');
assert_equals(c4.align, 'end');
this.done();
});
t.src = 'data:text/vtt,'+encodeURIComponent('WEBVTT\n\n00:00:00.000 --> 00:00:00.001\ntest\n\n'+
'00:00:00.000 --> 00:00:00.001 align:start\ntest\n\n'+
'00:00:00.000 --> 00:00:00.001 align:middle\ntest\n\n'+
'00:00:00.000 --> 00:00:00.001 align:end\ntest');
t.track.mode = 'showing';
video.appendChild(t);
});
</script>