Index: third_party/WebKit/PerformanceTests/TestData/color-changes-measure-frame-time.html |
diff --git a/third_party/WebKit/PerformanceTests/TestData/color-changes-measure-frame-time.html b/third_party/WebKit/PerformanceTests/TestData/color-changes-measure-frame-time.html |
deleted file mode 100644 |
index a55b2475db72996c102005be71c7593bcee80150..0000000000000000000000000000000000000000 |
--- a/third_party/WebKit/PerformanceTests/TestData/color-changes-measure-frame-time.html |
+++ /dev/null |
@@ -1,84 +0,0 @@ |
-<!DOCTYPE html> |
-<body> |
-<script src="../resources/runner.js"></script> |
-<style> |
- span { |
- padding: 1px; |
- } |
- .changeColor { |
- background-color: green; |
- } |
-</style> |
-<script> |
-// This test measures the lifecycle update performance of changing background |
-// colors in large trees. |
- |
-function buildTree(parent, depth, arity, tagNameCallback, createElementCallback) { |
- for (var child = 0; child < arity; child++) { |
- var element = document.createElement(tagNameCallback(depth)); |
- parent.appendChild(element); |
- createElementCallback(element, depth); |
- if (depth > 1) |
- buildTree(element, depth - 1, arity, tagNameCallback, createElementCallback); |
- } |
-} |
- |
-// Build a tall tree that is skinny. A middle layer of |
-// the tree should have the changeColor class. |
-buildTree(document.body, 15, 2, |
- function(depth) { |
- // Use divs at upper levels to avoid too much layout time. |
- return depth > 9 ? 'div' : 'span'; |
- }, |
- function(element, depth) { |
- element.style.backgroundColor = 'green'; |
- if (depth == 5) |
- element.setAttribute('class', 'changeColor'); |
- } |
-); |
- |
-// Build a short tree that is fat. A middle layer of |
-// the tree should have the changeColor class. |
-buildTree(document.body, 6, 7, |
- function(depth) { |
- // Use divs at upper levels to avoid too much layout time. |
- return depth > 4 ? 'div' : 'span'; |
- }, |
- function(element, depth) { |
- element.style.backgroundColor = 'orange'; |
- if (depth == 3) |
- element.setAttribute('class', 'changeColor'); |
- } |
-); |
- |
-var runCount = 0; |
-var elementsToChange = document.getElementsByClassName('changeColor'); |
-var colors = [ |
- "rgb(128, 18, 237)", |
- "rgb(191, 1, 191)", |
- "rgb(237, 18, 128)", |
- "rgb(255, 64, 64)", |
- "rgb(237, 127, 18)", |
- "rgb(191, 191, 1)", |
- "rgb(128, 237, 18)", |
- "rgb(64, 255, 64)", |
- "rgb(18, 237, 127)", |
- "rgb(1, 191, 191)", |
- "rgb(18, 128, 237)", |
- "rgb(64, 64, 255)" |
-]; |
- |
-PerfTestRunner.measureFrameTime({ |
- run: function() { |
- runCount++; |
- var newColor = colors[runCount % colors.length]; |
- for (var index = 0; index < elementsToChange.length; index++) |
- elementsToChange[index].style.backgroundColor = newColor; |
- }, |
- warmUpCount: 3, |
- iterationCount: 10, |
- tracingCategories: 'blink', |
- traceEventsToMeasure: ['FrameView::prePaint', 'FrameView::paintTree'] |
-}); |
-</script> |
-</body> |