<!DOCTYPE html>
<html>
<head>
    <title>Line height calculation performance test</title>
    <script src="../resources/runner.js"></script>
</head>
<body>
    <pre id="log"></pre>
    <div id="target" style="width: 300px; display: none;">
    </div>
    <script>
        var target = document.getElementById("target");
        var style = target.style;
        var rows = 10000;
        var el = document.createElement('p');
        el.innerHTML = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut elit lacus, non convallis odio. Integer facilisis, dolor quis porttitor auctor\n';
        for (var i = 0; i < rows; ++i) {
            var e  = el.cloneNode(true);
            target.appendChild(e);
        }
        function test() {
            style.display = "block";
            style.width = "280px";
            PerfTestRunner.forceLayout();
            style.width = "300px";
            PerfTestRunner.forceLayout();
            style.width = "290px";
            PerfTestRunner.forceLayout();
            style.display = "none";
        }

        PerfTestRunner.measureTime({
            description: "Measures performance of line-height calculation in layout.",
            run: test
        });
    </script>
</body>
</html>