track-webvtt-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-line-position.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>Cue line 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/line-position.vtt">

    <track src="resources/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 = [

            { line : 0,   snapToLines : false },

            { line : 0,   snapToLines : true  },

            { line : 50,  snapToLines : false },

            { line : 5,   snapToLines : true  },

            { line : 100, snapToLines : false },

            { line : -1,  snapToLines : true  },

            { line : 500, snapToLines : true  }

];

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

    function testTrackError(index) {

        var expected = [

            { line : "auto", snapToLines : true },

            { line : "auto", snapToLines : true },

            { line : "auto", snapToLines : true },

            { line : "auto", snapToLines : true },

            { line : "auto", snapToLines : true }

];

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

});

</script>