Refactor of various layout tests to use RAF

LayoutTests/svg/custom/use-detach.svg

Index: LayoutTests/svg/custom/use-detach.svg
diff --git a/LayoutTests/svg/custom/use-detach.svg b/LayoutTests/svg/custom/use-detach.svg
index a1f975baf243c7e6f55a7062a3bde9441ccf6194..b7f3faf75398c3629d653e5af7b3147db849f216 100644
--- a/LayoutTests/svg/custom/use-detach.svg
+++ b/LayoutTests/svg/custom/use-detach.svg
@@ -2,18 +2,19 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 250 250" onload="runRepaintAndPixelTest()">
   <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/>
+  <script xlink:href="../../resources/run-after-display.js"/>
   <script type="text/javascript">
   <![CDATA[
     window.testIsAsync = true;
     function repaintTest() {
       var elem = document.getElementById('use');
       elem.setAttributeNS(null,'display','inline');
-      window.setTimeout("step2()", 0);
+      runAfterDisplay(step2);
     }
     function step2() {
       var elem = document.getElementById('use');
       elem.setAttributeNS(null,'display','none');
-      window.setTimeout("step3()", 0);
+      runAfterDisplay(step3);
     }
     function step3() {
       var elem = document.getElementById('use');