| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style type="text/css"> | 2 <style type="text/css"> |
| 3 | 3 |
| 4 .grid { | 4 .grid { |
| 5 display: grid; | 5 display: grid; |
| 6 position: relative; | 6 position: relative; |
| 7 } | 7 } |
| 8 | 8 |
| 9 .emptyCols { grid-template-rows: 20px; } | 9 .emptyCols { grid-template-rows: 20px; } |
| 10 .emptyRows { grid-template-columns: 10px; } | 10 .emptyRows { grid-template-columns: 10px; } |
| 11 .emptyColsDueToAutoFit { grid-template-columns: repeat(auto-fit, [a] 20px [b]);
} |
| 12 .emptyRowsDueToAutoFit { grid-template-rows: repeat(auto-fit, [a] 20px [b]); } |
| 13 .noRepetitionsCols { grid-template-columns: repeat(auto-fit, [a] 20px [b]) 10px
30px; } |
| 14 .noRepetitionsRows { grid-template-rows: repeat(auto-fit, [a] 20px [b]) 10px 30p
x; } |
| 15 |
| 11 | 16 |
| 12 .absposChild { | 17 .absposChild { |
| 13 position: absolute; | 18 position: absolute; |
| 14 } | 19 } |
| 15 | 20 |
| 16 </style> | 21 </style> |
| 17 | 22 |
| 18 | 23 |
| 19 <script> | 24 <script> |
| 20 function runTest() { | 25 function runTest() { |
| 21 description("This test checks that, getting the computed style of a grid wi
th only absolutelly positioned children and no tracks in some axis, does not CRA
SH on DEBUG builds."); | 26 description("This test checks that, getting the computed style of a grid wi
th only absolutelly positioned children and no tracks in some axis, does not CRA
SH on DEBUG builds."); |
| 22 testGridDefinitionsValues(document.getElementById("grid1"), "none", "20px")
; | 27 testGridDefinitionsValues(document.getElementById("grid1"), "none", "20px")
; |
| 23 testGridDefinitionsValues(document.getElementById("grid2"), "10px", "none")
; | 28 testGridDefinitionsValues(document.getElementById("grid2"), "10px", "none")
; |
| 24 testGridDefinitionsValues(document.getElementById("grid3"), "none", "none")
; | 29 testGridDefinitionsValues(document.getElementById("grid3"), "none", "none")
; |
| 30 testGridDefinitionsValues(document.getElementById("grid4"), "none", "none")
; |
| 31 testGridDefinitionsValues(document.getElementById("grid5"), "none", "none")
; |
| 32 testGridDefinitionsValues(document.getElementById("grid6"), "10px 30px", "n
one"); |
| 33 testGridDefinitionsValues(document.getElementById("grid7"), "none", "10px 3
0px"); |
| 25 } | 34 } |
| 26 </script> | 35 </script> |
| 27 <script src="../../resources/js-test.js"></script> | 36 <script src="../../resources/js-test.js"></script> |
| 28 <script src="resources/grid-definitions-parsing-utils.js"></script> | 37 <script src="resources/grid-definitions-parsing-utils.js"></script> |
| 29 | 38 |
| 30 <body onload="runTest()"> | 39 <body onload="runTest()"> |
| 31 | 40 |
| 32 <div id="grid1" class="grid emptyCols"><div class="absposChild"></div></div> | 41 <div id="grid1" class="grid emptyCols"><div class="absposChild"></div></div> |
| 33 | 42 |
| 34 <div id="grid2" class="grid emptyRows"><div class="absposChild"></div></div> | 43 <div id="grid2" class="grid emptyRows"><div class="absposChild"></div></div> |
| 35 | 44 |
| 36 <div id="grid3" class="grid"><div class="absposChild"></div></div> | 45 <div id="grid3" class="grid"><div class="absposChild"></div></div> |
| 37 | 46 |
| 47 <div id="grid4" class="grid emptyColsDueToAutoFit"><div class="absposChild"></di
v></div> |
| 48 <div id="grid5" class="grid emptyRowsDueToAutoFit"><div class="absposChild"></di
v></div> |
| 49 |
| 50 <div id="grid6" class="grid noRepetitionsCols"><div class="absposChild"></div></
div> |
| 51 <div id="grid7" class="grid noRepetitionsRows"><div class="absposChild"></div></
div> |
| 52 |
| 38 </body> | 53 </body> |
| OLD | NEW |