Codebase Browser
chromium
Go to App

chromium/third_party/blink/perf_tests/layout/flexbox-row-nowrap.html 

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

<div id="flexbox" style="justify-content: center; align-items: center">
    <div style="flex: 1">1</div>
    <div style="flex: 2">2<br>2</div>
    <div style="flex: 3">3<br>3<br>3</div>
    <div style="flex: 4">4<br>4<br>4<br>4</div>
    <div style="flex: 5">5<br>5<br>5<br>5<br>5</div>
    <div style="flex: 6">6<br>6<br>6<br>6<br>6<br>6</div>
    <div style="flex: 7">7<br>7<br>7<br>7<br>7<br>7<br>7</div>
    <div style="flex: 8">8<br>8<br>8<br>8<br>8<br>8<br>8<br>8</div>
    <div style="flex: 9">9<br>9<br>9<br>9<br>9<br>9<br>9<br>9<br>9</div>
    <div style="flex: 10">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 = 'flex';
    PerfTestRunner.forceLayout();
    document.getElementById("flexbox").style.display = '';
    PerfTestRunner.forceLayout();
}

PerfTestRunner.measureRunsPerSecond({
    description: "Measures performance of flexbox with no wrapping (row).",
    run: runTest,
    done:function() {
        document.getElementById("flexbox").style.display = 'none';
    }
});
</script>
</html>