third_party/WebKit/LayoutTests/paint/invalidation/spv2/outline-change-offset.html

   1 <!-- Based on fast/repaint/outline-change-offset.html -->
   2 <!DOCTYPE html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5 window.expectedPaintInvalidationObjects = [
   6     "LayoutBlockFlow (positioned) DIV id='indicator'",
   7     "LayoutBlockFlow (positioned) DIV id='target'",
   8 ];
   9 function paintInvalidationTest() {
  10   document.getElementById('target').style.outlineOffset = '10px';
  11 }
  12 onload = runPaintInvalidationTest;
  13 </script>
  14
  15 <style>
  16 div {
  17   position: absolute;
  18   top: 50px;
  19   left: 50px;
  20   width: 100px;
  21   height: 100px;
  22 }
  23
  24 #target {
  25   outline: green solid 5px;
  26   outline-offset: 5px;
  27 }
  28
  29 #indicator {
  30   outline: red solid 5px;
  31   outline-offset: 10px;
  32 }
  33 </style>
  34
  35 Box should be repainted when outline-offset style changes. Passes if no red.
  36 <div id="indicator"></div>
  37 <div id="target"></div>