Index: tools/perf/page_sets/key_idle_power_cases/request-animation-frame.html |
diff --git a/tools/perf/page_sets/key_idle_power_cases/request-animation-frame.html b/tools/perf/page_sets/key_idle_power_cases/request-animation-frame.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..05b01c6acaffa52b912a02df846cd3c8163112bf |
--- /dev/null |
+++ b/tools/perf/page_sets/key_idle_power_cases/request-animation-frame.html |
@@ -0,0 +1,33 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"> |
+ <title>requestAnimationFrame Test</title> |
+ <style type="text/css"> |
+ html, body { |
+ height: 100%; |
+ padding: 0px; |
+ margin: 0px; |
+ } |
+ #container { |
+ width: 100%; |
+ height: 100%; |
+ background: rgb(128, 128, 128); |
+ } |
+ </style> |
+</head> |
+<body> |
+ <div id="container"></div> |
+ <script type="text/javascript"> |
+ var container = document.getElementById('container'); |
+ var c = 128; |
+ tick(); |
+ function tick() { |
+ ++c; |
+ c %= 256; |
+ container.style.backgroundColor = "rgb("+c+","+c+","+c+")"; |
+ requestAnimationFrame(tick); |
+ }; |
+ </script> |
+</body> |
+</html> |