third_party/WebKit/LayoutTests/fast/deprecated-flexbox/stretch-align-svg.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/run-after-layout-and-paint.js"></script>
   3 <style>
   4 #main {
   5   display: flex;
   6   height: 100%;
   7 }
   8 #graph {
   9   flex: 0 0 400px;
  10 }
  11 #spanner {
  12   height: 400px;
  13 }
  14 </style>
  15 <div id="main">
  16   <svg id="graph" style="background-color: red">
  17     <rect width="100%" height="0%" fill="green"/>
  18   </svg>
  19   <div id="spanner"></div>
  20 </div>
  21 <script>
  22 if (window.testRunner)
  23   testRunner.waitUntilDone();
  24
  25 runAfterLayoutAndPaint(function() {
  26   document.body.appendChild(document.createElement('div'));
  27   document.body.offsetLeft;
  28
  29   var c = document.querySelector('rect');
  30   c.setAttribute('height', '100%');
  31   c.getScreenCTM();
  32
  33   if (window.testRunner)
  34     testRunner.layoutAndPaintAsyncThen(function() { testRunner.notifyDone(); });
  35 });
  36 </script>