LayoutTests/svg/animations/animate-reset-freeze.html - WebKit - Git at Google

 <!DOCTYPE HTML>
 <html>
     <head>
         <!--
         Test for WK89846: Animations should be rewindable even with existing fill=freeze animations.
         If this test passes, only the word "PASS" will be visible.
         -->
         <script src="../../resources/js-test-pre.js"></script>
     </head>
     <body>
         <svg id="svg" width="500" height="500">
             <rect x="0" y="0" width="100" height="100" fill="red"/>
             <rect id="rect" x="0" y="0" width="100" height="100" fill="blue">
                 <set attributeName="x" to="100" begin="4s" fill="freeze"></set>
                 <set attributeName="x" to="200" begin="1s" dur="1s" fill="freeze">
             </rect>
         </svg>
         <script>
             if (window.testRunner) {
                 testRunner.waitUntilDone();
                 testRunner.dumpAsText();
             }

             var svg = document.getElementById('svg');
             var rect = document.getElementById('rect');
             svg.pauseAnimations();
             svg.setCurrentTime(100);

             setTimeout(function() {
                 svg.setCurrentTime(0);
                 if (rect.x.animVal.value != 0)
                     document.body.innerHTML = "FAIL: rect.x.animVal.value was " + rect.x.animVal.value + ", expected 0";
                 else
                     document.body.innerHTML = "PASS";

                 if (window.testRunner)
                     testRunner.notifyDone();
             }, 1);
         </script>
     </body>
 </html>
	<!DOCTYPE HTML>
	<html>
	<head>
	<!--
	Test for WK89846: Animations should be rewindable even with existing fill=freeze animations.
	If this test passes, only the word "PASS" will be visible.
	-->
	<script src="../../resources/js-test-pre.js"></script>
	</head>
	<body>
	<svg id="svg" width="500" height="500">
	<rect x="0" y="0" width="100" height="100" fill="red"/>
	<rect id="rect" x="0" y="0" width="100" height="100" fill="blue">
	<set attributeName="x" to="100" begin="4s" fill="freeze"></set>
	<set attributeName="x" to="200" begin="1s" dur="1s" fill="freeze">
	</rect>
	</svg>
	<script>
	if (window.testRunner) {
	testRunner.waitUntilDone();
	testRunner.dumpAsText();
	}

	var svg = document.getElementById('svg');
	var rect = document.getElementById('rect');
	svg.pauseAnimations();
	svg.setCurrentTime(100);

	setTimeout(function() {
	svg.setCurrentTime(0);
	if (rect.x.animVal.value != 0)
	document.body.innerHTML = "FAIL: rect.x.animVal.value was " + rect.x.animVal.value + ", expected 0";
	else
	document.body.innerHTML = "PASS";

	if (window.testRunner)
	testRunner.notifyDone();
	}, 1);
	</script>
	</body>
	</html>