<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <script src=../video-test.js></script>
        <script>

            async function testTracks()
            {
                findMediaElement();

                if (window.internals) {
                    run("internals.settings.setShouldDisplayTrackKind('Captions', false)");
                    run("internals.settings.setShouldDisplayTrackKind('Subtitles', true)");
                    run("internals.setUserPreferredLanguages(['en'])");
                    run("internals.setPrimaryAudioTrackLanguageOverride('fr')");
                    run("internals.setCaptionDisplayMode('ForcedOnly')");
                }
                video.src = '../content/CC+Subtitles.mov';

                await waitFor(video, 'canplaythrough');

                consoleWrite("<br><i>** Forced tracks should be in .textTracks, but not in the menu<" + "/i>");
                testExpected("video.textTracks.length", 11);

                consoleWrite("<br><i>** Only the 'fr' forced track should be showing<" + "/i>");
                testExpected("video.textTracks[0].language", "en");
                testExpected("video.textTracks[0].kind", "subtitles");
                testExpected("video.textTracks[0].mode", "disabled");
                consoleWrite("");

                testExpected("video.textTracks[1].language", "en");
                testExpected("video.textTracks[1].kind", "forced");
                testExpected("video.textTracks[1].mode", "disabled");
                consoleWrite("");

                testExpected("video.textTracks[2].language", "fr");
                testExpected("video.textTracks[2].kind", "subtitles");
                testExpected("video.textTracks[2].mode", "disabled");
                consoleWrite("");

                testExpected("video.textTracks[3].language", "fr");
                testExpected("video.textTracks[3].kind", "forced");
                testExpected("video.textTracks[3].mode", "showing");
                consoleWrite("");

                testExpected("video.textTracks[4].language", "es");
                testExpected("video.textTracks[4].kind", "subtitles");
                testExpected("video.textTracks[4].mode", "disabled");
                consoleWrite("");

                testExpected("video.textTracks[5].language", "es");
                testExpected("video.textTracks[5].kind", "forced");
                testExpected("video.textTracks[5].mode", "disabled");
                consoleWrite("");

                testExpected("video.textTracks[6].language", "de");
                testExpected("video.textTracks[6].kind", "subtitles");
                testExpected("video.textTracks[6].mode", "disabled");
                consoleWrite("");

                testExpected("video.textTracks[7].language", "de");
                testExpected("video.textTracks[7].kind", "forced");
                testExpected("video.textTracks[7].mode", "disabled");
                consoleWrite("");

                testExpected("video.textTracks[8].language", "en");
                testExpected("video.textTracks[8].kind", "captions");
                testExpected("video.textTracks[8].mode", "disabled");
                consoleWrite("");

                testExpected("video.textTracks[9].language", "es");
                testExpected("video.textTracks[9].kind", "chapters");
                testExpected("video.textTracks[9].mode", "hidden");
                consoleWrite("");

                testExpected("video.textTracks[10].language", "en");
                testExpected("video.textTracks[10].kind", "chapters");
                testExpected("video.textTracks[10].mode", "hidden");
                consoleWrite("");

                consoleWrite("<i>** A cue should become active when current time is within its active range<" + "/i>");
                run("video.currentTime = 9.5");
                let result = await Promise.race([
                    Promise.all([
                        waitFor(video, 'seeked', true), 
                        waitFor(video.textTracks[3], 'cuechange', true)
                    ]),
                    new Promise((resolve, reject) => { setTimeout(resolve, 5000, 'timeout'); })
                ]);

                if (result === 'timeout') {
                    consoleWrite('');
                    failTest('Test timed out.');
                }

                consoleWrite('EVENT(seeked)');
                consoleWrite('EVENT(cuechange)');

                testExpected('video.textTracks[3].activeCues.length === 1', true);
                consoleWrite('');

                endTest();
            }
        </script>
    </head>
    <body onload='testTracks()'>
        <p>Tests that forced subtitles are enable automatically.</p>
        <video width=640 height=360 controls>
        </video>
    </body>
</html>