35 lines
1.2 KiB
HTML
35 lines
1.2 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<script>
|
|
function runTest() {
|
|
if (window.testRunner)
|
|
testRunner.waitUntilDone();
|
|
|
|
// The animation is already in a pending state, change it to another
|
|
// pending id (newId), then make the new id valid and check that
|
|
// the animation runs.
|
|
var rect = document.getElementById('rect');
|
|
var animate = document.getElementById('set');
|
|
animate.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#newId");
|
|
rect.setAttribute('id', 'newId');
|
|
|
|
// Defer to allow animations to run.
|
|
setTimeout(function() {
|
|
if (window.testRunner)
|
|
testRunner.notifyDone();
|
|
}, 0);
|
|
}
|
|
</script>
|
|
<body onload="runTest()">
|
|
<p id="description">Test that an animation with a pending resource can be changed to a second pending resource, then resolved correctly.</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"/>
|
|
|
|
<!-- This green square should end up covering the red square if we pass. -->
|
|
<rect id="rect" x="-100" y="0" width="100" height="100" fill="green"/>
|
|
<set id="set" xlink:href="#doesNotExist" attributeName="x" to="0" />
|
|
</svg>
|
|
</body>
|
|
</html>
|