<html>
    <head>
        <title>Test of 'played' attribute</title>
        <script src=media-file.js></script>
        <script src=video-test.js></script>
        <script src=video-played.js></script>
        <script>
    
            var testFunctions = 
            [ 
                PlayWithNoRanges,
                CreateANewRange,
                JumpAndCollapseTwoRanges,
                TestLoopingAndPassToTheEnd
            ];
    
            // NOTE: Result details are not printed for this test because time values are different from machine
            // to machine and run to run. Commenting out the following line turns on detailed logging back on, which
            // can be useful for debugging test failure.
            disableFullTestDetailsPrinting(); 

            function PlayWithNoRanges()
            {
                consoleWrite("<br><b><em>Test playing when there are no ranges</em></b>");

                willPauseInExistingRange = false;
                willExtendAnExistingRange = false;
                timeRangeCount = currentTimeRange = 0;

                runSilently("video.currentTime = 0.5");

                currentTimeRange++;

                waitForEventOnce("seeked", startPlayingInNewRange);
            }
    

            function CreateANewRange()
            {
                consoleWrite("<br><b><em>Create a new range</em></b>");
        
                var newTime = (video.played.end(0) + 0.05).toFixed(2);
                runSilently("video.currentTime = " + newTime);

                willPauseInExistingRange = false;
                willExtendAnExistingRange = false;

                waitForEventOnce("seeked", startPlayingInNewRange);
            }

            function JumpAndCollapseTwoRanges()
            {
                consoleWrite("<br><b><em>Test playing from one range into another, should collapse the two ranges</em></b>");
    
                timeRangeCount--;
                currentTimeRange = timeRangeCount - 1;
                var startTime = expectedStartTimes[0] - 0.1;
                expectedStartTimes[0] = startTime;
                expectedEndTimes[0] = expectedEndTimes[1];

                willPauseInExistingRange = false;
                willExtendAnExistingRange = false;
                runSilently("video.currentTime = " + startTime);

                waitForEventOnce("seeked", function() {
                    playForMillisecs(secToMilli(expectedEndTimes[1] - startTime + 0.1)); // Triggers pause()
                });
            }

            function TestLoopingAndPassToTheEnd()
            {
                consoleWrite("<br><b><em>Test looping</em></b>");

                // Start playing near the end of the movie so it will loop quickly.
                run("video.loop = true");
                var startTime = (video.duration - 0.05).toFixed(2);
                runSilently("video.currentTime = " + startTime);
                
                // We will end in the very first time range
                currentTimeRange = 0; 

                willPauseInExistingRange = true;
                willExtendAnExistingRange = true;

                // Playing from near the end so we will create a new time range from startTime .. duration
                timeRangeCount++;
                expectedStartTimes[timeRangeCount-1] = startTime;
                expectedEndTimes[timeRangeCount-1] = video.duration.toFixed(2);

                // Have to play for long enough to loop and play into the existing range.
                var playDuration = 1.25;

                // Playback restarts from beginning, so expect the beginning of first time range to be 0.
                expectedStartTimes[0] = 0;

                waitForEventOnce("seeked", function() {
                    playForMillisecs(secToMilli(playDuration)); // Triggers pause()
                });
            }

        </script>
     </head>

<body onload="videoPlayedMain()">

    <video controls></video>
    <p>Test of the media element 'played' attribute</p>

</body>
</html>