LayoutTests/transitions/repeated-firing-background-color.html - WebKit - Git at Google

 <html>
 <head>
   <style>
     div {
         -webkit-transition: background-color .15s linear;
     }
     div.trans {
         background-color: hsla(0, 50%, 50%, 1);
     }
   </style>
   <script>
     function checkRunning()
     {
       if (!window.testRunner) {
         document.getElementById('result').innerHTML = "This test must be run in DRT."
         return;
       }

       var current = internals.numberOfActiveAnimations();
       if (current == 0)
         document.getElementById('result').innerHTML = "Number of active transitions is (0) as expected";
       else
         document.getElementById('result').innerHTML = "Number of active transitions is (" + current + ") but was expecting (0)";
       testRunner.notifyDone();
     }

     if (window.testRunner) {
         testRunner.dumpAsText();
         testRunner.waitUntilDone();
     }
   </script>
 </head>
 <body>

 <div id="foo">This should not be continually firing transitions</span>

 <script type="text/javascript" charset="utf-8">

     document.getElementById('foo').addEventListener('webkitTransitionEnd', function() {
         checkRunning()
     });

     setTimeout(function() { document.getElementById("foo").className="trans" }, 0);
 </script>

 <div id="result">
 </div>
 </body>
 </html>
	<html>
	<head>
	<style>
	div {
	-webkit-transition: background-color .15s linear;
	}
	div.trans {
	background-color: hsla(0, 50%, 50%, 1);
	}
	</style>
	<script>
	function checkRunning()
	{
	if (!window.testRunner) {
	document.getElementById('result').innerHTML = "This test must be run in DRT."
	return;
	}

	var current = internals.numberOfActiveAnimations();
	if (current == 0)
	document.getElementById('result').innerHTML = "Number of active transitions is (0) as expected";
	else
	document.getElementById('result').innerHTML = "Number of active transitions is (" + current + ") but was expecting (0)";
	testRunner.notifyDone();
	}

	if (window.testRunner) {
	testRunner.dumpAsText();
	testRunner.waitUntilDone();
	}
	</script>
	</head>
	<body>

	<div id="foo">This should not be continually firing transitions</span>

	<script type="text/javascript" charset="utf-8">

	document.getElementById('foo').addEventListener('webkitTransitionEnd', function() {
	checkRunning()
	});

	setTimeout(function() { document.getElementById("foo").className="trans" }, 0);
	</script>

	<div id="result">
	</div>
	</body>
	</html>