[SVG] Handle repeat(n) event for svg animations

LayoutTests/svg/animations/repeatn-event-2a.svg

Index: LayoutTests/svg/animations/repeatn-event-2a.svg
diff --git a/LayoutTests/svg/animations/repeatn-event-2a.svg b/LayoutTests/svg/animations/repeatn-event-2a.svg
new file mode 100755
index 0000000000000000000000000000000000000000..f5b22ec3fed0848fd057b3d6d6e91b118b2a81f3
--- /dev/null
+++ b/LayoutTests/svg/animations/repeatn-event-2a.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
+<svg onload="loaded()" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g>
+    <animate id="anim" attributeName="visibility" to="visible" begin="0s" dur="2s" repeatCount="4"/>
+    <rect x="0" y="0" width="100" height="100" fill="green">

[pdr., 2013/09/03 17:48:14]

Does this pass? Should this first one be fill="red" and the set to="green"?

[pavane, 2013/09/03 19:00:52]

repeat(0) should not be fired. So, i added a negative test. Green first and then
if it turns red, it should fail.

+      <set attributeName="fill" to="red" begin="anim.repeat(0)"/>
+    </rect>
+    <rect x="200" y="0" width="100" height="100" fill="red">
+      <set attributeName="fill" to="green" begin="anim.repeat(1)"/>
+    </rect>
+    <rect x="0" y="200" width="100" height="100" fill="red">
+      <set attributeName="fill" to="green" begin="anim.repeat(2)"/>
+    </rect>
+    <rect x="200" y="200" width="100" height="100" fill="red">
+      <set attributeName="fill" to="green" begin="anim.repeat(3)"/>
+    </rect>
+  </g>
+  <script>
+    if (window.testRunner)
+        testRunner.waitUntilDone();
+
+    function loaded() {
+        document.documentElement.setCurrentTime(8);
+
+        if (window.testRunner)
+            setTimeout(function(){testRunner.notifyDone();}, 100);
+    }
+  </script>
+</svg>