Unify SVG's animation and target tracking systems.
[WebKit-https.git] / LayoutTests / svg / animations / svg-animation-order.html
1 <!DOCTYPE HTML>
2 <html>
3 <script>
4 function runTest() {
5   if (window.testRunner)
6     testRunner.waitUntilDone();
7
8   // Defer to allow animations to run.
9   setTimeout(function() {
10     if (window.testRunner)
11       testRunner.notifyDone();
12   }, 0);
13 }
14 </script>
15 <body onload="runTest()">
16 <p id="description">Test that the order of elements does not affect animations.</p>
17 <svg id="svg" width="300" height="300">
18   <!-- This red square should be covered up if we pass. -->
19   <rect x="0" y="0" width="100" height="100" fill="red"/>
20
21   <!-- Animate one green rectangle over the top half of the red square. -->
22   <rect id="rect1"  x="-100" y="0" width="100" height="50" fill="green" />
23   <set attributeName="x" xlink:href="#rect1" to="0"/>
24
25   <!-- Animate a second green rectangle over the bottom half of the red square. -->
26   <set attributeName="x" xlink:href="#rect2" to="0"/>
27   <rect id="rect2"  x="-100" y="50" width="100" height="50" fill="green" />
28 </svg>
29 </body>
30 </html>