44 lines
1.4 KiB
HTML
44 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<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>
|
|
<script>
|
|
description("Tests that SVG animations are properly paused when the page becomes hidden.");
|
|
jsTestIsAsync = true;
|
|
|
|
var expectedState = "hidden";
|
|
|
|
window.onload = function() {
|
|
shouldBeFalse("internals.areSVGAnimationsPaused");
|
|
document.addEventListener("visibilitychange", function() {
|
|
if (expectedState == "hidden") {
|
|
debug("* Page is now hidden");
|
|
shouldBeTrue("document.hidden");
|
|
setTimeout(function() {
|
|
shouldBeTrue("internals.areSVGAnimationsPaused");
|
|
expectedState = "visible";
|
|
testRunner.setPageVisibility("visible");
|
|
}, 0);
|
|
} else {
|
|
debug("* Page is now visible");
|
|
shouldBeFalse("document.hidden");
|
|
setTimeout(function() {
|
|
shouldBeFalse("internals.areSVGAnimationsPaused");
|
|
finishJSTest();
|
|
}, 0);
|
|
}
|
|
});
|
|
if (window.testRunner)
|
|
testRunner.setPageVisibility("hidden");
|
|
}
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|