<!DOCTYPE html>
<!--
    Test that the ::first-line background is repainted at the new position when its block is moved.
    There should be no red below.
-->
<script src="../../resources/ahem.js"></script>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script src="resources/text-based-repaint.js"></script>
<style>
    body { font:20px Ahem; }
    .test { color:green; }
    .test::first-line { background:red; }
</style>
<div id="spacer" style="display:none; height:3em;"></div>
<div class="test">JOCULAR</div>
<script>
repaintTest = function() {
    document.getElementById("spacer").style.display = "block";
}
runAfterLayoutAndPaint(function() {
    runRepaintAndPixelTest();
});
</script>