PerformanceTests/Layout/flexbox-row-wrap.html

<!DOCTYPE html>
<html>
<head>
<script src="../resources/runner.js"></script>
</head>
<body style="overflow-y: scroll">

<div id="flexbox" style="width: 300px; -webkit-flex-wrap: wrap; -webkit-flex-pack: center; -webkit-flex-align: center">
    <div style="-webkit-flex: 1 120px">1</div>
    <div style="-webkit-flex: 2 auto">2<br>2</div>
    <div style="-webkit-flex: 3 120px">3<br>3<br>3</div>
    <div style="-webkit-flex: 4 auto">4<br>4<br>4<br>4</div>
    <div style="-webkit-flex: 5 120px">5<br>5<br>5<br>5<br>5</div>
    <div style="-webkit-flex: 6 auto">6<br>6<br>6<br>6<br>6<br>6</div>
    <div style="-webkit-flex: 7 120px">7<br>7<br>7<br>7<br>7<br>7<br>7</div>
    <div style="-webkit-flex: 8 auto">8<br>8<br>8<br>8<br>8<br>8<br>8<br>8</div>
    <div style="-webkit-flex: 9 120px">9<br>9<br>9<br>9<br>9<br>9<br>9<br>9<br>9</div>
    <div style="-webkit-flex: 10 auto">10<br>10<br>10<br>10<br>10<br>10<br>10<br>10<br>10</div>
</div>

</body>
<script>
function runTest()
{
    document.getElementById("flexbox").style.display = '-webkit-flexbox';
    document.body.clientHeight;
    document.getElementById("flexbox").style.display = '';
    document.body.clientHeight;
}

PerfTestRunner.measureRunsPerSecond({run: runTest, done:function() {
    document.getElementById("flexbox").style.display = 'none';
}});
</script>
</html>