box-inline-resize.html | Explore in Territory

<!doctype html>
<head>
 <script src="../resources/text-based-repaint.js"></script>
 <style>
 #about-container {
   display: -webkit-box;
 }
 #foo {
   background-color: green;
   width: 0px;
   height: 0px;
 }
 </style>
 <script type="text/javascript">
   window.testIsAsync = true;

   function repaintTest() {
     setTimeout(function() {
       var i = document.getElementById('foo');
       i.style.width = "32px";
       i.style.height = "32px";
       finishRepaintTest();
     }, 50);
   };
   onload = runRepaintAndPixelTest;
 </script>
</head>

<p>Test for http://crbug.com/360453</p>
<p>You should see an invalidation at x=40 of the h2 or this test is broken.</p>

<div id="about-container">
 <img id='foo'/>
 <h2>Chromium</h2>
</div>

chromium/third_party/blink/web_tests/paint/invalidation/box/box-inline-resize.html