LayoutTests/fast/scrolling/scroll-to-focused-element-asynchronously.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <body>
 <script src="../../resources/js-test-pre.js"></script>
 <style>

 html, body { height: 100%; }
 .tall-box { height: 100%; }

 </style>
 <div class="tall-box"></div>
 <a id="target" href="#">target</a>
 <div class="tall-box"></div>
 <script>

 description('This tests that scrolling to the focused element happens asynchronously.');

 window.onload = () => setTimeout(runTest, 0);

 function runTest()
 {
     document.getElementById('target').focus();
     shouldBe('document.scrollingElement.scrollTop', '0');
     setTimeout(() => {
         shouldBeTrue('document.scrollingElement.scrollTop > 100');
         window.scrollTo(0, 0);
         setTimeout(finishJSTest, 0);
     }, 0);
 }

 jsTestIsAsync = true;

 </script>
 <script src="../../resources/js-test-post.js"></script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<body>
	<script src="../../resources/js-test-pre.js"></script>
	<style>

	html, body { height: 100%; }
	.tall-box { height: 100%; }

	</style>
	<div class="tall-box"></div>
	<a id="target" href="#">target</a>
	<div class="tall-box"></div>
	<script>

	description('This tests that scrolling to the focused element happens asynchronously.');

	window.onload = () => setTimeout(runTest, 0);

	function runTest()
	{
	document.getElementById('target').focus();
	shouldBe('document.scrollingElement.scrollTop', '0');
	setTimeout(() => {
	shouldBeTrue('document.scrollingElement.scrollTop > 100');
	window.scrollTo(0, 0);
	setTimeout(finishJSTest, 0);
	}, 0);
	}

	jsTestIsAsync = true;

	</script>
	<script src="../../resources/js-test-post.js"></script>
	</body>
	</html>