<!DOCTYPE html>
<style>
#block {
    position: relative;
    width: 100px;
    height: 100px;
    top: 50px;
    background-color: red;
}

#composited-non-stacking-context {
    width: 20px;
    height: 20px;
    background-color: white;
    backface-visibility: hidden;
}
</style>
This test passes if there is a green square without red.
<div id="composited-non-stacking-context">
    <div id="block"></div>
</div>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
    document.getElementById("block").style.backgroundColor = "green";
}, true);
</script>