Deflake color tests by lazily printing test results (3x faster)

The color parser tests are slow because they have an O(n^2) pattern of
measuring elements in the page, then adding test results to the page in a
loop. This loop gets slower over time as the measurement step needs to
re-measure more and more elements. This patch adds some experimental
logic to js-test.js for lazily printing test results. If this pans out
we can investigate enabling this by default for all js-tests.

Before patch:
 css-parser/color3.html - 326ms
 css-parser/color3_hsl.html - 2344ms
 css-parser/color3_hsla_1.html - 3668ms
 css-parser/color3_hsla_2.html - 3765ms
 css-parser/color3_keywords.html - 1897ms

With patch:
 css-parser/color3.html - 138ms
 css-parser/color3_hsl.html - 718ms
 css-parser/color3_hsla_1.html - 1071ms
 css-parser/color3_hsla_2.html - 1124ms
 css-parser/color3_keywords.html - 616ms

TBR=leviw
BUG=435733

Review URL: https://codereview.chromium.org/752993002

git-svn-id: svn://svn.chromium.org/blink/trunk@185924 bbb929c8-8fbe-4397-9dbb-9b2b20218538

third_party/WebKit/LayoutTests/css-parser/resources/color-test.js

@@ -1,4 +1,3 @@
-
 function loadJson(path) {
     var xhr = new XMLHttpRequest();
     xhr.open("GET", path, false);
@@ -48,6 +47,8 @@ function escapeString(string) {
 }
 
 ColorTest.prototype.run = function() {
+    setPrintTestResultsLazily();
+
     // This is a hack to make getComputedstyle work.
     this.parentElement = document.createElement("foo");
     this.testElement = document.createElement("bar");

third_party/WebKit/LayoutTests/http/tests/security/contentSecurityPolicy/img-blocked-no-gc-crash-expected.txt

@@ -2,7 +2,7 @@ CONSOLE ERROR: Refused to evaluate a string as JavaScript because 'unsafe-eval'
 
 CONSOLE ERROR: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'unsafe-inline'".
 
-CONSOLE ERROR: line 222: Uncaught EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'unsafe-inline'".
+CONSOLE ERROR: line 231: Uncaught EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'unsafe-inline'".
 
 CONSOLE ERROR: Refused to load the image 'http://127.0.0.1:8000/security/resources/abe.png' because it violates the following Content Security Policy directive: "img-src 'none'".
 

third_party/WebKit/LayoutTests/resources/js-test.js

@@ -1,3 +1,8 @@
+// js-test now supports lazily printing test results which dumps all test
+// results once at the end of the test instead of building them up. To enable
+// this option, call setPrintTestResultsLazily() before running any tests.
+var _lazyTestResults; // Set by setPrintTestResultsLazily().
+
 // svg/dynamic-updates tests set enablePixelTesting=true, as we want to dump text + pixel results
 if (self.testRunner) {
     if (self.enablePixelTesting)
@@ -53,9 +58,13 @@ var unexpectedErrorMessage; // set by onerror when expectingError is not true
 
     debug = function debug(msg)
     {
-        var span = document.createElement("span");
-        getOrCreate("console", "div").appendChild(span); // insert it first so XHTML knows the namespace
-        span.innerHTML = msg + '<br />';
+        if (self._lazyTestResults) {
+            self._lazyTestResults.push(msg);
+        } else {
+            var span = document.createElement("span");
+            getOrCreate("console", "div").appendChild(span); // insert it first so XHTML knows the namespace
+            span.innerHTML = msg + '<br />';
+        }
     };
 
     var css =
@@ -720,6 +729,10 @@ function asyncMinorGC(callback) {
     setTimeout(callback, 1);
 }
 
+function setPrintTestResultsLazily() {
+    self._lazyTestResults = self._lazyTestResults || [];
+}
+
 function isSuccessfullyParsed()
 {
     // FIXME: Remove this and only report unexpected syntax errors.
@@ -738,6 +751,22 @@ function finishJSTest()
     if (!self.wasPostTestScriptParsed)
         return;
     isSuccessfullyParsed();
+
+    if (self._lazyTestResults && self._lazyTestResults.length > 0) {
+        var consoleElement = document.getElementById("console");
+        if (!consoleElement) {
+            consoleElement = document.createElement("div");
+            consoleElement.id = "console";
+            var parent = document.body || document.documentElement;
+            parent.insertBefore(consoleElement, parent.firstChild);
+        }
+        self._lazyTestResults.forEach(function(msg) {
+            var span = document.createElement("span");
+            span.innerHTML = msg + '<br />';
+            consoleElement.appendChild(span);
+        });
+    }
+
     if (self.jsTestIsAsync && self.testRunner)
         testRunner.notifyDone();
 }