43 lines
1.3 KiB
HTML
43 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
description("Tests that SVG animations are properly paused when removed from the document.");
|
|
jsTestIsAsync = true;
|
|
|
|
window.onload = function() {
|
|
testDiv = document.getElementById("testDiv");
|
|
svgElement = document.querySelector("svg");
|
|
shouldBeFalse("internals.areSVGAnimationsPaused");
|
|
shouldBeFalse("svgElement.animationsPaused()");
|
|
|
|
debug("Removing SVG element from the document");
|
|
testDiv.remove();
|
|
|
|
setTimeout(function() {
|
|
shouldBeTrue("svgElement.animationsPaused()");
|
|
|
|
debug("Adding SVG element back into the document");
|
|
document.body.appendChild(testDiv);
|
|
|
|
setTimeout(function() {
|
|
shouldBeFalse("internals.areSVGAnimationsPaused");
|
|
shouldBeFalse("svgElement.animationsPaused()");
|
|
finishJSTest();
|
|
}, 0);
|
|
}, 0);
|
|
}
|
|
</script>
|
|
<div id="testDiv">
|
|
<svg width="300px" height="100px">
|
|
<rect x="0" y="0" width="300" height="100" stroke="black" stroke-width="1" />
|
|
<circle cx="0" cy="50" r="15" fill="blue" stroke="black" stroke-width="1">
|
|
<animate attributeName="cx" from="0" to="100" dur="5s" repeatCount="indefinite" />
|
|
</circle>
|
|
</svg>
|
|
</div>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|