src/third_party/WebKit/LayoutTests/fast/regions/content-flowed-into-regions-dynamically-inserted.html

   1 <!doctype html>
   2 <html>
   3     <!--
   4     Test that the content is properly flowed into dynamically added regions.
   5     On success you should see that the colored boxes are displayed inside the 3 rectangles with black border.
   6     The green box should be displayed in left region.
   7     The blue box should be displayed in middle region.
   8     The orange box should be displayed in right region.
   9     -->
  10     <head>
  11         <link rel="stylesheet" href="resources/region-style.css">
  12     </head>
  13     <body>
  14         <div class="flowArticle">
  15             <div class="greenBox"></div>
  16             <div class="blueBox"></div>
  17             <div class="orangeBox"></div>
  18         </div>
  19         <div class="regionArticle borderBox"></div>
  20         <div id="region"></div>
  21         <div class="regionArticle borderBox"></div>
  22         <script>
  23             var region = document.getElementById("region");
  24             // The next line will create a new RenderRegion and insert it
  25             // into the flow thread.
  26             region.className = "regionArticle borderBox";
  27         </script>
  28     </body>
  29 </html>