<!DOCTYPE html>
<!-- Lock the page scale factor to prevent rescaling when the content width changes. -->
<meta name="viewport" content="initial-scale=1.0 minimum-scale=1.0 maximum-scale=1.0">
<script src="../../resources/runner.js"></script>
<body style="overflow:scroll;"> <!-- don't want auto scrollbars to affect the number of layout passes. -->
    <pre id="log"></pre>
    <div id="target" style="position:absolute; top:0; left:0; display:none; -webkit-columns:2; column-fill:auto; width:40em; height:2em;">
        <div style="height:1234567890px;">xxxxxxxxxx</div>
    </div>
    <script>
    var target = document.getElementById("target");
    var style = target.style;

    function test() {
        style.display = "block";
        PerfTestRunner.forceLayout();

        // Do some hit-testing.
        document.caretRangeFromPoint(10, 10);

        style.display = "none";
        PerfTestRunner.forceLayout();
    }

    PerfTestRunner.measureRunsPerSecond({
        description: "Measures performance of multicol layout with many columns.",
        run: test
    });
    </script>
</body>