OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link href="resources/grid.css" rel="stylesheet"> | 4 <link href="resources/grid.css" rel="stylesheet"> |
5 <style> | 5 <style> |
6 .gridItem { | 6 .gridItem { |
7 grid-column: 1; | 7 grid-column: 1; |
8 grid-row: 1; | 8 grid-row: 1; |
9 height: 22px; | 9 height: 22px; |
10 width: 77px; | 10 width: 77px; |
(...skipping 16 matching lines...) Expand all Loading... |
27 } | 27 } |
28 .gridWithFixedMultiple { | 28 .gridWithFixedMultiple { |
29 grid-definition-columns: "first" "nav" 10px "last"; | 29 grid-definition-columns: "first" "nav" 10px "last"; |
30 grid-definition-rows: "first" "nav" 15px "last"; | 30 grid-definition-rows: "first" "nav" 15px "last"; |
31 } | 31 } |
32 .gridWithPercentageSameStringMultipleTimes { | 32 .gridWithPercentageSameStringMultipleTimes { |
33 grid-definition-columns: "first" "nav" 10% "nav" 15% "last"; | 33 grid-definition-columns: "first" "nav" 10% "nav" 15% "last"; |
34 grid-definition-rows: "first" "nav2" 25% "nav2" 75% "last"; | 34 grid-definition-rows: "first" "nav2" 25% "nav2" 75% "last"; |
35 } | 35 } |
36 </style> | 36 </style> |
37 <script src="../js/resources/js-test-pre.js"></script> | 37 <script src="../../resources/js-test.js"></script> |
38 </head> | 38 </head> |
39 <body> | 39 <body> |
40 <div class="gridWithFixed" id="gridWithFixedElement"></div> | 40 <div class="gridWithFixed" id="gridWithFixedElement"></div> |
41 <div class="gridWithPercent" id="gridWithPercentElement"></div> | 41 <div class="gridWithPercent" id="gridWithPercentElement"></div> |
42 <div class="gridWithAuto" id="gridWithAutoElement"></div> | 42 <div class="gridWithAuto" id="gridWithAutoElement"></div> |
43 <div class="gridWithAuto" id="gridWithAutoWithChildrenElement"> | 43 <div class="gridWithAuto" id="gridWithAutoWithChildrenElement"> |
44 <div class="gridItem"></div> | 44 <div class="gridItem"></div> |
45 </div> | 45 </div> |
46 <div class="gridWithMinMax" id="gridWithMinMax"></div> | 46 <div class="gridWithMinMax" id="gridWithMinMax"></div> |
47 <div class="gridWithFixedMultiple" id="gridWithFixedMultiple"></div> | 47 <div class="gridWithFixedMultiple" id="gridWithFixedMultiple"></div> |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
85 | 85 |
86 element = document.createElement("div"); | 86 element = document.createElement("div"); |
87 document.body.appendChild(element); | 87 document.body.appendChild(element); |
88 element.style.gridDefinitionColumns = "'foo' 'bar'"; | 88 element.style.gridDefinitionColumns = "'foo' 'bar'"; |
89 element.style.gridDefinitionRows = "'bar' 'foo'"; | 89 element.style.gridDefinitionRows = "'bar' 'foo'"; |
90 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('grid-
definition-columns')", "none"); | 90 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('grid-
definition-columns')", "none"); |
91 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('grid-
definition-rows')", "none"); | 91 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('grid-
definition-rows')", "none"); |
92 </script> | 92 </script> |
93 </body> | 93 </body> |
94 </html> | 94 </html> |
OLD | NEW |