outline-change-continuations.html | Explore in Territory

<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest()
{
  document.querySelector('#outer').style['outline-color'] ='green';
}
onload = runRepaintAndPixelTest;
</script>
<style>
body { height: 200px; }
#container { position: absolute; }
p, #inner { height: 20px; }
#outer { outline: 2px solid red; }
</style>
<p>
  This test is verifying that when the outline is modified on an element
  that we correctly invalidate any continuations.
</p>
<p>
  If this test passes, you should see a green border around the text contents.
</p>
<div id="container">
  <span id="outer">
      <div id="inner">CONTENTS</div>
  </span>
</div>

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