third_party/WebKit/LayoutTests/fast/repaint/outline-change-offset.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5   document.getElementById('target').style.outlineOffset = '10px';
   6 }
   7 onload = runRepaintTest;
   8 </script>
   9
  10 <style>
  11 div {
  12   position: absolute;
  13   top: 50px;
  14   left: 50px;
  15   width: 100px;
  16   height: 100px;
  17 }
  18
  19 #target {
  20   outline: green solid 5px;
  21   outline-offset: 5px;
  22 }
  23
  24 #indicator {
  25   outline: red solid 5px;
  26   outline-offset: 10px;
  27 </style>
  28
  29 Box should be repainted when outline-offset style changes. Passes if no red.
  30 <div id="indicator"></div>
  31 <div id="target"></div>