haikuwebkit/PerformanceTests/Layout/nested-flexboxes-percentage...

47 lines
1.2 KiB
HTML

<!DOCTYPE html>
<head>
<style>
.flex {
display: flex;
flex: 1 0 100%;
}
.col { flex-direction: column; }
.row { flex-direction: row; }
</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 row" style="flex: none;">
<div class="flex col">
<div class="flex row">
<div class="flex col">
<div class="flex row">
<div class="flex col">
<div class="flex row">
<div class="flex col">
<div class="flex row">
<div class="flex col">
<div class="flex row"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>