Index: tools/perf/page_sets/key_silk_cases/masonry.html |
diff --git a/tools/perf/page_sets/key_silk_cases/masonry.html b/tools/perf/page_sets/key_silk_cases/masonry.html |
index ac9fa2ada677356a7ad0e174bb19d8bac43fffc5..927f2617d8c6dc9b4caa0c1b6b421470dedc2832 100644 |
--- a/tools/perf/page_sets/key_silk_cases/masonry.html |
+++ b/tools/perf/page_sets/key_silk_cases/masonry.html |
@@ -1116,7 +1116,7 @@ function() { |
}(window); |
var container = document.querySelector('#container'); |
var item = container.children[0]; |
-for (var i = 0; i < 100; ++i) { |
+for (var i = 0; i < 20; ++i) { |
container.appendChild(item.cloneNode(true)); |
} |
document.body.style.display = 'block'; |
@@ -1125,12 +1125,23 @@ window.brick = function() { |
var mason = new Masonry(container, { |
itemSelector: '.item', |
}); |
- requestAnimationFrame(function() { |
- mason.element.style.maxWidth = '950px'; |
- mason.layout(); |
- requestAnimationFrame(function() { |
+ function relayout(i) { |
+ if (i === 10) { |
window.done = true; |
+ return; |
+ } |
+ requestAnimationFrame(function() { |
+ mason.element.style.maxWidth = '950px'; |
+ mason.layout(); |
+ requestAnimationFrame(function() { |
+ mason.element.style.maxWidth = '200px'; |
+ mason.layout(); |
+ requestAnimationFrame(function() { |
+ relayout(i + 1); |
+ }); |
+ }); |
}); |
- }); |
+ } |
+ relayout(0); |
}; |
</script> |