PerformanceTests/Layout/nested-column-flexboxes-relative-height.html

<!DOCTYPE html>
<head>
<style>
.flex {
    display: flex;
    flex-direction: column;
    height: 100%;
}
</style>
<script src="../resources/runner.js"></script>
<script>
function startTest() {
    document.body.offsetHeight;

    var index = 0;
    PerfTestRunner.measureRunsPerSecond({run: function() {
        document.body.style.width = ++index % 2 ? "99%" : "98%";
        document.body.offsetHeight;
    }});
}
</script>
</head>
<body onload="startTest()">
<div class="flex">
    <div class="flex">
        <div class="flex">
            <div class="flex">
                <div class="flex">
                    <div class="flex">
                        <div class="flex">
                            <div class="flex">
                                <div class="flex">
                                    <div class="flex">
                                        <div class="flex"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>