border-box-sizing-invalidation.html

<!DOCTYPE html>
<style>
img {
    box-sizing: border-box;
    width: 100px;
}
#tst {
    padding: 30px;
}
</style>
<p>crbug.com/597194: There should be two blue boxes of equal size below.</p>
<img id="tst" src='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1"><rect width="1" height="1" fill="blue"/></svg>'>
<img src='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1"><rect width="1" height="1" fill="blue"/></svg>'>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
    document.getElementById('tst').style.padding = "0";
}, true);
</script>

chromium/third_party/blink/web_tests/paint/invalidation/box/border-box-sizing-invalidation.html