OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
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 #gridWithSingleStringTemplate { | 10 #gridWithSingleStringTemplate { |
(...skipping 16 matching lines...) Expand all Loading... |
27 #gridWithSpanningRowsDotTemplate { | 27 #gridWithSpanningRowsDotTemplate { |
28 grid-template: "span" | 28 grid-template: "span" |
29 "."; | 29 "."; |
30 } | 30 } |
31 | 31 |
32 #gridWithDotColumn { | 32 #gridWithDotColumn { |
33 grid-template: "header ." | 33 grid-template: "header ." |
34 "footer ."; | 34 "footer ."; |
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="grid" id="gridWithDefaultTemplate"></div> | 40 <div class="grid" id="gridWithDefaultTemplate"></div> |
41 <div class="grid" id="gridWithSingleStringTemplate"></div> | 41 <div class="grid" id="gridWithSingleStringTemplate"></div> |
42 <div class="grid" id="gridWithTwoColumnsTemplate"></div> | 42 <div class="grid" id="gridWithTwoColumnsTemplate"></div> |
43 <div class="grid" id="gridWithTwoRowsTemplate"></div> | 43 <div class="grid" id="gridWithTwoRowsTemplate"></div> |
44 <div class="grid" id="gridWithSpanningColumnsTemplate"></div> | 44 <div class="grid" id="gridWithSpanningColumnsTemplate"></div> |
45 <div class="grid" id="gridWithSpanningRowsDotTemplate"></div> | 45 <div class="grid" id="gridWithSpanningRowsDotTemplate"></div> |
46 <div class="grid" id="gridWithDotColumn"></div> | 46 <div class="grid" id="gridWithDotColumn"></div> |
47 <script> | 47 <script> |
(...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
114 shouldBeEqualToString("window.getComputedStyle(element).getPropertyValue('gr
id-template')", "none") | 114 shouldBeEqualToString("window.getComputedStyle(element).getPropertyValue('gr
id-template')", "none") |
115 | 115 |
116 debug(""); | 116 debug(""); |
117 debug("FIXME: We currently don't validate that the named grid areas are <
indent>."); | 117 debug("FIXME: We currently don't validate that the named grid areas are <
indent>."); |
118 // <ident> only allows a leading '-'. | 118 // <ident> only allows a leading '-'. |
119 element.style.gridTemplate = '"nav-up"'; | 119 element.style.gridTemplate = '"nav-up"'; |
120 shouldBeEqualToString("window.getComputedStyle(element).getPropertyValue('gr
id-template')", "none") | 120 shouldBeEqualToString("window.getComputedStyle(element).getPropertyValue('gr
id-template')", "none") |
121 </script> | 121 </script> |
122 </body> | 122 </body> |
123 </html> | 123 </html> |
OLD | NEW |