third_party/WebKit/LayoutTests/svg/zoom/text/zoom-svg-float-border-padding.xml

   1 <html xmlns='http://www.w3.org/1999/xhtml'>
   2   <body onload="runAfterLayoutAndPaint(repaintTest, true);">
   3   The two blocks should look identical.  One uses an SVG, and the other just uses a normal HTML div.
   4
   5     <p>There should be a red, white and blue pattern below this</p>
   6     <svg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' style='float: left; border:10px solid red; padding:10px; margin:10px'>
   7       <rect width='100' height='100' fill='blue' />
   8     </svg>
   9     <p style='clear: left'>There should be a red, white and blue pattern above this</p>
  10
  11     <hr/>
  12
  13     <p>There should be a red, white and blue pattern below this</p>
  14     <div style='width:120px; height:120px; float: left; border:10px solid red; margin:10px'>
  15         <div style="width:100px;height:100px;background-color:blue; margin:10px;"></div>
  16     </div>
  17     <p style='clear: left'>There should be a red, white and blue pattern above this</p>
  18
  19     <script>var zoomCount = 2;</script>
  20     <script src="../../../resources/run-after-layout-and-paint.js"></script>
  21     <script src="../resources/testTextZoom.js"/>
  22   </body>
  23 </html>