PerformanceTests/Layout/multicol/fixed-height-with-spanner-and-nested-tables.html - Issue 1216053009: Semi-evil multicol performance test.

Side by Side Diff: PerformanceTests/Layout/multicol/fixed-height-with-spanner-and-nested-tables.html

Issue 1216053009: Semi-evil multicol performance test. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 5 years, 5 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <script src="../../resources/runner.js"></script>

	3 <style>

	4 #target div { display:table; } /* Just to slow it down a little. */

	5 </style>

	6 <pre id="log"></pre>

	7 <!-- This multicol container has 3 columns. It contains a row of columns, a span ner, and another

	8 row of columns. Height is fixed and column-fill is auto, so we only need to balance the row

	9 that precedes the spanner. That first row has 12 equal pieces of content, s o it should be

	10 possible to balance it perfectly and easily (i.e. it should only need 2 lay out passes). It

	11 also contains some deeply nested tables, to slow down performance. -->

	12 <div id="target" style="display:none; -webkit-columns:3; column-fill:auto; width :40em; height:41.5em; line-height:2em;">

	13 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	14 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	15 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	16 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	17 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	18 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	19 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	20 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	21 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	22 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	23 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	24 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	25 <div style="-webkit-column-span:all;">spanner.</div>

	26 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	27 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	28 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	29 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	30 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	31 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	32 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	33 <div><div><div><div><div><div><div><div>content content</div></div></div></d iv></div></div></div></div>

	34 </div>

	35 <script>

	36 var target = document.getElementById("target");

	37 var style = target.style;

	38

	39 function test() {

	40 style.display = "block";

	41 PerfTestRunner.forceLayoutOrFullFrame();

	42 style.display = "none";

	43 PerfTestRunner.forceLayoutOrFullFrame();

	44 }

	45

	46 PerfTestRunner.measureRunsPerSecond({

	47 description: "Measures performance of multicol layout when not balancing columns.",

	48 run: test

	49 });

	50 </script>

OLD	NEW

« no previous file with comments | « no previous file | no next file » | no next file with comments »