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

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

Index: LayoutTests/svg/custom/js-late-clipPath-and-object-creation.svg
diff --git a/LayoutTests/svg/custom/js-late-clipPath-and-object-creation.svg b/LayoutTests/svg/custom/js-late-clipPath-and-object-creation.svg
index ec0502a7ab3b8fa656d45ad132d12aa4471d05ec..61bd33201572bd606238a8148b50ae7fe247ae2d 100644
--- a/LayoutTests/svg/custom/js-late-clipPath-and-object-creation.svg
+++ b/LayoutTests/svg/custom/js-late-clipPath-and-object-creation.svg
@@ -4,13 +4,13 @@
 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/>
 <g id="content" transform="scale(1, 1.5)"/>
 <script>
-    var content = document.getElementById("content");
+    window.testIsAsync = true;
     function repaintTest() {
-        if (window.testRunner)
-            testRunner.waitUntilDone();
-        setTimeout(createObject, 0);
+        runAfterDisplay(createObject);
     }
 
+    var content = document.getElementById("content");
+
     function createObject()
     {
         var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
@@ -23,7 +23,7 @@
         text.appendChild(document.createTextNode("Clipped. INVISIBLE."));        
         content.appendChild(text);
 
-        setTimeout(createClipPath, 0);
+        runAfterDisplay(createClipPath);
     }
 
     function createClipPath()
@@ -38,8 +38,7 @@
         clipPath.appendChild(path);
         content.appendChild(clipPath);
 
-        if (window.testRunner)
-            testRunner.notifyDone();
+        finishRepaintTest();
     }
 </script>