Index: third_party/WebKit/PerformanceTests/Paint/large-table-repaint.html |
diff --git a/third_party/WebKit/PerformanceTests/Paint/large-table-repaint.html b/third_party/WebKit/PerformanceTests/Paint/large-table-repaint.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3340c5d0fddc1bfdfd89c04fe2f138b102123e90 |
--- /dev/null |
+++ b/third_party/WebKit/PerformanceTests/Paint/large-table-repaint.html |
@@ -0,0 +1,33 @@ |
+<!DOCTYPE html> |
+<script src="../resources/runner.js"></script> |
+<pre id="log"></pre> |
+<style>td { border: 1px solid blue }</style> |
+<script> |
+function createTable(rows, columns) { |
+ var table = document.createElement("TABLE"); |
+ // Collapsing border is not necessary to see the slowness |
+ // but it makes the painting phase ~2x slower. |
+ table.style.borderCollapse = "collapse"; |
+ for (var i = 0; i < rows; ++i) { |
+ var tr = document.createElement("TR"); |
+ for (var j = 0; j < columns; ++j) { |
+ var td = document.createElement("TD"); |
+ tr.appendChild(td); |
+ } |
+ table.appendChild(tr); |
+ } |
+ return table; |
+} |
+ |
+var table = createTable(300, 320); |
+table.style.border = '2px solid green'; |
+document.body.insertBefore(table, log); |
+ |
+PerfTestRunner.measureFrameTime({ |
+ run: function() { |
+ table.style.borderColor = table.style.borderColor == 'green' ? |
+ 'yellow' : 'green'; |
+ }, |
+ warmUpCount: 5, |
+}); |
+</script> |