LayoutTests/fast/animation/css-animation-throttling-lowPowerMode.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
 <script src="../../resources/js-test-pre.js"></script>
 <style>
 @keyframes my-animation {
   from {
     left : 0px;
   }
   to {
     left : 100px;
   }
 }

 .run-animation {
   position: relative;
   animation: my-animation 0.5s infinite;
   animation-direction: alternate;
 }
 </style>
 </head>
 <body>
 <p id="testElement" class="run-animation">Test text</p>
 <script>
 description("Tests that CSS animations are throttled in low power mode.");
 jsTestIsAsync = true;

 const element = document.getElementById("testElement");
 element.onanimationstart = function() {
     element.onanimationstart = null;

     window.unthrottled = internals.animationsInterval;
     window.throttled = unthrottled * 2;

     evalAndLog("internals.setLowPowerModeEnabled(true)");
     shouldBe("internals.animationsInterval", "throttled");
     evalAndLog("internals.setLowPowerModeEnabled(false)");
     shouldBe("internals.animationsInterval", "unthrottled");
     finishJSTest();
 };
 </script>
 <script src="../../resources/js-test-post.js"></script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="../../resources/js-test-pre.js"></script>
	<style>
	@keyframes my-animation {
	from {
	left : 0px;
	}
	to {
	left : 100px;
	}
	}

	.run-animation {
	position: relative;
	animation: my-animation 0.5s infinite;
	animation-direction: alternate;
	}
	</style>
	</head>
	<body>
	<p id="testElement" class="run-animation">Test text</p>
	<script>
	description("Tests that CSS animations are throttled in low power mode.");
	jsTestIsAsync = true;

	const element = document.getElementById("testElement");
	element.onanimationstart = function() {
	element.onanimationstart = null;

	window.unthrottled = internals.animationsInterval;
	window.throttled = unthrottled * 2;

	evalAndLog("internals.setLowPowerModeEnabled(true)");
	shouldBe("internals.animationsInterval", "throttled");
	evalAndLog("internals.setLowPowerModeEnabled(false)");
	shouldBe("internals.animationsInterval", "unthrottled");
	finishJSTest();
	};
	</script>
	<script src="../../resources/js-test-post.js"></script>
	</body>
	</html>