53 lines
1.4 KiB
HTML
53 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body onload="runTest()">
|
|
<div style="position: relative; width: 1600px; height: 2400px; background-color: green;">
|
|
<div style="position:absolute; left: 600px; top: 800px;"><img src="resources/animated.gif" id="testImage"/></div>
|
|
</div>
|
|
<script>
|
|
description("Make sure that animated images are properly stopped / resumed when zooming in or out.");
|
|
jsTestIsAsync = true;
|
|
|
|
function isImageAnimated()
|
|
{
|
|
return !internals.hasPausedImageAnimations(document.getElementById("testImage"));
|
|
}
|
|
|
|
function zoomIn() {
|
|
debug("Zoom in so that the image is no longer visible.");
|
|
for (var i = 0; i < 5; ++i)
|
|
window.eventSender.zoomPageIn();
|
|
|
|
shouldBecomeEqual("isImageAnimated()", "false", finishJSTest);
|
|
}
|
|
|
|
function zoomOut() {
|
|
debug("Zoom out so that the image becomes visible.");
|
|
|
|
for (var i = 0; i < 5; ++i)
|
|
window.eventSender.zoomPageOut();
|
|
|
|
shouldBecomeEqual("isImageAnimated()", "true", zoomIn);
|
|
}
|
|
|
|
function imageLoaded() {
|
|
shouldBecomeEqual("isImageAnimated()", "false", zoomOut);
|
|
}
|
|
|
|
function runTest() {
|
|
if (!window.internals)
|
|
return;
|
|
|
|
var img = new Image();
|
|
// Make sure the image is loaded before we check if it is animated.
|
|
img.onload = imageLoaded;
|
|
img.src = "resources/animated.gif";
|
|
}
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|