Convert fast/repaint/window-resize*.html into reftests

third_party/WebKit/LayoutTests/fast/repaint/resources/window-resize-repaint.js

 var testSizes = [
-    { width: 200, height: 200 }, // initial size
-    { width: 200, height: 300 }, // height increase
-    { width: 300, height: 300 }, // width increase
-    { width: 300, height: 250 }, // height decrease
-    { width: 250, height: 250 }  // width decrease
-    // Tests can add more testSizes.
+    { width: 600, height: 500 }, // initial size
+    { width: 600, height: 250 }, // height decrease
+    { width: 400, height: 250 }, // width decrease
+    { width: 400, height: 600 }, // height increase
+    { width: 800, height: 600 }  // width increase

[Xianzhu, 2016/06/07 17:18:10]

The above changes have two purposes:
1. Use larger sizes so that rect under-invalidations will be shown in the pixel
result (along with smaller tiles forced in base.py);
2. Finish at 800x600 to match the default window size of the reference.

[pdr., 2016/06/07 22:44:46]

Just FYI (this change is fine) that we run the W3C-SVG-1.1 SVG tests at a
different default resolution. I've filed crbug.com/618117 to fix this.

 ];
 
-var sizeIndex = 0;
+var sizeIndex = 1;
+var repaintRects = "";
 
-function repaintTest() {
-    window.resizeTo(testSizes[sizeIndex].width, testSizes[sizeIndex].height);
-}
-
-if (window.internals) {
-    internals.settings.setOverlayScrollbarsEnabled(true);
-    internals.settings.setMockScrollbarsEnabled(true);
+function doTest() {
+    if (sizeIndex > 1) {

[pdr., 2016/06/07 22:44:46]

Why do we only track repaint rects for sizeIndex 2, 3, and 4? Aren't we missing
tracking rects from the initial to the 1st size?

[Xianzhu, 2016/06/08 17:00:31]

We increase sizeIndex just after resizeTo(), so when sizeIndex is 2, we are here
to collect the repaint rects for the 1st resize.

Adjusted the sequence of statements to make the logic more obvious.

+        repaintRects += internals.layerTreeAsText(document, window.internals.LAYER_TREE_INCLUDES_PAINT_INVALIDATIONS);
+        internals.stopTrackingRepaints(document);
+    }
+    if (sizeIndex < testSizes.length) {
+        internals.startTrackingRepaints(document);
+        window.resizeTo(testSizes[sizeIndex].width, testSizes[sizeIndex].height);
+        sizeIndex++;
+        testRunner.layoutAndPaintAsyncThen(doTest);
+    } else if (window.testRunner) {
+        testRunner.setCustomTextOutput(repaintRects);
+        testRunner.notifyDone();
+    }
 }
 
 if (window.testRunner) {
     testRunner.useUnfortunateSynchronousResizeMode();
-    testRunner.dumpAsText();
+    testRunner.waitUntilDone();
+    window.resizeTo(testSizes[0].width, testSizes[0].height);
+    testRunner.layoutAndPaintAsyncThen(doTest);
+}
 
-    window.onload = function() {
-        window.resizeTo(testSizes[0].width, testSizes[0].height);
-
-        var repaintRects = "";
-        for (sizeIndex = 1; sizeIndex < testSizes.length; ++sizeIndex) {
-            document.body.offsetTop;
-            internals.startTrackingRepaints(document);
-            repaintTest();
-            document.body.offsetTop;
-            repaintRects += internals.layerTreeAsText(document, window.internals.LAYER_TREE_INCLUDES_PAINT_INVALIDATIONS);
-            internals.stopTrackingRepaints(document);
-        }
-        testRunner.setCustomTextOutput(repaintRects);
-    }
-}