[SVG] animateMotion accumulate doesn't work properly with rotate: auto / auto-reverse

LayoutTests/svg/animations/animateMotion-accumulate-2b.svg

Index: LayoutTests/svg/animations/animateMotion-accumulate-2b.svg
diff --git a/LayoutTests/svg/animations/animateMotion-accumulate-2b.svg b/LayoutTests/svg/animations/animateMotion-accumulate-2b.svg
new file mode 100755
index 0000000000000000000000000000000000000000..c8a3399b51d0dd8b319bb08c4fac7a6f2bb0da06
--- /dev/null
+++ b/LayoutTests/svg/animations/animateMotion-accumulate-2b.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG Tiny 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
+<svg viewBox="0 0 500 350" onload="loaded()"
+    xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="tiny"
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
+        <rect x="0" y="0" width="480" height="360" fill="#fff" />
+        <g transform="translate(40,-20) scale(0.45)">
+        <g>
+            <circle cx="0" cy="0" r="70" fill="#f00">
+                <animateMotion
+                    dur="4s"
+                    path="M100,100c0,200 200,200 200,0"
+                    repeatDur="12s"
+                    accumulate="sum"
+                    fill="freeze" />
+             </circle>
+            <circle cx="0" cy="0" r="60" stroke="#00f"
+                stroke-width="21"
+                fill="#f00">
+                <animateMotion
+                    dur="4s"
+                    path="M100,100c0,200 200,200 200,0"
+                    repeatDur="12s"
+                    accumulate="sum"
+                    rotate="auto"
+                    fill="freeze" />
+            </circle>
+            <circle cx="0" cy="0" r="40"
+                stroke="#00f" stroke-width="21"
+                fill="#f00">
+                <animateMotion
+                    dur="4s"
+                    path="M100,100c0,200 200,200 200,0"
+                    repeatDur="12s"
+                    accumulate="sum"
+                    rotate="auto-reverse"
+                    fill="freeze" />
+            </circle>
+            <circle cx="0" cy="0" r="20"
+                stroke="#00f" stroke-width="21"
+                fill="#f00">
+                <animateMotion
+                dur="4s"

[pdr., 2013/07/17 04:11:30]

Minor nit: the indentation is wrong here

+                path="M100,100c0,200 200,200 200,0"
+                repeatDur="12s"
+                accumulate="sum"
+                rotate="60"
+                fill="freeze" />
+            </circle>
+      </g>
+
+      <g fill="none" stroke-width="20"
+        stroke="#888" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M100,100c0,200 200,200 200,0">
+          <set attributeName="display" to="none" begin="4s" />
+	      </path>

[pdr., 2013/07/17 04:11:30]

Minor nit: the indentation is wrong here

+        <path d="M400,200c0,200 200,200 200,0">
+		      <set attributeName="display" to="none" begin="8s" />
+	      </path>
+        <path d="M700,300c0,200 200,200 200,0" />
+      </g>
+    </g>
+  </g>
+  <script>
+    if (window.testRunner)
+        testRunner.waitUntilDone();
+
+    function loaded() {
+        document.documentElement.setCurrentTime(12);

[pdr., 2013/07/17 04:11:30]

Just a question: In this test and the others, the setCurrentTime parameter is
exactly equal to the repeatDur value of the animateMotion. Is there a reason for
that? Do the tests still pass if you use 24 instead of 12?

[pavane, 2013/07/17 05:30:17]

anything above repeatDur value is fine as i am freezing the animation at the
end.

+
+        if (window.testRunner)
+            testRunner.notifyDone();
+    }
+  </script>
+</svg>