table-row-before-child-style-update.html

<!-- The blue and green text boxes should not overlap -->
<html>
<script src="../../resources/ahem.js"></script>
<body style="font: 1em/1 Ahem, sans-serif;">
<style>
div::before {
    content: "ABCD";
    color: blue;
    display: table-row;
}
</style>
<div id="test" style="color: green">ABC</div>
<script>
    document.getElementById('test').style.fontSize= "800%";
</script>
</body>
</html>

chromium/third_party/blink/web_tests/fast/table/table-row-before-child-style-update.html