| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script> | 4 <script> |
| 5 if (window.testRunner) | 5 if (window.testRunner) |
| 6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | 6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |
| 7 </script> | 7 </script> |
| 8 <link href="resources/grid.css" rel="stylesheet"> | 8 <link href="resources/grid.css" rel="stylesheet"> |
| 9 <style> | 9 <style> |
| 10 .grid { | 10 .grid { |
| (...skipping 25 matching lines...) Expand all Loading... |
| 36 } | 36 } |
| 37 .gridWithFixedMultiple { | 37 .gridWithFixedMultiple { |
| 38 grid-definition-columns: "first" "nav" 10px "last"; | 38 grid-definition-columns: "first" "nav" 10px "last"; |
| 39 grid-definition-rows: "first" "nav" 15px "last"; | 39 grid-definition-rows: "first" "nav" 15px "last"; |
| 40 } | 40 } |
| 41 .gridWithPercentageSameStringMultipleTimes { | 41 .gridWithPercentageSameStringMultipleTimes { |
| 42 grid-definition-columns: "first" "nav" 10% "nav" 15% "last"; | 42 grid-definition-columns: "first" "nav" 10% "nav" 15% "last"; |
| 43 grid-definition-rows: "first" "nav2" 25% "nav2" 75% "last"; | 43 grid-definition-rows: "first" "nav2" 25% "nav2" 75% "last"; |
| 44 } | 44 } |
| 45 </style> | 45 </style> |
| 46 <script src="../js/resources/js-test-pre.js"></script> | 46 <script src="../../resources/js-test.js"></script> |
| 47 </head> | 47 </head> |
| 48 <body> | 48 <body> |
| 49 <div class="grid gridWithFixed" id="gridWithFixedElement"></div> | 49 <div class="grid gridWithFixed" id="gridWithFixedElement"></div> |
| 50 <div class="grid gridWithPercent" id="gridWithPercentElement"></div> | 50 <div class="grid gridWithPercent" id="gridWithPercentElement"></div> |
| 51 <div class="grid gridWithAuto" id="gridWithAutoElement"></div> | 51 <div class="grid gridWithAuto" id="gridWithAutoElement"></div> |
| 52 <div class="grid gridWithAuto" id="gridWithAutoWithChildrenElement"> | 52 <div class="grid gridWithAuto" id="gridWithAutoWithChildrenElement"> |
| 53 <div class="gridItem"></div> | 53 <div class="gridItem"></div> |
| 54 </div> | 54 </div> |
| 55 <div class="grid gridWithMinMax" id="gridWithMinMax"></div> | 55 <div class="grid gridWithMinMax" id="gridWithMinMax"></div> |
| 56 <div class="grid gridWithFixedMultiple" id="gridWithFixedMultiple"></div> | 56 <div class="grid gridWithFixedMultiple" id="gridWithFixedMultiple"></div> |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 97 element = document.createElement("div"); | 97 element = document.createElement("div"); |
| 98 document.body.appendChild(element); | 98 document.body.appendChild(element); |
| 99 element.style.display = "grid"; | 99 element.style.display = "grid"; |
| 100 element.style.gridDefinitionColumns = "'foo' 'bar'"; | 100 element.style.gridDefinitionColumns = "'foo' 'bar'"; |
| 101 element.style.gridDefinitionRows = "'bar' 'foo'"; | 101 element.style.gridDefinitionRows = "'bar' 'foo'"; |
| 102 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('grid-
definition-columns')", "none"); | 102 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('grid-
definition-columns')", "none"); |
| 103 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('grid-
definition-rows')", "none"); | 103 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('grid-
definition-rows')", "none"); |
| 104 </script> | 104 </script> |
| 105 </body> | 105 </body> |
| 106 </html> | 106 </html> |
| OLD | NEW |