block-layout-inline-children-replaced.html

<head>
<title>This is a test for regression against https://bugs.webkit.org/show_bug.cgi?id=40142</title>
<style>
.target {
    width: 400px;
    height: 150px;
    text-align: center;
    border: 1px solid #ddd;
}
</style>
</head>

<body style="margin: 0;" onload="runRepaintAndPixelTest()">
    <script src="resources/text-based-repaint.js"></script>
    <script>
        function repaintTest()
        {
            var target = document.getElementById("target");
            target.innerHTML += '<img style="width: 100px; height: 100px; background-color: green">';
        }
    </script>


    <p style="height: 100px">This is a test for regression against <a href="https://bugs.webkit.org/show_bug.cgi?id=40142">https://bugs.webkit.org/show_bug.cgi?id=40142</a></p>

    <div>
        <div class="target" id="target"></div>
    </div>
</body>

chromium/third_party/blink/web_tests/paint/invalidation/block-layout-inline-children-replaced.html