track-webvtt-align-text-line-position.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/embedded-content/media-elements/track/track-element/track-webvtt-align-text-line-position.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>Cue alignment, line and text position from settings</title>

<script src="track-helpers.js"></script>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<video>

    <track src="resources/align-text-line-position.vtt">

    <track src="resources/align-text-line-position-bad.vtt">

</video>

<script>

async_test(function(t) {

    var video = document.querySelector("video");

    var trackElements = document.querySelectorAll("track");

    assert_equals(trackElements.length, video.textTracks.length);

    for (var i = 0; i < trackElements.length; i++)

        trackElements[i].onload = t.step_func(trackLoaded);

    enableAllTextTracks(video.textTracks);

    var numberOfTracksLoaded = 0;

    function trackLoaded() {

        numberOfTracksLoaded++;

        if (numberOfTracksLoaded != 2)

            return;

        testTrack(0);

        testTrackError(1);

        t.done();

    function testTrack(index) {

        var expected = [

            { align : "start",  position : 10,     line : 0,  snapToLines : false },

            { align : "start",  position : "auto", line : 0,  snapToLines : true  },

            { align : "center", position : 80,     line : 80, snapToLines : false },

            { align : "end",    position : 30,     line : 5,  snapToLines : true  },

            { align : "center", position : 60,     line : -3, snapToLines : true  }

];

        assert_cues_match(video.textTracks[index].cues, expected);

    function testTrackError(index) {

        var expected = [

            { align : "center", position : "auto", line : "auto", snapToLines : true },

            { align : "end",    position : 0,      line : "auto", snapToLines : true },

            { align : "center", position : 60,     line : -3,     snapToLines : true }

];

        assert_cues_match(video.textTracks[index].cues, expected);

});

</script>