OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <script> | 3 <script> |
4 if (window.testRunner) | 4 if (window.testRunner) |
5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | 5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |
6 </script> | 6 </script> |
7 <link href="resources/grid.css" rel="stylesheet"> | 7 <link href="resources/grid.css" rel="stylesheet"> |
8 <style> | 8 <style> |
9 .grid { | 9 .grid { |
10 grid-definition-columns: 50px 100px; | 10 grid-template-columns: 50px 100px; |
11 grid-definition-rows: 50px 100px; | 11 grid-template-rows: 50px 100px; |
12 } | 12 } |
13 </style> | 13 </style> |
14 <script src="../../resources/check-layout.js"></script> | 14 <script src="../../resources/check-layout.js"></script> |
15 <script> | 15 <script> |
16 function testAddition(gridElementID, position, autoFlowElementID, size) | 16 function testAddition(gridElementID, position, autoFlowElementID, size) |
17 { | 17 { |
18 var gridElement = document.getElementById(gridElementID); | 18 var gridElement = document.getElementById(gridElementID); |
19 | 19 |
20 var gridItem = document.createElement("div"); | 20 var gridItem = document.createElement("div"); |
21 gridItem.style.gridRow = position.row; | 21 gridItem.style.gridRow = position.row; |
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
79 </div> | 79 </div> |
80 | 80 |
81 <div class="unconstrainedContainer"> | 81 <div class="unconstrainedContainer"> |
82 <div class="grid gridAutoFlowRow" id="gridAutoFlowRowWithAuto"> | 82 <div class="grid gridAutoFlowRow" id="gridAutoFlowRowWithAuto"> |
83 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowRowElementWit
hAuto" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div
> | 83 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowRowElementWit
hAuto" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div
> |
84 </div> | 84 </div> |
85 </div> | 85 </div> |
86 | 86 |
87 </body> | 87 </body> |
88 </html> | 88 </html> |
OLD | NEW |