LayoutTests/compositing/backing/backing-store-attachment-outside-viewport.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
 <style>
 .layerized {
     transform: translateZ(0);
     width: 600px;
     height: 600px;
 }
 .vspace {
     height: 1000px;
 }
 </style>
 <script>
 if (window.testRunner) {
     testRunner.dumpAsText();
     testRunner.waitUntilDone();
 }

 window.onload = function() {
     if (!window.testRunner)
         return;

     document.getElementById('repainting').style.color = 'blue';
     setTimeout(function() {
         var out = document.getElementById('out');
         out.innerText = internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_BACKING_STORE_ATTACHED);
         testRunner.notifyDone();
     }, 0);
 };
 </script>
 </head>
 <body>
 <pre id="out"></pre>
 <div class="layerized">I'm attached.</div>
 <div class="vspace"></div>
 <div class="layerized">I'm detached.</div>
 <div class="vspace"></div>
 <div class="layerized">I'm detached. <span id="repainting">Triggers repaint</span></div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	.layerized {
	transform: translateZ(0);
	width: 600px;
	height: 600px;
	}
	.vspace {
	height: 1000px;
	}
	</style>
	<script>
	if (window.testRunner) {
	testRunner.dumpAsText();
	testRunner.waitUntilDone();
	}

	window.onload = function() {
	if (!window.testRunner)
	return;

	document.getElementById('repainting').style.color = 'blue';
	setTimeout(function() {
	var out = document.getElementById('out');
	out.innerText = internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_BACKING_STORE_ATTACHED);
	testRunner.notifyDone();
	}, 0);
	};
	</script>
	</head>
	<body>
	<pre id="out"></pre>
	<div class="layerized">I'm attached.</div>
	<div class="vspace"></div>
	<div class="layerized">I'm detached.</div>
	<div class="vspace"></div>
	<div class="layerized">I'm detached. <span id="repainting">Triggers repaint</span></div>
	</body>
	</html>