mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
75 lines
3.0 KiB
HTML
75 lines
3.0 KiB
HTML
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
|
|
<head>
|
|
<title>Valid, invalid, valid</title>
|
|
<!--
|
|
PURPOSE: When manipulating the DOM tree it is quite likely that at some
|
|
instant the document will be invalid such as during a chain of
|
|
operations. SVG 1.1, section F.2 states:
|
|
|
|
"Because of situations where a block of scripting changes might cause
|
|
a given SVG document fragment to go into and out of error, error
|
|
processing shall occur only at times when document presentation (e.g.,
|
|
rendering to the display device) is updated"
|
|
|
|
A similar requirement exists regarding unsuspend / suspend redraw.
|
|
This test checks that behaviour.
|
|
|
|
OPERATION: There is a box and a circle. Initially the circle is animated and
|
|
should move to the right. The animation element is moved to the rectangle.
|
|
At this point the animation points to an invalid attribute. This attribute
|
|
is then updated to be valid again.
|
|
|
|
EXPECTED RESULTS: The circle is moved and then the rectangle is moved. There
|
|
should not be any errors reported in the Javascript console or assertions
|
|
etc.
|
|
|
|
After the animation is removed from the circle it should reset (I think).
|
|
|
|
Currently this hasn't been implemented (we need to make use of
|
|
mLastCompositors table in nsSMILAnimationController), so this test is
|
|
disabled for now. As the code stands now you'll normally get the correct
|
|
result but under other conditions the circle moves a fraction before the
|
|
call to pauseAnimations and this effect is not then cleared.
|
|
-->
|
|
<script>
|
|
function moveAnimation()
|
|
{
|
|
var svg = document.getElementsByTagName('svg')[0];
|
|
svg.pauseAnimations();
|
|
svg.setCurrentTime(0.5);
|
|
doMove();
|
|
svg.setCurrentTime(1.0);
|
|
setTimeout('document.documentElement.removeAttribute("class")', 0);
|
|
}
|
|
|
|
function doMove()
|
|
{
|
|
var anim = document.getElementById('animation-to-move');
|
|
anim.parentNode.removeChild(anim);
|
|
var rect = document.getElementById('target');
|
|
rect.appendChild(anim);
|
|
// The animation is now in error
|
|
anim.setAttribute('attributeName', 'x');
|
|
// Now it's fixed
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body onload="moveAnimation()">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px">
|
|
<rect x="0" y="0" width="199" height="199"
|
|
style="fill: none; stroke: black"/>
|
|
<!-- rect to be animated second -->
|
|
<rect x="-20" y="80" width="40" height="40" fill="royalblue"
|
|
stroke="black" stroke-width="1" id="target"/>
|
|
<!-- circle to be animated first -->
|
|
<circle cx="0" cy="100" r="15" fill="skyblue" stroke="black"
|
|
stroke-width="1">
|
|
<animate attributeName="cx" from="0" to="200" begin="0s" dur="2s"
|
|
fill="freeze" id="animation-to-move"/>
|
|
</circle>
|
|
</svg>
|
|
</body>
|
|
</html>
|