Index: PerformanceTests/Layout/multicol/fixed-height-with-spanner-and-nested-tables.html |
diff --git a/PerformanceTests/Layout/multicol/fixed-height-with-spanner-and-nested-tables.html b/PerformanceTests/Layout/multicol/fixed-height-with-spanner-and-nested-tables.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f887fe404b77c8c25c7482c33a7d7eed8256c054 |
--- /dev/null |
+++ b/PerformanceTests/Layout/multicol/fixed-height-with-spanner-and-nested-tables.html |
@@ -0,0 +1,50 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/runner.js"></script> |
+<style> |
+ #target div { display:table; } /* Just to slow it down a little. */ |
+</style> |
+<pre id="log"></pre> |
+<!-- This multicol container has 3 columns. It contains a row of columns, a spanner, and another |
+ row of columns. Height is fixed and column-fill is auto, so we only need to balance the row |
+ that precedes the spanner. That first row has 12 equal pieces of content, so it should be |
+ possible to balance it perfectly and easily (i.e. it should only need 2 layout passes). It |
+ also contains some deeply nested tables, to slow down performance. --> |
+<div id="target" style="display:none; -webkit-columns:3; column-fill:auto; width:40em; height:41.5em; line-height:2em;"> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div style="-webkit-column-span:all;">spanner.</div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+ <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div> |
+</div> |
+<script> |
+ var target = document.getElementById("target"); |
+ var style = target.style; |
+ |
+ function test() { |
+ style.display = "block"; |
+ PerfTestRunner.forceLayoutOrFullFrame(); |
+ style.display = "none"; |
+ PerfTestRunner.forceLayoutOrFullFrame(); |
+ } |
+ |
+ PerfTestRunner.measureRunsPerSecond({ |
+ description: "Measures performance of multicol layout when not balancing columns.", |
+ run: test |
+ }); |
+</script> |