gecko-dev/dom/smil/test/test_smilDynamicDelayedBegi...

104 строки
3.3 KiB
HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=699143
-->
<head>
<title>Test for Bug 699143</title>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="text/javascript" src="smilTestUtils.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=699143">Mozilla Bug 699143</a>
<p id="display"></p>
<div id="content" style="display: none">
<svg xmlns="http://www.w3.org/2000/svg">
<rect id="r" height="500px" width="500px" fill="blue"/>
</svg>
</div>
<pre id="test">
<script type="text/javascript">
<![CDATA[
/** Test for Bug 699143 **/
SimpleTest.waitForExplicitFinish();
// Values for 'width' attr on the <rect> above
const INITIAL_VAL = "500px"
const FROM_VAL = "20px";
const TO_VAL = "80px";
// Helper functions
// This function allows 10ms to pass
function allowTimeToPass() {
var initialDate = new Date();
while (new Date() - initialDate < 10) {}
}
// This function returns a newly created <animate> element for use in this test
function createAnim() {
var a = document.createElementNS('http://www.w3.org/2000/svg', 'animate');
a.setAttribute('attributeName', 'width');
a.setAttribute('from', FROM_VAL);
a.setAttribute('to', TO_VAL);
a.setAttribute('begin', 'indefinite');
a.setAttribute('dur', '3s');
a.setAttribute('fill', 'freeze');
return a;
}
// Main Functions
function main() {
// In unpatched Firefox builds, we'll only trigger Bug 699143 if we insert
// an animation and call beginElement() **after** the document start-time.
// Hence, we use executeSoon here to allow some time to pass. (And then
// we'll use a short busy-loop, for good measure.)
SimpleTest.executeSoon(runTest);
}
function runTest() {
var svg = SMILUtil.getSVGRoot();
// In case our executeSoon fired immediately, we force a very small amount
// of time to pass here, using a 10ms busy-loop.
allowTimeToPass();
is(svg.getCurrentTime(), 0,
"even though we've allowed time to pass, we shouldn't have bothered " +
"updating the current time, since there aren't any animation elements");
// Insert an animation elem (should affect currentTime but not targeted attr)
var r = document.getElementById("r");
var a = createAnim();
r.appendChild(a);
isnot(svg.getCurrentTime(), 0,
"insertion of first animation element should have triggered a " +
"synchronous sample and updated our current time");
is(r.width.animVal.valueAsString, INITIAL_VAL,
"inserted animation shouldn't have affected its targeted attribute, " +
"since it doesn't have any intervals yet");
// Trigger the animation & be sure it takes effect
a.beginElement();
is(r.width.animVal.valueAsString, FROM_VAL,
"beginElement() should activate our animation & set its 'from' val");
// Rewind to time=0 & check target attr, to be sure beginElement()-generated
// interval starts later than that.
svg.setCurrentTime(0);
is(r.width.animVal.valueAsString, INITIAL_VAL,
"after rewinding to 0, our beginElement()-generated interval " +
"shouldn't be active yet");
SimpleTest.finish();
}
window.addEventListener("load", main, false);
]]>
</script>
</pre>
</body>
</html>