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