LayoutTests/fast/animation/request-animation-frame-throttling-outside-viewport.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <body>
     <div style="height: 1000px;"></div>
     <script src="../../resources/js-test-pre.js"></script>
     <script>
         description("Test that requestAnimationFrame gets the right throttling in an iframe when when it's outside the viewport.");
         jsTestIsAsync = true;

         if (window.internals)
             internals.setOutsideViewportThrottlingEnabled(true);

         var framesPerSecond = 0;
         var iframeFramesPerSecond = 0;

         window.onmessage = function(e){
             if (e.data == 'subFrameRAFMessage') {
                 ++iframeFramesPerSecond;
             }
         };

         const frame = document.createElement("iframe");
         frame.src = "resources/frame-with-animation-2.html";
         frame.onload = function() {
             var start = null;
             function doWork(timestamp) {
                 if (!start)
                     start = timestamp;
                 if (timestamp - start < 1000) {
                     ++framesPerSecond;
                     window.requestAnimationFrame(doWork);
                 }
                 else {
                     shouldBeTrue("framesPerSecond > 0");

                     // The OutsideViewport throttling = 10_s. subFrameRAFMessage
                     // should not ever be received during the first second.
                     shouldBeTrue("iframeFramesPerSecond == 0");
                     finishJSTest();
                 }
             }
             window.requestAnimationFrame(doWork);
         }
         document.body.appendChild(frame);
     </script>
     <script src="../../resources/js-test-post.js"></script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<body>
	<div style="height: 1000px;"></div>
	<script src="../../resources/js-test-pre.js"></script>
	<script>
	description("Test that requestAnimationFrame gets the right throttling in an iframe when when it's outside the viewport.");
	jsTestIsAsync = true;

	if (window.internals)
	internals.setOutsideViewportThrottlingEnabled(true);

	var framesPerSecond = 0;
	var iframeFramesPerSecond = 0;

	window.onmessage = function(e){
	if (e.data == 'subFrameRAFMessage') {
	++iframeFramesPerSecond;
	}
	};

	const frame = document.createElement("iframe");
	frame.src = "resources/frame-with-animation-2.html";
	frame.onload = function() {
	var start = null;
	function doWork(timestamp) {
	if (!start)
	start = timestamp;
	if (timestamp - start < 1000) {
	++framesPerSecond;
	window.requestAnimationFrame(doWork);
	}
	else {
	shouldBeTrue("framesPerSecond > 0");

	// The OutsideViewport throttling = 10_s. subFrameRAFMessage
	// should not ever be received during the first second.
	shouldBeTrue("iframeFramesPerSecond == 0");
	finishJSTest();
	}
	}
	window.requestAnimationFrame(doWork);
	}
	document.body.appendChild(frame);
	</script>
	<script src="../../resources/js-test-post.js"></script>
	</body>
	</html>