LayoutTests/transitions/rounded-rect-becomes-non-renderable-while-transitioning.html - WebKit - Git at Google

 <!DOCTYPE html>
 <head>
 <title>This tests that rounded rect stays renderable during while animating size.</title>
 <style>
   #thumb {
     background-color: red;
     border: solid 1px transparent;
     border-radius: 50%;
     width: 100px;
     height: 100px;
     -webkit-transition: width 500ms, height 500ms;
 }
 </style>
 <script>
     if (window.testRunner) {
         window.testRunner.waitUntilDone();
         window.testRunner.dumpAsText();
       }

     function transitionFinished() {
         if (window.testRunner)
             window.testRunner.notifyDone();
     }

     function start() {
       var thumb = document.getElementById("thumb");
       thumb.addEventListener("webkitTransitionEnd", transitionFinished, true);
       thumb.style.width = "10px";
       thumb.style.height = "10px";
     }

 </script>
 </head>
 <body onload=start()>
   <p>Test passes if it does not assert in debug builds.</p>
   <div id=thumb></div>
 </body>
	<!DOCTYPE html>
	<head>
	<title>This tests that rounded rect stays renderable during while animating size.</title>
	<style>
	#thumb {
	background-color: red;
	border: solid 1px transparent;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	-webkit-transition: width 500ms, height 500ms;
	}
	</style>
	<script>
	if (window.testRunner) {
	window.testRunner.waitUntilDone();
	window.testRunner.dumpAsText();
	}

	function transitionFinished() {
	if (window.testRunner)
	window.testRunner.notifyDone();
	}

	function start() {
	var thumb = document.getElementById("thumb");
	thumb.addEventListener("webkitTransitionEnd", transitionFinished, true);
	thumb.style.width = "10px";
	thumb.style.height = "10px";
	}

	</script>
	</head>
	<body onload=start()>
	<p>Test passes if it does not assert in debug builds.</p>
	<div id=thumb></div>
	</body>