Replace setTimeout() with runAfterLayoutAndPaint() in a few tests

LayoutTests/svg/custom/resource-client-removal.svg

 <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()">
+<script xlink:href="../../resources/run-after-layout-and-paint.js"/>
 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/>
 <script>
 <![CDATA[
 window.testIsAsync = true;
 function repaintTest() {
     container = document.getElementById("inneruse");
     stop = document.getElementById("offset");
-    // FIXME: we need a better way of waiting for layout/repainting to happen
-    setTimeout(offset, 1);
+    runAfterLayoutAndPaint(offset);
 }
 var turns = 5;
 function offset(){
     container.setAttribute ("transform", "");
     stop.setAttribute ("offset", "1.0");
     turns--;
-    if (turns > 0) {
-        // FIXME: we need a better way of waiting for layout/repainting to happen
-        window.setTimeout("offset()", 1)
-    } else
+    if (turns > 0)
+        runAfterLayoutAndPaint(offset);
+    else
         finishRepaintTest();
 }
 ]]>
 </script>
 <defs>
 <linearGradient id="grad">
   <stop offset="0" style="stop-color: green"/>
   <stop id="offset" offset="1" style="stop-color: green"/>
 </linearGradient> 
 <path id="hp" d="M 0 0 L 100 0 L 100 100 L 0 100" />
 </defs>
 <g id="inneruse">
 <use xlink:href="#hp" style="fill:url(#grad)"/>
 </g>
 <use xlink:href="#inneruse" style="fill:url(#grad)"/> 
 </svg>