summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/embedded-content/media-elements/track/track-element/track-cues-cuechange.html
blob: 2593401771f251cafa245987c56b7ae3538c6af2 (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
<!DOCTYPE html>
<title>TextTrack's cues are indexed and updated in order during video playback</title>
<meta name="timeout" content="long">
<script src="/common/media.js"></script>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<video>
    <track src="resources/cues-chrono-order.vtt" kind="captions" default>
    <script>
    // Use the cuechange event on TextTrack.
    async_test(function(t) {
        var video = document.querySelector("video");
        var testTrack = document.querySelector("track");

        video.src = getVideoURI("/media/test");
        video.oncanplaythrough = t.step_func(attemptTests);

        function attemptTests() {
            assert_equals(testTrack.track.cues.length, 3);
            testTrack.oncuechange = t.step_func(cueChangedFromTrackElement);
            video.play();
        }

        var currentCueIndex;
        var cueChangeCount = 0;
        function cueChangedFromTrackElement() {
            currentCueIndex = Math.floor(cueChangeCount / 2);
            currentCue = event.target.track.cues[currentCueIndex];
            if (cueChangeCount % 2 == 0) {
                // Cue entered.
                assert_equals(currentCue, testTrack.track.activeCues[0]);
                assert_equals(currentCue.id, (currentCueIndex + 1).toString());
            }

            ++cueChangeCount;
            if (cueChangeCount == testTrack.track.cues.length * 2)
                t.done();
        }
    });
    </script>
</video>