haikuwebkit/LayoutTests/fast/images/animated-gif-html-backgroun...

36 lines
1.0 KiB
HTML

<!DOCTYPE html>
<html style="background-image: url('resources/animated.gif'); background-repeat: repeat; height: 0">
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body onload="runTest()">
<script>
jsTestIsAsync = true;
function checkBackgroundAnimated() {
isBackgroundAnimated = !internals.hasPausedImageAnimations(document.documentElement);
htmlHeight = window.getComputedStyle(document.documentElement)["height"];
description("Make sure the background image of the html element is animated if the html element has 0 height");
shouldBeEqualToString("htmlHeight", "0px");
shouldBeTrue("isBackgroundAnimated");
finishJSTest();
}
function imageLoaded() {
setTimeout(checkBackgroundAnimated, 200);
}
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>