LayoutTests/webanimations/leak-css-animation.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <body onload="runTest()">
 <script src="../resources/js-test.js"></script>
 <script>
 description("This test asserts that a CSSAnimation doesn't leak after it was removed declaratively and the document was replaced.");

 if (window.internals)
     jsTestIsAsync = true;

 function runTest() {
     if (!window.internals)
         return;

     var frame = document.body.appendChild(document.createElement("iframe"));

     frame.addEventListener("load", async () => {
         if (frame.src === 'about:blank')
             return;

         const animationId = "leak-css-animation";

         await (element => {
             return new Promise(resolve => {
                 const animation = element.getAnimations()[0];
                 if (!animation) {
                     testFailed("The expected CSS animation was not created.");
                     finishJSTest();
                 }

                 animation.id = animationId;
                 if (!internals.animationWithIdExists(animationId)) {
                     testFailed("The expected CSS animation with the provided ID was not initially found.");
                     finishJSTest();
                 }

                 requestAnimationFrame(() => {
                     element.style.animation = "none";
                     resolve();
                 });
             });
         })(frame.contentDocument.querySelector("div"));

         requestAnimationFrame(() => {
             frame.remove();
             frame = null;

             gc();
             let timeout = 0;
             const handle = setInterval(() => {
                 if (!internals.animationWithIdExists(animationId)) {
                     clearInterval(handle);
                     testPassed("The CSS animation was destroyed.");
                     finishJSTest();
                     return;
                 }
                 timeout++;
                 if (timeout == 500) {
                     clearInterval(handle);
                     testFailed("The CSS animation was leaked.");
                     finishJSTest();
                     return;
                 }
                 gc();
             }, 10);
         });
     });

     frame.src = 'resources/css-animation-leak-iframe.html';
 }

 </script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<body onload="runTest()">
	<script src="../resources/js-test.js"></script>
	<script>
	description("This test asserts that a CSSAnimation doesn't leak after it was removed declaratively and the document was replaced.");

	if (window.internals)
	jsTestIsAsync = true;

	function runTest() {
	if (!window.internals)
	return;

	var frame = document.body.appendChild(document.createElement("iframe"));

	frame.addEventListener("load", async () => {
	if (frame.src === 'about:blank')
	return;

	const animationId = "leak-css-animation";

	await (element => {
	return new Promise(resolve => {
	const animation = element.getAnimations()[0];
	if (!animation) {
	testFailed("The expected CSS animation was not created.");
	finishJSTest();
	}

	animation.id = animationId;
	if (!internals.animationWithIdExists(animationId)) {
	testFailed("The expected CSS animation with the provided ID was not initially found.");
	finishJSTest();
	}

	requestAnimationFrame(() => {
	element.style.animation = "none";
	resolve();
	});
	});
	})(frame.contentDocument.querySelector("div"));

	requestAnimationFrame(() => {
	frame.remove();
	frame = null;

	gc();
	let timeout = 0;
	const handle = setInterval(() => {
	if (!internals.animationWithIdExists(animationId)) {
	clearInterval(handle);
	testPassed("The CSS animation was destroyed.");
	finishJSTest();
	return;
	}
	timeout++;
	if (timeout == 500) {
	clearInterval(handle);
	testFailed("The CSS animation was leaked.");
	finishJSTest();
	return;
	}
	gc();
	}, 10);
	});
	});

	frame.src = 'resources/css-animation-leak-iframe.html';
	}

	</script>
	</body>
	</html>