2012-05-09 22:45:20 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<script src="../resources/runner.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body style="overflow-y: scroll">
|
|
|
|
|
|
|
|
|
|
<div id="flexbox" style="height: 400px; -webkit-flex-flow: column wrap; -webkit-flex-pack: center; -webkit-flex-align: center;">
|
|
|
|
|
<div style="-webkit-flex: 1 180px">1</div>
|
|
|
|
|
<div style="-webkit-flex: 2 auto">2 2</div>
|
|
|
|
|
<div style="-webkit-flex: 3 180px">3 3 3</div>
|
|
|
|
|
<div style="-webkit-flex: 4 auto">4 4 4 4</div>
|
|
|
|
|
<div style="-webkit-flex: 5 180px">5 5 5 5 5</div>
|
|
|
|
|
<div style="-webkit-flex: 6 auto">6 6 6 6 6 6</div>
|
|
|
|
|
<div style="-webkit-flex: 7 180px">7 7 7 7 7 7 7</div>
|
|
|
|
|
<div style="-webkit-flex: 8 auto">8 8 8 8 8 8 8 8</div>
|
|
|
|
|
<div style="-webkit-flex: 9 180px">9 9 9 9 9 9 9 9 9</div>
|
|
|
|
|
<div style="-webkit-flex: 10 auto">10 10 10 10 10 10 10 10 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;
|
|
|
|
|
}
|
|
|
|
|
|
2012-10-17 22:06:52 +00:00
|
|
|
PerfTestRunner.measureRunsPerSecond({run: runTest, done:function() {
|
2012-05-09 22:45:20 +00:00
|
|
|
document.getElementById("flexbox").style.display = 'none';
|
2012-05-14 05:23:37 +00:00
|
|
|
}});
|
2012-05-09 22:45:20 +00:00
|
|
|
</script>
|
|
|
|
|
</html>
|
