third_party/WebKit/LayoutTests/paint/invalidation/spv2/border-radius-with-outline.html

   1 <!-- Based on fast/repaint/border-radius-with-outline.html -->
   2 <!DOCTYPE html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5 <!-- Should full repaint because the actual border radius changes. -->
   6 window.expectedPaintInvalidationObjects = [
   7     "LayoutBlockFlow (positioned) DIV id='target'",
   8 ];
   9 function paintInvalidationTest()
  10 {
  11     document.getElementById('target').style.width = '200px';
  12 }
  13 window.onload = runPaintInvalidationTest;
  14 </script>
  15 <style>
  16 body {
  17     margin: 0;
  18 }
  19 div {
  20     position: absolute;
  21     width: 80px;
  22     height: 200px;
  23     top: 100px;
  24     left: 100px;
  25     background-color: green;
  26     border-radius: 50px;
  27     outline: 5px solid green;
  28     outline-offset: 50px;
  29 }
  30 </style>
  31 <div id="target"></div>