LayoutTests/css3/blending/blend-mode-isolation-flags-remove-non-stacking-context-blending.html - WebKit - Git at Google

 <!DOCTYPE HTML>
 <head>
     <!-- This test will check if the isolation flag is properly computed when we remove a subtree having blending elements. -->
     <link rel="stylesheet" href="resources/blending-style.css">
     <style>
         div {
             /* This forces render layers, avoiding normal flow only issues */
             position: relative;
          }
         .leaf {
             background-color: #ff00ff;
             left:-25px;
         }
         #toremove {
             background-color: #ffff44;
         }
     </style>
 </head>
 <body>
     <div class="isolating lime box">
         <div class="yellow box" style="left: 50px;">
             <div id="toremove" class="box">
                 <div class="leaf box difference"></div>
             </div>
         </div>
     </div>
     <script type="text/javascript">
         if (window.testRunner)
             window.testRunner.waitUntilDone();

         function change() {
             var toremove = document.getElementById("toremove");
             toremove.parentNode.removeChild(toremove);

             if (window.testRunner)
                 window.testRunner.notifyDone();
         }

         window.setTimeout("change()", 10);
     </script>
 </body>
	<!DOCTYPE HTML>
	<head>
	<!-- This test will check if the isolation flag is properly computed when we remove a subtree having blending elements. -->
	<link rel="stylesheet" href="resources/blending-style.css">
	<style>
	div {
	/* This forces render layers, avoiding normal flow only issues */
	position: relative;
	}
	.leaf {
	background-color: #ff00ff;
	left:-25px;
	}
	#toremove {
	background-color: #ffff44;
	}
	</style>
	</head>
	<body>
	<div class="isolating lime box">
	<div class="yellow box" style="left: 50px;">
	<div id="toremove" class="box">
	<div class="leaf box difference"></div>
	</div>
	</div>
	</div>
	<script type="text/javascript">
	if (window.testRunner)
	window.testRunner.waitUntilDone();

	function change() {
	var toremove = document.getElementById("toremove");
	toremove.parentNode.removeChild(toremove);

	if (window.testRunner)
	window.testRunner.notifyDone();
	}

	window.setTimeout("change()", 10);
	</script>
	</body>