Change output method of paint invalidation failure message

LayoutTests/paint/invalidation/spv2/resources/paint-invalidation-test.js

 // Asynchronous tests should manually call finishPaintInvalidationTest at the appropriate time.
 window.testIsAsync = false;
 
 // All paint invalidation tests are asynchronous from test-runner's point of view.
 if (window.testRunner)
     testRunner.waitUntilDone();
 
 function runPaintInvalidationTest()
 {
     if (!window.testRunner || !window.internals) {
@@ skipping 28 matching lines @@
         return;
 
     testRunner.layoutAndPaintAsyncThen(function()
     {
         document.body.offsetTop;
         var paintInvalidationObjects = JSON.stringify(internals.trackedPaintInvalidationObjects());
         var expectedPaintInvalidationObjects = JSON.stringify(window.expectedPaintInvalidationObjects);
         internals.stopTrackingPaintInvalidationObjects();
 
         if (paintInvalidationObjects != expectedPaintInvalidationObjects) {
+            // TODO(wangxianzhu): The following works for HTML only. Should support SVG.

[pdr., 2015/09/16 21:27:02]

Lets support SVG:

function finishPaintInvalidationTest()
{
    if (!window.testRunner || !window.internals)
        return;

    testRunner.layoutAndPaintAsyncThen(function()
    {
        var isSvg = document.rootElement && document.rootElement.nodeName ==
"svg";
        var paintInvalidationObjects =
JSON.stringify(internals.trackedPaintInvalidationObjects());
        var expectedPaintInvalidationObjects =
JSON.stringify(window.expectedPaintInvalidationObjects);
        internals.stopTrackingPaintInvalidationObjects();

        if (paintInvalidationObjects != expectedPaintInvalidationObjects) {
            if (isSvg) {
                var svgns = "http://www.w3.org/2000/svg"
                var rect = document.createElementNS(svgns, 'rect');
                rect.setAttribute('width', '30%');
                rect.setAttribute('height', '10%');
                rect.setAttribute('x', '70%');
                rect.setAttribute('fill', 'white');
                rect.setAttribute('stroke', 'black');
                rect.setAttribute('stroke-width', '1px');
                document.documentElement.appendChild(rect);
                var text = document.createElementNS(svgns, 'text');
                text.setAttribute('x', '100%');
                text.setAttribute('y', '5%');
                text.setAttribute('text-anchor', 'end');
                text.textContent = "Paint invalidation objects mismatch.";
                document.documentElement.appendChild(text);
            } else {
                var message = 'Paint invalidation objects mismatch.'
                    + '\nExpected:\n' +
expectedPaintInvalidationObjects.replace(/","/g, '",\n "')
                    + '\nActual:\n' + paintInvalidationObjects.replace(/","/g,
'",\n "');
                testRunner.logToStderr(message);

                var div = document.createElement('div');
                div.style.zIndex = '2147483647';
                div.style.visibility = 'visible';
                div.style.position = 'fixed';
                div.style.top = '0';
                div.style.right = '0';
                div.style.width = '300px';
                div.style.height = '36px';
                div.style.color = 'red';
                div.style.fontSize = '14px';
                div.style.lineHeight = '16px';
                div.style.fontFamily = 'Arial';
                div.style.border = '1px solid red';
                div.style.background = 'white';
                div.appendChild(document.createTextNode('Paint invalidation
objects mismatch.'));
                div.appendChild(document.createElement('br'));
                div.appendChild(document.createTextNode('See stderr for
details.'));
                document.body.appendChild(div);
            }
        }
        testRunner.notifyDone();
    });

             var message = 'Paint invalidation objects mismatch.'
                 + '\nExpected:\n' + expectedPaintInvalidationObjects.replace(/","/g, '",\n "')
                 + '\nActual:\n' + paintInvalidationObjects.replace(/","/g, '",\n "');
             testRunner.logToStderr(message);
-            while (document.body.firstChild)
-                document.body.removeChild(document.body.firstChild);
-            var pre = document.createElement('pre');
-            pre.appendChild(document.createTextNode('(To copy results as text, see stderr.)\n\n' + message));
-            document.body.appendChild(pre);
+
+            var div = document.createElement('div');
+            div.style.zIndex = '2147483647';
+            div.style.visibility = 'visible';
+            div.style.position = 'fixed';
+            div.style.top = '0';
+            div.style.right = '0';
+            div.style.width = '300px';
+            div.style.height = '36px';
+            div.style.color = 'red';
+            div.style.fontSize = '14px';
+            div.style.lineHeight = '16px';
+            div.style.fontFamily = 'Arial';
+            div.style.border = '1px solid red';
+            div.style.background = 'none';

[pdr., 2015/09/16 21:27:02]

Lets set the backgroundColor to white so the text is readable above any text.

+            div.appendChild(document.createTextNode('Paint invalidation objects mismatch.'));
+            div.appendChild(document.createElement('br'));
+            div.appendChild(document.createTextNode('See stderr for details.'));
+            document.body.appendChild(div);
         }
         testRunner.notifyDone();
     });
 }