<!doctype HTML>
<script src="resources/composited-scroll.js"></script>
<script>
if (window.testRunner)
    testRunner.dumpAsText();

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

    var result = "";
    result += "Should have opaque composited scrolling contents layer: ";
    if (elementSubtreeHasOpaqueCompositedScrollingContentsLayer(document.getElementById('scroller')))
        result += "Pass.\n";
    else
        result += "Fail.\n";
    testRunner.setCustomTextOutput(result);
}
</script>
<style>
#scroller {
    background: white local content-box;
    border: 10px solid rgba(0, 255, 0, 0.5);
    overflow: scroll;
    width: 200px;
    height: 200px;
    will-change: transform;
}
.spacer {
    height: 300px;
}
</style>
<!-- The scroller's Scrolling Contents Layer should be opaque due to the opaque
    color background. Even though the background has a content-box clip there
    is no gap because the scroller has no padding. This means that we will be
    able to draw text with subpixel anti-aliasing.
-->
<div id="scroller"><div class="spacer"></div></div>