third_party/WebKit/LayoutTests/fast/repaint/border-radius-with-outline.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 <!-- Should full repaint because the actual border radius changes. -->
   5 function repaintTest()
   6 {
   7     document.getElementById('target').style.width = '200px';
   8 }
   9 window.onload = runRepaintTest;
  10 </script>
  11 <style>
  12 body {
  13     margin: 0;
  14 }
  15 div {
  16     position: absolute;
  17     width: 80px;
  18     height: 200px;
  19     top: 100px;
  20     left: 100px;
  21     background-color: green;
  22     border-radius: 50px;
  23     outline: 5px solid green;
  24     outline-offset: 50px;
  25 }
  26 </style>
  27 <div id="target"></div>