<!DOCTYPE html><!-- webkit-test-runner [ enableModernMediaControls=false ] -->
<html>
<head>
    <title>media-controls-timeline-set-controls-property</title>
    <script src="media-controls.js"></script>
    <script src="media-file.js"></script>
    <script src="video-test.js"></script>
    <script>
    var x;
    var y;
    var seekCount = 0;
    var moveInterval;

    function runTest()
    {
        findMediaElement();
        waitForEvent('playing', beginScrubbing);
        video.src = findMediaFile('video', 'content/test');
        video.play();
    }

    function beginScrubbing()
    {
        if (window.eventSender) {

            var timelineCoordinate;
            try {
                timelineCoordinate = mediaControlsButtonCoordinates(video, 'timeline');
            } catch (exception) {
                failTest(exception.description);
                return;
            }
            x = timelineCoordinate[0];
            y = timelineCoordinate[1];

            eventSender.dragMode = false;
            eventSender.mouseMoveTo(x, y);
            eventSender.mouseDown();
        }
        waitForEvent('pause', pause);
        waitForEvent('seeked', seeked)
    }

    function pause()
    {
        video.controls = 'true';
        moveInterval = setInterval(move, 100);
    }

    function move()
    {
        if (window.eventSender) {
            x += 10;
            eventSender.mouseMoveTo(x, y);
        }
    }


    function seeked()
    {
        ++seekCount;
        if (seekCount < 3)
            return;

        clearInterval(moveInterval);
        if (window.eventSender)
            eventSender.mouseUp();
        endTest();
    }

    
    </script>
</head>

<body onload="runTest()">
    <p>Test that dragging the timeline slider after setting video.controls=true causes seeks.</p>
    <video controls style="width: 500px"></video>
</body>
</html>