Index: third_party/WebKit/PerformanceTests/Paint/large-table-collapsed-border-change-with-text.html |
diff --git a/third_party/WebKit/PerformanceTests/Paint/large-table-collapsed-border-change-with-text.html b/third_party/WebKit/PerformanceTests/Paint/large-table-collapsed-border-change-with-text.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f9e2f9c2fec061171170fa0ae4b6dd33437ee21f |
--- /dev/null |
+++ b/third_party/WebKit/PerformanceTests/Paint/large-table-collapsed-border-change-with-text.html |
@@ -0,0 +1,37 @@ |
+<!DOCTYPE html> |
+<script src="../resources/runner.js"></script> |
+<pre id="log"></pre> |
+<style>td { border: 1px solid blue; font-size: 3px; }</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"); |
+ td.appendChild(document.createTextNode("ABC")); |
+ tr.appendChild(td); |
+ } |
+ table.appendChild(tr); |
+ } |
+ return table; |
+} |
+ |
+var table = createTable(300, 320); |
+document.body.insertBefore(table, log); |
+ |
+var ix = 30; |
+var iy = 30; |
+ |
+PerfTestRunner.measureFrameTime({ |
+ run: function() { |
+ table.childNodes[iy].childNodes[ix].style.borderColor = "red"; |
+ ix++; |
+ iy++; |
+ }, |
+ warmUpCount: 5, |
+}); |
+</script> |