LayoutTests/fast/images/animated-gif-html-background-image.html - WebKit - Git at Google

 <!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>
	<!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>