<!-- Based on fast/repaint/invalidate-paint-in-iframe-in-composited-layer.html -->
<!DOCTYPE html>
<html>
<head>
<script src="resources/paint-invalidation-test.js"></script>
<script>
window.onload = function() {
    runPaintInvalidationTest();
};

function paintInvalidationTest() {
    document.getElementsByTagName('iframe')[0]
        .contentDocument
        .getElementsByTagName('div')[0]
        .style
        .backgroundColor = 'green';
}
</script>
</head>
<div style="height: 400px"></div>
<div style="height: 200px; width: 200px; transform: translateZ(0)">
    <iframe srcdoc="<div style='height: 50px; width: 50px; background-color: red;'></div>"></iframe>
</div>