src/third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-content-sized-columns-resize-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style type="text/css">
   5         #firstColumnFloat {
   6             width: 50%;
   7             background-color: blue;
   8         }
   9
  10         #secondColumnFloat {
  11             float: right;
  12             width: 50%;
  13             background-color: lime;
  14         }
  15
  16         #oneColumnRegular {
  17             background-color: blue;
  18         }
  19     </style>
  20     <script>
  21         function runTest() {
  22             if (window.testRunner) {
  23                 testRunner.useUnfortunateSynchronousResizeMode();
  24                 window.resizeTo(600, 600);
  25             }
  26         }
  27     </script>
  28 </head>
  29 <body onLoad="runTest();">
  30     <h1>Description</h1>
  31     <p>Grid flex and content sized columns width should be updated properly when you resize the window (you should not see the grid background in grey color).</p>
  32     <h1>Grid 2 flex columns</h1>
  33     <div>
  34         <div id="secondColumnFloat">second column</div>
  35         <div id="firstColumnFloat">first column</div>
  36     </div>
  37     <h1>Grid 1 auto column</h1>
  38     <div>
  39         <div id="oneColumnRegular">
  40             one column one column one column one column one column one column one column one column
  41             one column one column one column one column one column one column one column one column
  42             one column one column one column one column one column one column one column one column
  43             one column one column one column one column one column one column one column one column
  44         </div>
  45     </div>
  46 </body>
  47 </html>
  48