<!DOCTYPE html><!-- webkit-test-runner [ enableModernMediaControls=false ] -->
<html>
    <head>
        <title>Selecting from a list of tracks</title>
        <script src="media-controls.js"></script>
        <script src="media-file.js"></script>
        <script src="video-test.js"></script>
        <script src="trackmenu-test.js"></script>
        <script>
            if (window.testRunner)
                testRunner.dumpAsText();

            function startTest()
            {
                if (window.internals)
                    internals.suspendAnimations();

                // enable only the first audio track
                for (var i = 0; i < video.audioTracks.length; ++i)
                    video.audioTracks[i].enabled = (i == 0);

                showTrackMenu();
                window.setTimeout(testAudioTrackEnabled, 100);
            }

            function testMenu()
            {
                trackListItems = audioTrackMenuList();
                var expectedItemCount = video.audioTracks.length;
                consoleWrite("There should be " + expectedItemCount + " items in the menu.");
                testExpected("trackListItems.length", expectedItemCount);
            }

            function testAudioTrackEnabled()
            {
                trackListItems = audioTrackMenuList();
                consoleWrite("*** Menu item 0 should be selected");

                testExpected("trackListItems.length", 3);
                testExpected("trackListItems[0].classList.contains('selected')", true);
                testExpected("trackListItems[1].classList.contains('selected')", false);
                testExpected("trackListItems[2].classList.contains('selected')", false);

                window.setTimeout(selectDifferentAudioTrack, 100);
            }

            function selectDifferentAudioTrack()
            {
                consoleWrite("*** Selecting French Track");
                selectAudioTrackMenuItem("French");
                setTimeout(testAudioTrackDisabled, 100);
            }

            function testAudioTrackDisabled()
            {
                testExpected("video.audioTracks.length", 3);
                testExpected("video.audioTracks[0].enabled", false);
                testExpected("video.audioTracks[1].enabled", true);
                testExpected("video.audioTracks[2].enabled", false);
                endTest();
            }

            function start()
            {
                findMediaElement();
                video.src = findMediaFile('video', 'content/audio-tracks');
                waitForEvent('canplaythrough', startTest);
            }
        </script>
    </head>

    <body onload="start()">
        <p>Test that we are able to trigger the list of captions, and select from the list.</p>
        <video width="640" height="480" controls>
        </video>
    </body>
</html>