<svg onload="loaded()" xmlns="http://www.w3.org/2000/svg">
<rect id="rect" x="0" y="0" width="50" height="50" fill="red">
    <animate id="anim" attributeName="visibility" to="visible" begin="0s" end="2s" onend="handleEndEvent()" />
</rect>
<script>
    if (window.testRunner)
        testRunner.waitUntilDone();

    function handleEndEvent(event) {
        document.getElementById("rect").setAttribute("fill", "green");
        testRunner.notifyDone();
    }

    function loaded() {
        document.documentElement.setCurrentTime(2);
    }

</script>
</svg>