LayoutTests/compositing/layer-creation/fixed-position-no-content.html - WebKit - Git at Google

 <!DOCTYPE html>

 <html>
 <head>
   <style>
     .fixed {
       position: fixed;
       width: 50px;
       height: 50px;
     }

     .absolute {
         position: absolute;
         top: 40px;
         left: 40px;
         height: 100px;
         width: 100px;
         background-color: gray;
     }
   </style>

   <script type="text/javascript">
     if (window.internals)
       window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);

     if (window.testRunner) {
       testRunner.dumpAsText();

       window.addEventListener("load", function() {
         document.getElementById("layertree").innerText = window.internals.layerTreeAsText(document);
       }, false);
     }
   </script>
 </head>

 <body>
   <div style="height: 1000px">
     <p>There should be no layers.</p>
     <pre id="layertree"></pre>
   </div>

   <!-- This should not be composited -->
   <div class="fixed" style="top: 10px; left: 10px"></div>
   <!-- And this should not be promoted into a layer -->
   <div class="absolute"></div>
 </body>
 </html>
	<!DOCTYPE html>

	<html>
	<head>
	<style>
	.fixed {
	position: fixed;
	width: 50px;
	height: 50px;
	}

	.absolute {
	position: absolute;
	top: 40px;
	left: 40px;
	height: 100px;
	width: 100px;
	background-color: gray;
	}
	</style>

	<script type="text/javascript">
	if (window.internals)
	window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);

	if (window.testRunner) {
	testRunner.dumpAsText();

	window.addEventListener("load", function() {
	document.getElementById("layertree").innerText = window.internals.layerTreeAsText(document);
	}, false);
	}
	</script>
	</head>

	<body>
	<div style="height: 1000px">
	<p>There should be no layers.</p>
	<pre id="layertree"></pre>
	</div>

	<!-- This should not be composited -->
	<div class="fixed" style="top: 10px; left: 10px"></div>
	<!-- And this should not be promoted into a layer -->
	<div class="absolute"></div>
	</body>
	</html>