src/third_party/WebKit/LayoutTests/fast/repaint/border-radius-repaint-2.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <title>Repaint test for crbug.com/222851</title>
   5 <script src="resources/text-based-repaint.js" type="text/javascript"></script>
   6 <script>
   7 if (window.internals) {
   8     // Avoid the noise caused by change of scrollbar existence.
   9     internals.settings.setOverlayScrollbarsEnabled(true);
  10     internals.settings.setMockScrollbarsEnabled(true);
  11 }
  12
  13 function repaintTest() {
  14     document.getElementById('target').style.height = '2px';
  15 }
  16 </script>
  17 </head>
  18 <body style="background-color: #3F3F3F;" onload="runRepaintTest()">
  19   <div style="border-radius: 150px; background-color: #EFEFEF; width: 90%; padding: 5em; margin: 0 auto;">
  20         <div style="border-radius: 5px; border: solid 3px #367CAF; width: 85%; margin: 0 auto;">
  21           <div class="notARealClass" style="background-color: #367CAF; height: 3em; cursor: pointer;">
  22           </div>
  23           <div id="target" style="width: 100%; height: 550px;">
  24           </div>
  25         </div>
  26   </div>
  27 </body>
  28 </html>