| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <html> |   2 <html> | 
|   3 <script> |  | 
|   4 if (window.testRunner) |  | 
|   5     testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |  | 
|   6 </script> |  | 
|   7 <link href="resources/grid.css" rel="stylesheet"> |   3 <link href="resources/grid.css" rel="stylesheet"> | 
|   8 <script src="../../resources/check-layout.js"></script> |   4 <script src="../../resources/check-layout.js"></script> | 
|   9 <script> |   5 <script> | 
|  10 function testLayout(gridElementID, gridTracks, size) |   6 function testLayout(gridElementID, gridTracks, size) | 
|  11 { |   7 { | 
|  12     var gridElement = document.getElementById(gridElementID); |   8     var gridElement = document.getElementById(gridElementID); | 
|  13     gridElement.style.gridTemplateColumns = gridTracks.columns; |   9     gridElement.style.gridTemplateColumns = gridTracks.columns; | 
|  14     gridElement.style.gridTemplateRows = gridTracks.rows; |  10     gridElement.style.gridTemplateRows = gridTracks.rows; | 
|  15     var gridItem = gridElement.firstChild.nextSibling; |  11     var gridItem = gridElement.firstChild.nextSibling; | 
|  16     gridItem.setAttribute("data-expected-width", size.width); |  12     gridItem.setAttribute("data-expected-width", size.width); | 
| (...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  62     </div> |  58     </div> | 
|  63 </div> |  59 </div> | 
|  64  |  60  | 
|  65 <div class="unconstrainedContainer"> |  61 <div class="unconstrainedContainer"> | 
|  66     <div class="grid" id="unconstrainedGrid"> |  62     <div class="grid" id="unconstrainedGrid"> | 
|  67         <div class="sizedToGridArea">XXXXX XXXXXX</div> |  63         <div class="sizedToGridArea">XXXXX XXXXXX</div> | 
|  68     </div> |  64     </div> | 
|  69 </div> |  65 </div> | 
|  70 </body> |  66 </body> | 
|  71 </html> |  67 </html> | 
| OLD | NEW |