summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/embedded-content/media-elements/track/track-element/track-cues-sorted-before-dispatch.html
blob: edc202f435897b261848e3b07782a70ee42089b7 (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
<!DOCTYPE html>
<title>All events are triggered in chronological order</title>
<script src="/common/media.js"></script>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<video>
    <track src="resources/sorted-dispatch.vtt" default>
    <script>
    async_test(function(t) {
        var video = document.querySelector("video");
        video.src = getVideoURI("/media/test");
        var track = document.querySelector("track");

        track.onload = t.step_func(function() {
            var cues = track.track.cues;
            assert_equals(cues.length, 8);

            for (var i = 0; i < cues.length; ++i) {
                cues[i].onenter = t.step_func(cueEnteredOrExited);
                cues[i].onexit = t.step_func(cueEnteredOrExited);
            }

            video.play();
        });

        var cueTimings = [];
        function cueEnteredOrExited(event) {
            var currentCue = event.target;

            if (event.type == "exit")
                cueTimings.push(currentCue.endTime);
            else
                cueTimings.push(currentCue.startTime);
        }

        video.onended = t.step_func_done(function() {
            assert_equals(cueTimings.length, 14);
            var time = 0;
            for (var i = 0; i < cueTimings.length; ++i) {
                assert_less_than_equal(time, cueTimings[i], "cueTimings[" + i + "]");
                time = cueTimings[i];
            }
        });

        video.currentTime = 5;
    });
    </script>
</video>