Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(485)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/alignment/parse-justify-items.html

Issue 2746453005: [css-align] Adapt self-alignment properties to the new baseline syntax (Closed)
Patch Set: More layout tests fixes. Created 3 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/alignment/parse-align-self-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/alignment/parse-justify-items-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style> 2 <style>
5 #justifyItemsBaseline { 3 #justifyItemsBaseline {
6 justify-items: baseline; 4 justify-items: baseline;
7 } 5 }
8 6
7 #justifyItemsFirstBaseline {
8 justify-items: first baseline;
9 }
10
9 #justifyItemsLastBaseline { 11 #justifyItemsLastBaseline {
10 justify-items: last-baseline; 12 justify-items: last baseline;
11 } 13 }
12 14
13 #justifyItemsStretch { 15 #justifyItemsStretch {
14 justify-items: stretch; 16 justify-items: stretch;
15 } 17 }
16 18
17 #justifyItemsStart { 19 #justifyItemsStart {
18 justify-items: start; 20 justify-items: start;
19 } 21 }
20 22
(...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after
99 } 101 }
100 102
101 #justifyItemsCenterLegacy { 103 #justifyItemsCenterLegacy {
102 justify-items: center legacy; 104 justify-items: center legacy;
103 } 105 }
104 106
105 #justifyItemsRightLegacy { 107 #justifyItemsRightLegacy {
106 justify-items: right legacy; 108 justify-items: right legacy;
107 } 109 }
108 </style> 110 </style>
109 <script src="../../resources/js-test.js"></script> 111 <p>Test that setting and getting justify-items works as expected</p>
110 </head>
111 <body>
112 <div id="justifyItemsBaseline"></div> 112 <div id="justifyItemsBaseline"></div>
113 <div id="justifyItemsFirstBaseline"></div>
113 <div id="justifyItemsLastBaseline"></div> 114 <div id="justifyItemsLastBaseline"></div>
114 <div id="justifyItemsStretch"></div> 115 <div id="justifyItemsStretch"></div>
115 <div id="justifyItemsStart"></div> 116 <div id="justifyItemsStart"></div>
116 <div id="justifyItemsEnd"></div> 117 <div id="justifyItemsEnd"></div>
117 <div id="justifyItemsCenter"></div> 118 <div id="justifyItemsCenter"></div>
118 <div id="justifyItemsSelfStart"></div> 119 <div id="justifyItemsSelfStart"></div>
119 <div id="justifyItemsSelfEnd"></div> 120 <div id="justifyItemsSelfEnd"></div>
120 <div id="justifyItemsLeft"></div> 121 <div id="justifyItemsLeft"></div>
121 <div id="justifyItemsRight"></div> 122 <div id="justifyItemsRight"></div>
122 <div id="justifyItemsFlexStart"></div> 123 <div id="justifyItemsFlexStart"></div>
123 <div id="justifyItemsFlexEnd"></div> 124 <div id="justifyItemsFlexEnd"></div>
124 125
125 <div id="justifyItemsEndUnsafe"></div> 126 <div id="justifyItemsEndUnsafe"></div>
126 <div id="justifyItemsCenterUnsafe"></div> 127 <div id="justifyItemsCenterUnsafe"></div>
127 <div id="justifyItemsSelfEndSafe"></div> 128 <div id="justifyItemsSelfEndSafe"></div>
128 <div id="justifyItemsSelfStartSafe"></div> 129 <div id="justifyItemsSelfStartSafe"></div>
129 <div id="justifyItemsRightSafe"></div> 130 <div id="justifyItemsRightSafe"></div>
130 <div id="justifyItemsLeftUnsafe"></div> 131 <div id="justifyItemsLeftUnsafe"></div>
131 <div id="justifyItemsFlexStartUnsafe"></div> 132 <div id="justifyItemsFlexStartUnsafe"></div>
132 <div id="justifyItemsFlexEndSafe"></div> 133 <div id="justifyItemsFlexEndSafe"></div>
133 <div id="justifyItemsLegacyLeft"></div> 134 <div id="justifyItemsLegacyLeft"></div>
134 <div id="justifyItemsLegacyCenter"></div> 135 <div id="justifyItemsLegacyCenter"></div>
135 <div id="justifyItemsLegacyRight"></div> 136 <div id="justifyItemsLegacyRight"></div>
136 <div id="justifyItemsLeftLegacy"></div> 137 <div id="justifyItemsLeftLegacy"></div>
137 <div id="justifyItemsCenterLegacy"></div> 138 <div id="justifyItemsCenterLegacy"></div>
138 <div id="justifyItemsRightLegacy"></div> 139 <div id="justifyItemsRightLegacy"></div>
139 <script src="resources/alignment-parsing-utils.js"></script> 140 <script src="../../resources/testharness.js"></script>
141 <script src="../../resources/testharnessreport.js"></script>
142 <script src="resources/alignment-parsing-utils-th.js"></script>
140 <script> 143 <script>
141 description('Test that setting and getting justify-items works as expected'); 144 test(function() {
145 var justifyItemsBaseline = document.getElementById("justifyItemsBaseline");
146 checkValues(justifyItemsBaseline, "justifyItems", "justify-items", "", "base line");
147 var justifyItemsFirstBaseline = document.getElementById("justifyItemsFirstBa seline");
148 checkValues(justifyItemsFirstBaseline, "justifyItems", "justify-items", "", "baseline");
149 var justifyItemsLastBaseline = document.getElementById("justifyItemsLastBase line");
150 checkValues(justifyItemsLastBaseline, "justifyItems", "justify-items", "", " last baseline");
151 var justifyItemsStretch = document.getElementById("justifyItemsStretch");
152 checkValues(justifyItemsStretch, "justifyItems", "justify-items", "", "stret ch");
153 var justifyItemsStart = document.getElementById("justifyItemsStart");
154 checkValues(justifyItemsStart, "justifyItems", "justify-items", "", "start") ;
155 var justifyItemsEnd = document.getElementById("justifyItemsEnd");
156 checkValues(justifyItemsEnd, "justifyItems", "justify-items", "", "end");
157 var justifyItemsCenter = document.getElementById("justifyItemsCenter");
158 checkValues(justifyItemsCenter, "justifyItems", "justify-items", "", "center ");
159 var justifyItemsSelfEnd = document.getElementById("justifyItemsSelfEnd");
160 checkValues(justifyItemsSelfEnd, "justifyItems", "justify-items", "", "self- end");
161 var justifyItemsSelfStart = document.getElementById("justifyItemsSelfStart") ;
162 checkValues(justifyItemsSelfStart, "justifyItems", "justify-items", "", "sel f-start");
163 var justifyItemsLeft = document.getElementById("justifyItemsLeft");
164 checkValues(justifyItemsLeft, "justifyItems", "justify-items", "", "left");
165 var justifyItemsRight = document.getElementById("justifyItemsRight");
166 checkValues(justifyItemsRight, "justifyItems", "justify-items", "", "right") ;
167 var justifyItemsFlexStart = document.getElementById("justifyItemsFlexStart") ;
168 checkValues(justifyItemsFlexStart, "justifyItems", "justify-items", "", "fle x-start");
169 var justifyItemsFlexEnd = document.getElementById("justifyItemsFlexEnd");
170 checkValues(justifyItemsFlexEnd, "justifyItems", "justify-items", "", "flex- end");
142 171
143 debug("Test getting justify-items set through CSS"); 172 var justifyItemsEndUnsafe = document.getElementById("justifyItemsEndUnsafe") ;
144 var justifyItemsBaseline = document.getElementById("justifyItemsBaseline"); 173 checkValues(justifyItemsEndUnsafe, "justifyItems", "justify-items", "", "end unsafe");
145 shouldBe("getComputedStyle(justifyItemsBaseline, '').getPropertyValue('justify-i tems')", "'baseline'"); 174 var justifyItemsCenterUnsafe = document.getElementById("justifyItemsCenterUn safe");
175 checkValues(justifyItemsCenterUnsafe, "justifyItems", "justify-items", "", " center unsafe");
176 var justifyItemsSelfEndSafe = document.getElementById("justifyItemsSelfEndSa fe");
177 checkValues(justifyItemsSelfEndSafe, "justifyItems", "justify-items", "", "s elf-end safe");
178 var justifyItemsSelfStartSafe = document.getElementById("justifyItemsSelfSta rtSafe");
179 checkValues(justifyItemsSelfStartSafe, "justifyItems", "justify-items", "", "self-start safe");
180 var justifyItemsRightSafe = document.getElementById("justifyItemsRightSafe") ;
181 checkValues(justifyItemsRightSafe, "justifyItems", "justify-items", "", "rig ht safe");
182 var justifyItemsLeftUnsafe = document.getElementById("justifyItemsLeftUnsafe ");
183 checkValues(justifyItemsLeftUnsafe, "justifyItems", "justify-items", "", "le ft unsafe");
184 var justifyItemsFlexStartUnsafe = document.getElementById("justifyItemsFlexS tartUnsafe");
185 checkValues(justifyItemsFlexStartUnsafe, "justifyItems", "justify-items", "" , "flex-start unsafe");
186 var justifyItemsFlexEndSafe = document.getElementById("justifyItemsFlexEndSa fe");
187 checkValues(justifyItemsFlexEndSafe, "justifyItems", "justify-items", "", "f lex-end safe");
188 var justifyItemsLegacyLeft = document.getElementById("justifyItemsLegacyLeft ");
189 checkValues(justifyItemsLegacyLeft, "justifyItems", "justify-items", "", "le gacy left");
190 var justifyItemsLegacyCenter = document.getElementById("justifyItemsLegacyCe nter");
191 checkValues(justifyItemsLegacyCenter, "justifyItems", "justify-items", "", " legacy center");
192 var justifyItemsLegacyRight = document.getElementById("justifyItemsLegacyRig ht");
193 checkValues(justifyItemsLegacyRight, "justifyItems", "justify-items", "", "l egacy right");
194 var justifyItemsLeftLegacy = document.getElementById("justifyItemsLeftLegacy ");
195 checkValues(justifyItemsLeftLegacy, "justifyItems", "justify-items", "", "le gacy left");
196 var justifyItemsCenterLegacy = document.getElementById("justifyItemsCenterLe gacy");
197 checkValues(justifyItemsCenterLegacy, "justifyItems", "justify-items", "", " legacy center");
198 var justifyItemsRightLegacy = document.getElementById("justifyItemsRightLega cy");
199 checkValues(justifyItemsRightLegacy, "justifyItems", "justify-items", "", "l egacy right");
200 }, "Test getting justify-items set through CSS.");
146 201
147 var justifyItemsLastBaseline = document.getElementById("justifyItemsLastBaseline "); 202 test(function() {
148 shouldBe("getComputedStyle(justifyItemsLastBaseline, '').getPropertyValue('justi fy-items')", "'last-baseline'"); 203 element = document.createElement("div");
204 document.body.appendChild(element);
205 checkValues(element, "justifyItems", "justify-items", "", "normal");
206 }, "Test initial value of justify-items through JS");
149 207
150 var justifyItemsStretch = document.getElementById("justifyItemsStretch"); 208 test(function() {
151 shouldBe("getComputedStyle(justifyItemsStretch, '').getPropertyValue('justify-it ems')", "'stretch'"); 209 element = document.createElement("div");
210 document.body.appendChild(element);
211 element.style.justifyItems = "center";
212 checkValues(element, "justifyItems", "justify-items", "center", "center");
152 213
153 var justifyItemsStart = document.getElementById("justifyItemsStart"); 214 element.style.justifyItems = "unsafe start";
154 shouldBe("getComputedStyle(justifyItemsStart, '').getPropertyValue('justify-item s')", "'start'"); 215 checkValues(element, "justifyItems", "justify-items", "start unsafe", "star t unsafe");
155 216
156 var justifyItemsEnd = document.getElementById("justifyItemsEnd"); 217 element.style.justifyItems = "flex-end safe";
157 shouldBe("getComputedStyle(justifyItemsEnd, '').getPropertyValue('justify-items' )", "'end'"); 218 checkValues(element, "justifyItems", "justify-items", "flex-end safe", "fle x-end safe");
158 219
159 var justifyItemsCenter = document.getElementById("justifyItemsCenter"); 220 element.style.justifyItems = "right legacy";
160 shouldBe("getComputedStyle(justifyItemsCenter, '').getPropertyValue('justify-ite ms')", "'center'"); 221 checkValues(element, "justifyItems", "justify-items", "legacy right", "lega cy right");
161 222
162 var justifyItemsSelfEnd = document.getElementById("justifyItemsSelfEnd"); 223 element.style.justifyItems = "center legacy";
163 shouldBe("getComputedStyle(justifyItemsSelfEnd, '').getPropertyValue('justify-it ems')", "'self-end'"); 224 checkValues(element, "justifyItems", "justify-items", "legacy center", "leg acy center");
164 225
165 var justifyItemsSelfStart = document.getElementById("justifyItemsSelfStart"); 226 element.style.justifyItems = "left legacy";
166 shouldBe("getComputedStyle(justifyItemsSelfStart, '').getPropertyValue('justify- items')", "'self-start'"); 227 checkValues(element, "justifyItems", "justify-items", "legacy left", "legac y left");
167 228
168 var justifyItemsLeft = document.getElementById("justifyItemsLeft"); 229 element.style.justifyItems = "auto";
169 shouldBe("getComputedStyle(justifyItemsLeft, '').getPropertyValue('justify-items ')", "'left'"); 230 checkValues(element, "justifyItems", "justify-items", "auto", "normal");
170 231
171 var justifyItemsRight = document.getElementById("justifyItemsRight"); 232 element.style.display = "flex";
172 shouldBe("getComputedStyle(justifyItemsRight, '').getPropertyValue('justify-item s')", "'right'"); 233 element.style.justifyItems = "auto";
234 checkValues(element, "justifyItems", "justify-items", "auto", "normal");
173 235
174 var justifyItemsFlexStart = document.getElementById("justifyItemsFlexStart"); 236 element.style.display = "grid";
175 shouldBe("getComputedStyle(justifyItemsFlexStart, '').getPropertyValue('justify- items')", "'flex-start'"); 237 element.style.justifyItems = "auto";
238 checkValues(element, "justifyItems", "justify-items", "auto", "normal");
176 239
177 var justifyItemsFlexEnd = document.getElementById("justifyItemsFlexEnd"); 240 element.style.justifyItems = "self-end";
178 shouldBe("getComputedStyle(justifyItemsFlexEnd, '').getPropertyValue('justify-it ems')", "'flex-end'"); 241 checkValues(element, "justifyItems", "justify-items", "self-end", "self-end ");
242 }, "Test getting and setting justify-items through JS");
179 243
180 var justifyItemsEndUnsafe = document.getElementById("justifyItemsEndUnsafe"); 244 test(function() {
181 shouldBe("getComputedStyle(justifyItemsEndUnsafe, '').getPropertyValue('justify- items')", "'end unsafe'"); 245 document.documentElement.style.justifyItems = "auto";
246 checkValues(document.documentElement, "justifyItems", "justify-items", "aut o", "normal");
247 }, "Test 'auto' value resolution for the root node");
182 248
183 var justifyItemsCenterUnsafe = document.getElementById("justifyItemsCenterUnsafe "); 249 test(function() {
184 shouldBe("getComputedStyle(justifyItemsCenterUnsafe, '').getPropertyValue('justi fy-items')", "'center unsafe'"); 250 container = document.createElement("div");
251 element = document.createElement("div");
252 container.appendChild(element);
253 document.body.appendChild(container);
185 254
186 var justifyItemsSelfEndSafe = document.getElementById("justifyItemsSelfEndSafe") ; 255 checkBadValues(element, "justifyItems", "justify-items", "unsafe auto");
187 shouldBe("getComputedStyle(justifyItemsSelfEndSafe, '').getPropertyValue('justif y-items')", "'self-end safe'"); 256 checkBadValues(element, "justifyItems", "justify-items", "auto safe");
257 checkBadValues(element, "justifyItems", "justify-items", "auto left");
258 checkBadValues(element, "justifyItems", "justify-items", "baseline safe");
259 checkBadValues(element, "justifyItems", "justify-items", "baseline center") ;
260 checkBadValues(element, "justifyItems", "justify-items", "stretch unsafe");
261 checkBadValues(element, "justifyItems", "justify-items", "stretch right");
262 checkBadValues(element, "justifyItems", "justify-items", "unsafe unsafe");
263 checkBadValues(element, "justifyItems", "justify-items", "unsafe safe");
264 checkBadValues(element, "justifyItems", "justify-items", "center start");
265 checkBadValues(element, "justifyItems", "justify-items", "stretch unsafe");
266 checkBadValues(element, "justifyItems", "justify-items", "safe stretch");
267 checkBadValues(element, "justifyItems", "justify-items", "baseline safe");
268 checkBadValues(element, "justifyItems", "justify-items", "unsafe baseline") ;
269 checkBadValues(element, "justifyItems", "justify-items", "unsafe safe left" );
270 checkBadValues(element, "justifyItems", "justify-items", "unsafe left safe" );
271 checkBadValues(element, "justifyItems", "justify-items", "left safe unsafe safe");
272 checkBadValues(element, "justifyItems", "justify-items", "legacy start");
273 checkBadValues(element, "justifyItems", "justify-items", "legacy end");
274 checkBadValues(element, "justifyItems", "justify-items", "legacy right unsa fe");
275 checkBadValues(element, "justifyItems", "justify-items", "legacy auto");
276 checkBadValues(element, "justifyItems", "justify-items", "legacy stretch");
277 checkBadValues(element, "justifyItems", "justify-items", "legacy");
278 checkBadValues(element, "justifyItems", "justify-items", "legacy left right ");
279 }, "Test bad combinations of justify-items");
188 280
189 var justifyItemsSelfStartSafe = document.getElementById("justifyItemsSelfStartSa fe"); 281 test(function() {
190 shouldBe("getComputedStyle(justifyItemsSelfStartSafe, '').getPropertyValue('just ify-items')", "'self-start safe'"); 282 element.style.display = "";
283 checkInitialValues(element, "justifyItems", "justify-items", "legacy center" , "normal");
284 }, "Test the value 'initial'");
191 285
192 var justifyItemsRightSafe = document.getElementById("justifyItemsRightSafe"); 286 test(function() {
193 shouldBe("getComputedStyle(justifyItemsRightSafe, '').getPropertyValue('justify- items')", "'right safe'"); 287 element.style.display = "grid";
288 checkInitialValues(element, "justifyItems", "justify-items", "left safe", "n ormal");
289 }, "Test the value 'initial' for grid containers");
194 290
195 var justifyItemsLeftUnsafe = document.getElementById("justifyItemsLeftUnsafe"); 291 test(function() {
196 shouldBe("getComputedStyle(justifyItemsLeftUnsafe, '').getPropertyValue('justify -items')", "'left unsafe'"); 292 element.style.display = "flex";
293 checkInitialValues(element, "justifyItems", "justify-items", "right unsafe", "normal");
294 }, "Test the value 'initial' for flex containers");
197 295
198 var justifyItemsFlexStartUnsafe = document.getElementById("justifyItemsFlexStart Unsafe"); 296 test(function() {
199 shouldBe("getComputedStyle(justifyItemsFlexStartUnsafe, '').getPropertyValue('ju stify-items')", "'flex-start unsafe'"); 297 checkInheritValues("justifyItems", "justify-items", "end");
298 checkInheritValues("justifyItems", "justify-items", "left safe");
299 checkInheritValues("justifyItems", "justify-items", "legacy center");
300 }, "Test the value 'inherit'");
200 301
201 var justifyItemsFlexEndSafe = document.getElementById("justifyItemsFlexEndSafe") ; 302 test(function() {
202 shouldBe("getComputedStyle(justifyItemsFlexEndSafe, '').getPropertyValue('justif y-items')", "'flex-end safe'"); 303 checkLegacyValues("justifyItems", "justify-items", "legacy left");
203 304 checkLegacyValues("justifyItems", "justify-items", "legacy center");
204 var justifyItemsLegacyLeft = document.getElementById("justifyItemsLegacyLeft"); 305 checkLegacyValues("justifyItems", "justify-items", "legacy right");
205 shouldBe("getComputedStyle(justifyItemsLegacyLeft, '').getPropertyValue('justify -items')", "'legacy left'"); 306 }, "Test the value 'legacy'");
206
207 var justifyItemsLegacyCenter = document.getElementById("justifyItemsLegacyCenter ");
208 shouldBe("getComputedStyle(justifyItemsLegacyCenter, '').getPropertyValue('justi fy-items')", "'legacy center'");
209
210 var justifyItemsLegacyRight = document.getElementById("justifyItemsLegacyRight") ;
211 shouldBe("getComputedStyle(justifyItemsLegacyRight, '').getPropertyValue('justif y-items')", "'legacy right'");
212
213 var justifyItemsLeftLegacy = document.getElementById("justifyItemsLeftLegacy");
214 shouldBe("getComputedStyle(justifyItemsLeftLegacy, '').getPropertyValue('justify -items')", "'legacy left'");
215
216 var justifyItemsCenterLegacy = document.getElementById("justifyItemsCenterLegacy ");
217 shouldBe("getComputedStyle(justifyItemsCenterLegacy, '').getPropertyValue('justi fy-items')", "'legacy center'");
218
219 var justifyItemsRightLegacy = document.getElementById("justifyItemsRightLegacy") ;
220 shouldBe("getComputedStyle(justifyItemsRightLegacy, '').getPropertyValue('justif y-items')", "'legacy right'");
221
222 debug("");
223 debug("Test initial value of justify-items through JS");
224 element = document.createElement("div");
225 document.body.appendChild(element);
226 shouldBe("getComputedStyle(element, '').getPropertyValue('justify-items')", "'no rmal'");
227
228 debug("");
229 debug("Test getting and setting justify-items through JS");
230 element = document.createElement("div");
231 document.body.appendChild(element);
232 element.style.justifyItems = "center";
233 checkValues(element, "justifyItems", "justify-items", "center", "center");
234
235 element.style.justifyItems = "unsafe start";
236 checkValues(element, "justifyItems", "justify-items", "start unsafe", "start un safe");
237
238 element.style.justifyItems = "flex-end safe";
239 checkValues(element, "justifyItems", "justify-items", "flex-end safe", "flex-en d safe");
240
241 element.style.justifyItems = "right legacy";
242 checkValues(element, "justifyItems", "justify-items", "legacy right", "legacy r ight");
243
244 element.style.justifyItems = "center legacy";
245 checkValues(element, "justifyItems", "justify-items", "legacy center", "legacy center");
246
247 element.style.justifyItems = "left legacy";
248 checkValues(element, "justifyItems", "justify-items", "legacy left", "legacy le ft");
249
250 element.style.justifyItems = "auto";
251 checkValues(element, "justifyItems", "justify-items", "auto", "normal");
252
253 element.style.display = "flex";
254 element.style.justifyItems = "auto";
255 checkValues(element, "justifyItems", "justify-items", "auto", "normal");
256
257 element.style.display = "grid";
258 element.style.justifyItems = "auto";
259 checkValues(element, "justifyItems", "justify-items", "auto", "normal");
260
261 element.style.justifyItems = "self-end";
262 checkValues(element, "justifyItems", "justify-items", "self-end", "self-end");
263
264 debug("");
265 debug("Test 'auto' value resolution for the root node");
266 document.documentElement.style.justifyItems = "auto";
267 checkValues(document.documentElement, "justifyItems", "justify-items", "auto", "normal");
268
269 debug("");
270 debug("Test bad combinations of justify-items");
271 element = document.createElement("div");
272 document.body.appendChild(element);
273
274 checkBadValues(element, "justifyItems", "justify-items", "unsafe auto");
275 checkBadValues(element, "justifyItems", "justify-items", "auto safe");
276 checkBadValues(element, "justifyItems", "justify-items", "auto left");
277 checkBadValues(element, "justifyItems", "justify-items", "baseline safe");
278 checkBadValues(element, "justifyItems", "justify-items", "baseline center");
279 checkBadValues(element, "justifyItems", "justify-items", "stretch unsafe");
280 checkBadValues(element, "justifyItems", "justify-items", "stretch right");
281 checkBadValues(element, "justifyItems", "justify-items", "unsafe unsafe");
282 checkBadValues(element, "justifyItems", "justify-items", "unsafe safe");
283 checkBadValues(element, "justifyItems", "justify-items", "center start");
284 checkBadValues(element, "justifyItems", "justify-items", "stretch unsafe");
285 checkBadValues(element, "justifyItems", "justify-items", "safe stretch");
286 checkBadValues(element, "justifyItems", "justify-items", "baseline safe");
287 checkBadValues(element, "justifyItems", "justify-items", "unsafe baseline");
288 checkBadValues(element, "justifyItems", "justify-items", "unsafe safe left");
289 checkBadValues(element, "justifyItems", "justify-items", "unsafe left safe");
290 checkBadValues(element, "justifyItems", "justify-items", "left safe unsafe safe ");
291 checkBadValues(element, "justifyItems", "justify-items", "legacy start");
292 checkBadValues(element, "justifyItems", "justify-items", "legacy end");
293 checkBadValues(element, "justifyItems", "justify-items", "legacy right unsafe") ;
294 checkBadValues(element, "justifyItems", "justify-items", "legacy auto");
295 checkBadValues(element, "justifyItems", "justify-items", "legacy stretch");
296 checkBadValues(element, "justifyItems", "justify-items", "legacy");
297 checkBadValues(element, "justifyItems", "justify-items", "legacy left right");
298
299 debug("");
300 debug("Test the value 'initial'");
301 element.style.display = "";
302 checkInitialValues(element, "justifyItems", "justify-items", "legacy center", "n ormal");
303
304 debug("");
305 debug("Test the value 'initial' for grid containers");
306 element.style.display = "grid";
307 checkInitialValues(element, "justifyItems", "justify-items", "left safe", "norma l");
308
309 debug("");
310 debug("Test the value 'initial' for flex containers");
311 element.style.display = "flex";
312 checkInitialValues(element, "justifyItems", "justify-items", "right unsafe", "no rmal");
313
314 debug("");
315 debug("Test the value 'inherit'");
316 checkInheritValues("justifyItems", "justify-items", "end");
317 checkInheritValues("justifyItems", "justify-items", "left safe");
318 checkInheritValues("justifyItems", "justify-items", "legacy center");
319
320 debug("");
321 debug("Test the value 'legacy'");
322 checkLegacyValues("justifyItems", "justify-items", "legacy left");
323 checkLegacyValues("justifyItems", "justify-items", "legacy center");
324 checkLegacyValues("justifyItems", "justify-items", "legacy right");
325
326 </script> 307 </script>
327 </body>
328 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/alignment/parse-align-self-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/alignment/parse-justify-items-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698