Attempt to deflake coords-dom-02-f.svg

third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1-SE/coords-dom-02-f.svg

 <svg id="svg-root" width="100%" height="100%" 
   viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" 
   xmlns:xlink="http://www.w3.org/1999/xlink">
   <!--======================================================================-->
   <!--=  Copyright 2008 World Wide Web Consortium, (Massachusetts          =-->
   <!--=  Institute of Technology, European Research Consortium for         =-->
   <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->
   <!--=  All Rights Reserved.                                              =-->
   <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->
   <!--======================================================================-->
@@ skipping 36 matching lines @@
     <g transform="translate(220 160)">
       <g id="reference">
         <circle r="40" fill="red" transform="translate(20 20) scale(2 1)"/>
       </g>
     
       <g id="g" transform="translate(20 20)">
         <circle id="c" r="40" fill="blue"/>
       </g>
     </g>   
     
+    <script xlink:href="../../resources/run-after-layout-and-paint.js"></script>
     <script type="text/ecmascript"><![CDATA[
-      var passed = false;
-      
-      try
-      {
-        var g = document.getElementById("g");
-        var c = document.getElementById("c");
-        var tfm = g.transform.baseVal.getItem(0);
-        var mtx = tfm.matrix;
-        mtx.a = 2;
-        if(tfm.type == SVGTransform.SVG_TRANSFORM_MATRIX)
+      if (window.testRunner)
+        testRunner.waitUntilDone();

[Xianzhu, 2016/11/30 17:08:54]

Nit: The above two lines can be omitted when we have runAfterLayoutAndPaint(...,
true).

[f(malita), 2016/11/30 18:08:40]

Done.

+
+      runAfterLayoutAndPaint(function() {
+        var passed = false;
+
+        try
         {
-          passed = true;
+          var g = document.getElementById("g");
+          var c = document.getElementById("c");
+          var tfm = g.transform.baseVal.getItem(0);
+          var mtx = tfm.matrix;
+          mtx.a = 2;
+          if(tfm.type == SVGTransform.SVG_TRANSFORM_MATRIX)
+          {
+            passed = true;
+          }
         }
-      }
-      catch(e) {}
-      
-      if(passed)
-      {
-        c.setAttribute("fill", "lime");
-      }
-      else
-      {
-        c.setAttribute("fill", "red");
-      }
+        catch(e) {}
+
+        if(passed)
+        {
+          c.setAttribute("fill", "lime");
+        }
+        else
+        {
+          c.setAttribute("fill", "red");
+        }
+      }, true);
     ]]></script>
         
   </g>
   <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
   <text id="revision" x="10" y="340" stroke="none" 
     fill="black">$Revision: 1.7 $</text>
   </g>
   <rect xml:id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
   <!-- comment out this watermark once the test is approved --><!--
   <g id="draft-watermark">
     <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
     <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 
       text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
   </g>-->
 </svg>