[svg2] Make 'rx' and 'ry' presentation attributes

LayoutTests/transitions/svg-layout-transition.html

Index: LayoutTests/transitions/svg-layout-transition.html
diff --git a/LayoutTests/transitions/svg-layout-transition.html b/LayoutTests/transitions/svg-layout-transition.html
index 4f9d72fee92a5c7b01c886172b4475be7f568d9a..659fe74651ec95003943d4b94033fe2295dfa8e5 100644
--- a/LayoutTests/transitions/svg-layout-transition.html
+++ b/LayoutTests/transitions/svg-layout-transition.html
@@ -21,6 +21,20 @@
     #y.final {
       y: 200px;
     }
+
+    .rx {
+      transition-property: rx;
+    }
+    .rx.final {
+      rx: 200px;
+    }
+
+    .ry {
+      transition-property: ry;
+    }
+    .ry.final {
+      ry: 200px;
+    }
   </style>
   <script src="../animations/resources/animation-test-helpers.js"></script>
   <script type="text/javascript">
@@ -29,12 +43,15 @@
       // [time, element-id, property, expected-value, tolerance]
       [0.5, 'x', 'x', 150, 20],
       [0.5, 'y', 'y', 150, 20],
+      [0.5, 'rx', 'rx', 150, 20],
+      [0.5, 'ry', 'ry', 150, 20],
+      [0.5, 'erx', 'rx', 150, 20],
+      [0.5, 'ery', 'ry', 150, 20],
     ];
-  
     function setupTest()
     {
-      document.getElementById('x').setAttribute('class', 'init final');
-      document.getElementById('y').setAttribute('class', 'init final');
+	  for (var i = 0; i < expectedValues.length; i++)

[fs, 2015/02/26 14:20:58]

Nit: Tabs vs. spaces.

[Erik Dahlström (inactive), 2015/02/26 16:16:33]

Done.

+		document.getElementById(expectedValues[i][1]).classList.add("final");
     }
   
     runTransitionTest(expectedValues, setupTest);
@@ -44,6 +61,10 @@
   <svg>
     <rect x="100" y="100" width="100" height="100" class="init" id="x"/>
     <rect x="100" y="100" width="100" height="100" class="init" id="y"/>
+    <rect x="100" y="100" width="100" height="100" rx="100" ry="100" class="init rx" id="rx"/>
+    <rect x="100" y="100" width="100" height="100" rx="100" ry="100" class="init ry" id="ry"/>
+    <ellipse class="init rx" rx="100" ry="100" id="erx"/>
+    <ellipse class="init ry" rx="100" ry="100" id="ery"/>
   </svg>
 
   <div id="result">