<html>
    <head>
        <script src=../media-file.js></script>
        <script src=../video-test.js></script>
        <script src=../media-controls.js></script>
        <script>

        var singleLineRect;

        function testUnbreakableLine()
        {
            var multiLineRect = textTrackDisplayElement(video).firstChild.firstChild.getBoundingClientRect();
            var ratio = multiLineRect.height / singleLineRect.height;
            logResult(ratio > 2, "Second caption was more than twice as tall as first caption.")
            endTest();
        }

        function testSingleLine()
        {
            singleLineRect = textTrackDisplayElement(video).firstChild.firstChild.getBoundingClientRect();
            consoleWrite("Single line caption height recorded.");
            video.currentTime = 3;
        }

        function loaded()
        {
            consoleWrite('Test that line breaks are forced in captions.');
            findMediaElement();
            waitForEvent('canplaythrough', testSingleLine);
            waitForEvent('seeked', testUnbreakableLine);
            video.src = findMediaFile('video', '../content/test');
        }

        setCaptionDisplayMode('Automatic');
        </script>
    </head>
    <body onload="loaded()">
        <video controls >
            <track src="captions-webvtt/long-word.vtt" kind="captions" default>
        </video>
    </body>
</html>