overflow-changed-on-child-of-composited-layer.html

<!DOCTYPE html>
<div id="parent" style="margin: 20px; will-change: transform;">
  <div id="test" style="height: 100px; width: 100px;"></div>
  <div style="height: 100px; width: 100px; background: blue"></div>
  <div style="position: absolute; top: 10px; left: 200px; height: 100px; width: 100px; background: yellow"></div>
</div>
<script src="../resources/text-based-repaint.js"></script>
<p>crbug.com/621612: Change overflow on the child of a composited layer should allow the layer to resize and contain the overflow, just like it would in a layout. There should be a white box with black outline below.</p>
<script>
function repaintTest() {
  test.style.outline = "10px solid black";
}
onload = function() {
  runRepaintAndPixelTest();
}
</script>

chromium/third_party/blink/web_tests/paint/invalidation/overflow/overflow-changed-on-child-of-composited-layer.html