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 |