OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 #placeContentNormal { | 5 #placeContentNormal { |
6 place-content: normal; | 6 place-content: normal; |
7 } | 7 } |
8 #placeContentBaseline { | 8 #placeContentBaseline { |
9 place-content: baseline; | 9 place-content: baseline; |
10 } | 10 } |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
42 } | 42 } |
43 #placeContentNone { | 43 #placeContentNone { |
44 place-content: none; | 44 place-content: none; |
45 } | 45 } |
46 #placeContentSafe { | 46 #placeContentSafe { |
47 place-content: safe; | 47 place-content: safe; |
48 } | 48 } |
49 #placeContentStartSafe { | 49 #placeContentStartSafe { |
50 place-content: start safe; | 50 place-content: start safe; |
51 } | 51 } |
| 52 #placeContentBaselineSafe { |
| 53 place-content: baseline safe; |
| 54 } |
52 #placeContentStartEndLeft { | 55 #placeContentStartEndLeft { |
53 place-content: start end left; | 56 place-content: start end left; |
54 } | 57 } |
55 </style> | 58 </style> |
56 <script src="../../resources/testharness.js"></script> | 59 <script src="../../resources/testharness.js"></script> |
57 <script src="../../resources/testharnessreport.js"></script> | 60 <script src="../../resources/testharnessreport.js"></script> |
58 <script src="resources/alignment-parsing-utils-th.js"></script> | 61 <script src="resources/alignment-parsing-utils-th.js"></script> |
59 </head> | 62 </head> |
60 <body> | 63 <body> |
61 <p>Test to verify that the new place-content alignment shorthand is parsed a
s expected and correctly sets the longhand values.</p> | 64 <p>Test to verify that the new place-content alignment shorthand is parsed a
s expected and correctly sets the longhand values.</p> |
(...skipping 135 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
197 checkValues(placeContentSafe, "placeContent", "place-content", "", "normal n
ormal"); | 200 checkValues(placeContentSafe, "placeContent", "place-content", "", "normal n
ormal"); |
198 checkPlaceContentValues(placeContentSafe, "", "normal", "normal"); | 201 checkPlaceContentValues(placeContentSafe, "", "normal", "normal"); |
199 }, "Test setting 'safe' as incorrect value through CSS."); | 202 }, "Test setting 'safe' as incorrect value through CSS."); |
200 | 203 |
201 test(function() { | 204 test(function() { |
202 checkValues(placeContentStartSafe, "placeContent", "place-content", "", "nor
mal normal"); | 205 checkValues(placeContentStartSafe, "placeContent", "place-content", "", "nor
mal normal"); |
203 checkPlaceContentValues(placeContentStartSafe, "", "normal", "normal"); | 206 checkPlaceContentValues(placeContentStartSafe, "", "normal", "normal"); |
204 }, "Test setting 'start safe' as incorrect value through CSS."); | 207 }, "Test setting 'start safe' as incorrect value through CSS."); |
205 | 208 |
206 test(function() { | 209 test(function() { |
207 checkValues(placeContentStartSafe, "placeContent", "place-content", "", "nor
mal normal"); | 210 checkValues(placeContentBaselineSafe, "placeContent", "place-content", "", "
normal normal"); |
208 checkPlaceContentValues(placeContentStartSafe, "", "normal", "normal"); | 211 checkPlaceContentValues(placeContentBaselineSafe, "", "normal", "normal"); |
209 }, "Test setting 'baseline safe' as incorrect value through CSS."); | 212 }, "Test setting 'baseline safe' as incorrect value through CSS."); |
210 | 213 |
211 test(function() { | 214 test(function() { |
212 checkValues(placeContentStartEndLeft, "placeContent", "place-content", "", "
normal normal"); | 215 checkValues(placeContentStartEndLeft, "placeContent", "place-content", "", "
normal normal"); |
213 checkPlaceContentValues(placeContentStartEndLeft, "", "normal", "normal"); | 216 checkPlaceContentValues(placeContentStartEndLeft, "", "normal", "normal"); |
214 }, "Test setting 'start end left' as incorrect value through CSS."); | 217 }, "Test setting 'start end left' as incorrect value through CSS."); |
215 | 218 |
216 test(function() { | 219 test(function() { |
217 checkPlaceContentValuesJS("center", "center", "center"); | 220 checkPlaceContentValuesJS("center", "center", "center"); |
218 checkPlaceContentValuesJS("center start", "center", "start"); | 221 checkPlaceContentValuesJS("center start", "center", "start"); |
(...skipping 17 matching lines...) Expand all Loading... |
236 }, "Test the 'initial' value of the place-content shorthand and its longhand pro
perties' Computed value"); | 239 }, "Test the 'initial' value of the place-content shorthand and its longhand pro
perties' Computed value"); |
237 | 240 |
238 test(function() { | 241 test(function() { |
239 checkPlaceContentInheritValue(); | 242 checkPlaceContentInheritValue(); |
240 }, "Test the 'inherit' value of the place-content shorthand and its longhand pro
perties' Computed value"); | 243 }, "Test the 'inherit' value of the place-content shorthand and its longhand pro
perties' Computed value"); |
241 | 244 |
242 | 245 |
243 </script> | 246 </script> |
244 </body> | 247 </body> |
245 </html> | 248 </html> |
OLD | NEW |