Refactor of various layout tests to use RAF

LayoutTests/svg/custom/js-late-pattern-creation.svg

 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">  
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  id="svg-root" width="100%" height="100%" viewBox="0 0 480 360" onload="runRepaintAndPixelTest()">
 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/>
 <g id="content" transform="scale(1, 1.5)">
      <text font-size="68" fill="url(#dynPattern)"  x="20" y="70">Pattern on fill</text>
 </g>
 <script>
     window.testIsAsync = true;
     var content = document.getElementById("content");
 
     function repaintTest() {
-        setTimeout(createPattern, 0);
+        requestAnimationFrame(createPattern);
     }
 
     function createPattern()
     {
         var pattern = document.createElementNS("http://www.w3.org/2000/svg", "pattern");
         pattern.setAttribute("id", "dynPattern");
         pattern.setAttribute("patternUnits", "userSpaceOnUse");
         pattern.setAttribute("x", "0");
         pattern.setAttribute("y", "0");
         pattern.setAttribute("width", "20");
@@ skipping 16 matching lines @@
         pattern.appendChild(rect1);
         pattern.appendChild(rect2);
 
         content.appendChild(pattern);
 
         finishRepaintTest();
     }
 </script>
 
 </svg>