LayoutTests/transitions/transition-drt-api.html - WebKit - Git at Google

 <!DOCTYPE html>

 <html>
 <head>
   <style>
     #target {
       position: relative;
       left: 100px;
       height: 100px;
       width: 100px;
       background-color: blue;
       -webkit-transition-property: left;
       -webkit-transition-duration: 4s;
       -webkit-transition-timing-function: linear;
     }

     #target.moved {
       left: 200px;
     }
    </style>
    <script>
     if (window.testRunner)
       testRunner.dumpAsText();

     function endTest() {
       if (window.testRunner) {
         var target = document.getElementById('target');
         var paused = internals.pauseTransitionAtTimeOnElement("left", 1.0, target);
         var result = "";
         if (paused)
           result = "PASS: correctly paused transition";
         else
           result = "FAIL: failed to pause transition";

         document.getElementById('results').innerText = result;
         testRunner.notifyDone();
       } else
         document.getElementById('results').innerText = "This test requires DRT";
     }

     function startTest() {
       if (window.testRunner)
         testRunner.waitUntilDone();

       document.getElementById("target").className = "moved";
       window.setTimeout(endTest, 0);
     }
    </script>
 </head>
 <body onload="startTest()">
   <!-- Test for Interals pauseTransitionAtTimeOnElement() API -->
   <div id="target"></div>
   <div id="results"></div>

 </body>
 </html>
	<!DOCTYPE html>

	<html>
	<head>
	<style>
	#target {
	position: relative;
	left: 100px;
	height: 100px;
	width: 100px;
	background-color: blue;
	-webkit-transition-property: left;
	-webkit-transition-duration: 4s;
	-webkit-transition-timing-function: linear;
	}

	#target.moved {
	left: 200px;
	}
	</style>
	<script>
	if (window.testRunner)
	testRunner.dumpAsText();

	function endTest() {
	if (window.testRunner) {
	var target = document.getElementById('target');
	var paused = internals.pauseTransitionAtTimeOnElement("left", 1.0, target);
	var result = "";
	if (paused)
	result = "PASS: correctly paused transition";
	else
	result = "FAIL: failed to pause transition";

	document.getElementById('results').innerText = result;
	testRunner.notifyDone();
	} else
	document.getElementById('results').innerText = "This test requires DRT";
	}

	function startTest() {
	if (window.testRunner)
	testRunner.waitUntilDone();

	document.getElementById("target").className = "moved";
	window.setTimeout(endTest, 0);
	}
	</script>
	</head>
	<body onload="startTest()">
	<!-- Test for Interals pauseTransitionAtTimeOnElement() API -->
	<div id="target"></div>
	<div id="results"></div>

	</body>
	</html>