Attempt to deflake svg/custom/js-late-{clipPath,gradient}-and-...svg

LayoutTests/svg/custom/js-late-gradient-and-object-creation.svg

Index: LayoutTests/svg/custom/js-late-gradient-and-object-creation.svg
diff --git a/LayoutTests/svg/custom/js-late-gradient-and-object-creation.svg b/LayoutTests/svg/custom/js-late-gradient-and-object-creation.svg
index 3f6945cd763f61eaa3d98eddcfdf10aed6654d22..3656d0a76099496b958e37cf40e82d277b644b66 100644
--- a/LayoutTests/svg/custom/js-late-gradient-and-object-creation.svg
+++ b/LayoutTests/svg/custom/js-late-gradient-and-object-creation.svg
@@ -5,14 +5,14 @@
 <g id="content"/>
 
 <script>
-    var content = document.getElementById("content");
+    window.testIsAsync = true;
 
     function repaintTest() {
-        if (window.testRunner)
-            testRunner.waitUntilDone();
-        setTimeout(createGradients, 0);
+        runAfterDisplay(createGradients);
     }
 
+    var content = document.getElementById("content");
+
     function createGradients()
     {
         // Setup "fillLinearGradient"
@@ -52,7 +52,8 @@
         gradient2.appendChild(stop22);
 
         content.appendChild(gradient2);
-        setTimeout(setupGradientUsers, 0);
+
+        runAfterDisplay(setupGradientUsers);
     }
 
     function setupGradientUsers()
@@ -87,8 +88,7 @@
 
         content.appendChild(text3);
 
-        if (window.testRunner)
-            testRunner.notifyDone();
+        finishRepaintTest();
     }
 </script>