From cbd29450ff30f175cb373d91c2d0aa877782844e Mon Sep 17 00:00:00 2001
From: Adam Barth <abarth@chromium.org>
Date: Tue, 4 Nov 2014 13:35:03 -0800
Subject: [PATCH] Add a microbenchmark for simple block layout

R=eseidel@chromium.org, ojan@chromium.org

Review URL: https://codereview.chromium.org/701813004
---
 benchmarks/layout/simple-blocks.html | 44 ++++++++++++++++++++++++++++
 benchmarks/resources/runner.sky      |  7 +++++
 2 files changed, 51 insertions(+)
 create mode 100644 benchmarks/layout/simple-blocks.html

diff --git a/benchmarks/layout/simple-blocks.html b/benchmarks/layout/simple-blocks.html
new file mode 100644
index 00000000000..094f763b103
--- /dev/null
+++ b/benchmarks/layout/simple-blocks.html
@@ -0,0 +1,44 @@
+<sky>
+<import src="../resources/runner.sky" as="PerfRunner" />
+<style>
+div {
+  height: 10px;
+}
+span {
+  display: inline;
+}
+</style>
+<div id='content'></div>
+<script>
+var content = document.getElementById('content');
+
+var out = [];
+for (var i = 0; i < 1000; i++) {
+  var div = document.createElement('div');
+  div.appendChild(document.createElement('span')).appendChild(document.createTextNode('foo'));
+  div.appendChild(document.createTextNode(' '));
+  div.appendChild(document.createElement('span')).appendChild(document.createTextNode('bar'));
+  content.appendChild(div);
+}
+
+var b = document.querySelector('sky');
+
+var runner = new PerfRunner({
+  setup: function() {
+    b.style.width = '210px';
+    getComputedStyle(b).color;
+    b.offsetHeight;
+
+    b.style.width = '200px';
+    getComputedStyle(b).color;
+  },
+  iterations: 10,
+  unit: 'ms',
+});
+
+runner.runAsync(function(done) {
+  b.offsetHeight;
+  done();
+});
+</script>
+</sky>
diff --git a/benchmarks/resources/runner.sky b/benchmarks/resources/runner.sky
index eaa1059e071..e307c0d2732 100644
--- a/benchmarks/resources/runner.sky
+++ b/benchmarks/resources/runner.sky
@@ -3,6 +3,7 @@ function PerfRunner(options) {
   this.unit_ = options.unit || "ms";
   this.iterationsRemaining_ = options.iterations || 10;
   this.results_ = [];
+  this.setup_ = options.setup;
 }
 
 PerfRunner.prototype.log = function(line) {
@@ -17,9 +18,15 @@ PerfRunner.prototype.recordResult = function(result) {
 PerfRunner.prototype.runAsync = function(test) {
   var self = this;
   window.setTimeout(function() {
+    if (self.setup_) {
+      var setup = self.setup_;
+      setup();
+    }
+
     var startTime = Date.now();
     test(function() {
       var endTime = Date.now();
+
       self.recordResult(endTime - startTime);
       if (--self.iterationsRemaining_ > 0)
         self.runAsync(test);