Index: tools/perf/page_sets/key_silk_cases/pushState.html |
diff --git a/tools/perf/page_sets/key_silk_cases/pushState.html b/tools/perf/page_sets/key_silk_cases/pushState.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..dd7402571ca883ac50b75a33463a3caf707120b8 |
--- /dev/null |
+++ b/tools/perf/page_sets/key_silk_cases/pushState.html |
@@ -0,0 +1,65 @@ |
+<!doctype html><html><meta charset=utf-8> |
+<meta name = "viewport" content = "width = device-width, user-scalable = no"> |
+<style> |
+body { |
+ width: 300px; |
+} |
+div.o { |
+ height: 50px; |
+ width: 50px; |
+ border-radius: 50px; |
+ position: absolute; |
+ left: 150px; top: 50px; |
+ background: red; |
+ -webkit-transform-origin: 25px 100px; |
+} |
+div.b { |
+ position: relative; |
+} |
+.b div { |
+ position: absolute; |
+ height: 25px; |
+ width: 25px; |
+ border-radius: 25px; |
+} |
+</style> |
+<body> |
+<div class=b></div> |
+<div class=o></div> |
+<script> |
+var count=0; |
+function rnd(x) { |
+ count++; |
+ return Math.floor(Math.abs(Math.cos(count)) * x); |
+} |
+function newdiv() { |
+ var d = document.createElement('div'); |
+ d.style.top = rnd(350) + 'px'; |
+ d.style.left = rnd(275) + 'px'; |
+ d.style.background = 'rgb(' + rnd(255) + ',' + rnd(255) + ',' + rnd(255) + ')'; |
+ document.querySelector('.b').appendChild(d); |
+} |
+for (var i = 0; i < 1000; i++) { |
+ newdiv(); |
+} |
+ |
+a = 0; |
+n = 0; |
+d = document.querySelector('.o'); |
+function update(a) { |
+ d.style.webkitTransform = 'rotate3d(0,0,1,' + a + 'deg)'; |
+} |
+function step() { |
+ a = (a + 3) % 360; |
+ update(a); |
+ window.requestAnimationFrame(step); |
+ if (a == 0) { |
+ n++; |
+ history.pushState(n, n, '/pushstate/' + n); |
+ } |
+} |
+step(); |
+</script> |
+ |
+<body> |
+</html> |