<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 100px;
height: 3500px;
background-image: url('resources/simple_image.png');
background-size: 200px 200px;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom right;
}
.test {
height: 400px;
width: 600px;
background-color: rgba(0, 0, 0, 0.5);
border: 20px solid orange;
}
</style>
<script src="../resources/run-after-layout-and-paint.js"></script>
<script>
if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults();
window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
}
function doTest()
{
window.scrollTo(0, 200);
runAfterLayoutAndPaint(function()
{
if (window.internals && window.testRunner) {
var layerTree = internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_ROOT_LAYER);
if (layerTree.indexOf('\n {\n\n }\n') != -1)
layerTree = internals.layerTreeAsText(document, 1 | internals.LAYER_TREE_INCLUDES_ROOT_LAYER);
testRunner.setCustomTextOutput(layerTree);
}
}, true);
}
window.addEventListener('load', doTest, false);
</script>
</head>
<body>
<div class="test"></div>
</body>
</html>