third_party/WebKit/LayoutTests/fast/repaint/box-inline-resize.html

   1 <!doctype html>
   2 <head>
   3  <script src="resources/text-based-repaint.js"></script>
   4  <style>
   5  #about-container {
   6    display: -webkit-box;
   7  }
   8  #foo {
   9    background-color: green;
  10    width: 0px;
  11    height: 0px;
  12  }
  13  </style>
  14  <script type="text/javascript">
  15    window.testIsAsync = true;
  16
  17    function repaintTest() {
  18      setTimeout(function() {
  19        var i = document.getElementById('foo');
  20        i.style.width = "32px";
  21        i.style.height = "32px";
  22        finishRepaintTest();
  23      }, 50);
  24    };
  25    onload = runRepaintTest;
  26  </script>
  27 </head>
  28
  29 <p>Test for http://crbug.com/360453</p>
  30 <p>You should see an invalidation at x=40 of the h2 or this test is broken.</p>
  31
  32 <div id="about-container">
  33  <img id='foo'/>
  34  <h2>Chromium</h2>
  35 </div>
  36