LayoutTests/fast/events/change-overflow-on-overflow-change.html - WebKit - Git at Google

 <body>
 <div id="result"></div>
 <div style="position: relative; height: 200px; overflow: auto;">
     <div id="target" style="height: 75%; background-color: red;"></div>
 </div>
 <script>
     if (window.testRunner) {
         testRunner.dumpAsText();
         testRunner.waitUntilDone();
     }

     window.onload = function () {
         // Force a layout with offsetHeight, and then start toggling overflow.
         target.offsetHeight;
         toggleOverflow();
     }

     var callCount = 0;
     var recursionDepth = 0;

     var target = document.getElementById("target");
     var result = document.getElementById("result");

     function pass()
     {
         result.innerHTML = "PASS";
         if (window.testRunner)
             testRunner.notifyDone();
     }

     function fail()
     {
         result.innerHTML = "FAIL";
         if (window.testRunner)
             testRunner.notifyDone();
     }

     function toggleOverflow()
     {
         ++recursionDepth;
         ++callCount;

         // The code change associated with this test will cause this function to start
         // firing asynchronously.
         if (recursionDepth > 2) {
             fail();
             return;
         }

         // If we have made it this far without a recursionDepth of 2 or greater, then we
         // can say that the test passed.
         if (callCount > 8) {
             pass();
             return;
         }

         if (target.style.height === "75%")
             target.style.height = "200%";
         else
             target.style.height = "75%";
         target.offsetHeight;

         --recursionDepth;
     }
     target.parentNode.addEventListener("overflowchanged", toggleOverflow);
 </script>
 </body>
	<body>
	<div id="result"></div>
	<div style="position: relative; height: 200px; overflow: auto;">
	<div id="target" style="height: 75%; background-color: red;"></div>
	</div>
	<script>
	if (window.testRunner) {
	testRunner.dumpAsText();
	testRunner.waitUntilDone();
	}

	window.onload = function () {
	// Force a layout with offsetHeight, and then start toggling overflow.
	target.offsetHeight;
	toggleOverflow();
	}

	var callCount = 0;
	var recursionDepth = 0;

	var target = document.getElementById("target");
	var result = document.getElementById("result");

	function pass()
	{
	result.innerHTML = "PASS";
	if (window.testRunner)
	testRunner.notifyDone();
	}

	function fail()
	{
	result.innerHTML = "FAIL";
	if (window.testRunner)
	testRunner.notifyDone();
	}

	function toggleOverflow()
	{
	++recursionDepth;
	++callCount;

	// The code change associated with this test will cause this function to start
	// firing asynchronously.
	if (recursionDepth > 2) {
	fail();
	return;
	}

	// If we have made it this far without a recursionDepth of 2 or greater, then we
	// can say that the test passed.
	if (callCount > 8) {
	pass();
	return;
	}

	if (target.style.height === "75%")
	target.style.height = "200%";
	else
	target.style.height = "75%";
	target.offsetHeight;

	--recursionDepth;
	}
	target.parentNode.addEventListener("overflowchanged", toggleOverflow);
	</script>
	</body>