outline-change-offset.html | Explore in Territory

<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  document.getElementById('target').style.outlineOffset = '10px';
}
onload = runRepaintAndPixelTest;
</script>

<style>
div {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 100px;
  height: 100px;
}

#target {
  outline: green solid 5px;
  outline-offset: 5px;
}

#indicator {
  outline: red solid 5px;
  outline-offset: 10px;
</style>

Box should be repainted when outline-offset style changes. Passes if no red.
<div id="indicator"></div>
<div id="target"></div>

chromium/third_party/blink/web_tests/paint/invalidation/outline/outline-change-offset.html