blob: 4ff728ddcc896d9382a8456dd7bc89d8a23d80c4 [file] [log] [blame]
function runTest() {
if (window.testRunner)
// Defer to allow animations to run.
setTimeout(function() {
if (window.testRunner)
}, 0);
<body onload="runTest()">
<p id="description">Test that the order of elements does not affect animations.</p>
<svg id="svg" width="300" height="300">
<!-- This red square should be covered up if we pass. -->
<rect x="0" y="0" width="100" height="100" fill="red"/>
<!-- Animate one green rectangle over the top half of the red square. -->
<rect id="rect1" x="-100" y="0" width="100" height="50" fill="green" />
<set attributeName="x" xlink:href="#rect1" to="0"/>
<!-- Animate a second green rectangle over the bottom half of the red square. -->
<set attributeName="x" xlink:href="#rect2" to="0"/>
<rect id="rect2" x="-100" y="50" width="100" height="50" fill="green" />