Deflake images/cross-fade-invalidation.html

third_party/WebKit/LayoutTests/images/cross-fade-invalidation.html

Index: third_party/WebKit/LayoutTests/images/cross-fade-invalidation.html
diff --git a/third_party/WebKit/LayoutTests/images/cross-fade-invalidation.html b/third_party/WebKit/LayoutTests/images/cross-fade-invalidation.html
index b2eddfca2aee98061205e67eb82e8cc7b2a5f783..604bc35b8315cb8f081f05eca1ab8148fa74cf99 100644
--- a/third_party/WebKit/LayoutTests/images/cross-fade-invalidation.html
+++ b/third_party/WebKit/LayoutTests/images/cross-fade-invalidation.html
@@ -8,14 +8,17 @@ div
 }
 </style>
 <script>
-if(window.testRunner)
-	testRunner.waitUntilDone();
-
-setTimeout(function() {
-	if(window.testRunner)
-		testRunner.notifyDone();
-}, 200);
+    if(window.testRunner)
+    	testRunner.waitUntilDone();
+    
+    window.onload = function() {
+        setTimeout(function() {
+    	    if(window.testRunner)
+    		    testRunner.notifyDone();
+        }, 100);
+    }
 </script>
-<!--The first cross-fade should appear as a light green square with a darker green circle inside it.-->
+<!-- The cross-fade should appear as a light green square with a darker green circle inside it. -->
+<!-- The green-circle.svg content is a circle with animated fill from red to green taking 10ms. -->
 <div style="background-image: -webkit-cross-fade(url(resources/green-circle.svg), url(resources/green-100.png), 50%);"></div>
 </html>