summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/webvtt/webvtt-api-for-browsers/vttcue-interface/align.html
blob: dcae64fcabadfdc540a7808d2ec21e9a2e3de673 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!doctype html>
<title>VTTCue.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, 'center');
    var track = document.createElement('track');
    var t = track.track;
    t.addCue(c1);
    assert_equals(c1.align, 'center');
    video.appendChild(track);
    assert_equals(c1.align, 'center');
    t.mode = 'showing';
    assert_equals(c1.align, 'center');
    c1.align = 'start';
    assert_equals(c1.align, 'start');
    c1.align = 'end';
    assert_equals(c1.align, 'end');
    c1.align = 'start\u0000';
    assert_equals(c1.align, 'end');
}, 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, 'center');
        assert_equals(c2.align, 'start');
        assert_equals(c3.align, 'center');
        assert_equals(c4.align, 'end');
        this.done();
    });
    t.onerror = this.step_func(function() {
      assert_unreached('got error event');
    });
    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:center\ntest\n\n'+
                                                '00:00:00.000 --> 00:00:00.001 align:end\ntest');
    t.track.mode = 'showing';
    video.appendChild(t);
});
</script>