OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <link href="resources/grid.css" rel="stylesheet"/> | 3 <link href="resources/grid.css" rel="stylesheet"/> |
4 <style> | 4 <style> |
5 .grid { | 5 .grid { |
6 font: 10px/1 Ahem; | 6 font: 10px/1 Ahem; |
7 } | 7 } |
8 .gridMinContentFixedAndAuto { | 8 .gridMinContentFixedAndAuto { |
9 grid-template-columns: minmax(min-content, 15px) auto; | 9 grid-template-columns: minmax(min-content, 15px) auto; |
10 } | 10 } |
(...skipping 299 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
310 testGridColumnsValues("gridMinContentAndMaxContentFixed", "20px 70px"); | 310 testGridColumnsValues("gridMinContentAndMaxContentFixed", "20px 70px"); |
311 testGridColumnsValues("gridMaxContentFixedAndAuto", "65px 25px"); | 311 testGridColumnsValues("gridMaxContentFixedAndAuto", "65px 25px"); |
312 testGridColumnsValues("gridAutoMinContent", "70px 20px"); | 312 testGridColumnsValues("gridAutoMinContent", "70px 20px"); |
313 testGridColumnsValues("gridAutoMaxContent", "20px 70px"); | 313 testGridColumnsValues("gridAutoMaxContent", "20px 70px"); |
314 testGridColumnsValues("gridMaxContentAndMinContentFixed", "70px 20px"); | 314 testGridColumnsValues("gridMaxContentAndMinContentFixed", "70px 20px"); |
315 testGridColumnsValues("gridMaxContentAndMaxContentFixed", "55px 35px"); | 315 testGridColumnsValues("gridMaxContentAndMaxContentFixed", "55px 35px"); |
316 | 316 |
317 debug(""); | 317 debug(""); |
318 debug("Check that items are processed by ascending span to compute track brea
dths forbidding extra space distribution."); | 318 debug("Check that items are processed by ascending span to compute track brea
dths forbidding extra space distribution."); |
319 testGridColumnsValues("gridMinContentFixedAndAutoUnsortedConstrained", "0px 4
0px"); | 319 testGridColumnsValues("gridMinContentFixedAndAutoUnsortedConstrained", "0px 4
0px"); |
320 testGridColumnsValues("gridAutoAndAutoUnsortedConstrained", "5px 35px"); | 320 testGridColumnsValues("gridAutoAndAutoUnsortedConstrained", "10px 30px"); |
321 testGridColumnsValues("gridMinContentAndMinContentFixedUnsortedConstrained",
"0px 40px"); | 321 testGridColumnsValues("gridMinContentAndMinContentFixedUnsortedConstrained",
"0px 40px"); |
322 testGridColumnsValues("gridMaxContentAndMinContentUnsortedConstrained", "0px
70px"); | 322 testGridColumnsValues("gridMaxContentAndMinContentUnsortedConstrained", "0px
70px"); |
323 testGridColumnsValues("gridFixedMinContentAndMaxContentUnsortedConstrained",
"10px 70px"); | 323 testGridColumnsValues("gridFixedMinContentAndMaxContentUnsortedConstrained",
"10px 70px"); |
324 testGridColumnsValues("gridFixedMaxContentAndMinContentUnsortedConstrained",
"10px 40px"); | 324 testGridColumnsValues("gridFixedMaxContentAndMinContentUnsortedConstrained",
"10px 40px"); |
325 testGridColumnsValues("gridMinContentAndMaxContentFixedUnsortedConstrained",
"0px 90px"); | 325 testGridColumnsValues("gridMinContentAndMaxContentFixedUnsortedConstrained",
"0px 90px"); |
326 testGridColumnsValues("gridMaxContentFixedAndAutoUnsortedConstrained", "10px
40px"); | 326 testGridColumnsValues("gridMaxContentFixedAndAutoUnsortedConstrained", "10px
40px"); |
327 testGridColumnsValues("gridAutoMinContentUnsortedConstrained", "0px 60px"); | 327 testGridColumnsValues("gridAutoMinContentUnsortedConstrained", "0px 60px"); |
328 testGridColumnsValues("gridAutoMaxContentUnsortedConstrained", "0px 90px"); | 328 testGridColumnsValues("gridAutoMaxContentUnsortedConstrained", "0px 90px"); |
329 testGridColumnsValues("gridMaxContentAndMinContentFixedUnsortedConstrained",
"50px 40px"); | 329 testGridColumnsValues("gridMaxContentAndMinContentFixedUnsortedConstrained",
"50px 40px"); |
330 testGridColumnsValues("gridMaxContentAndMaxContentFixedUnsortedConstrained",
"40px 70px"); | 330 testGridColumnsValues("gridMaxContentAndMaxContentFixedUnsortedConstrained",
"40px 70px"); |
331 | 331 |
332 debug(""); | 332 debug(""); |
333 debug("Check that items are processed by ascending span to compute track brea
dths allowing extra space distribution."); | 333 debug("Check that items are processed by ascending span to compute track brea
dths allowing extra space distribution."); |
334 testGridColumnsValues("gridMinContentFixedAndAutoUnsorted", "15px 90px"); | 334 testGridColumnsValues("gridMinContentFixedAndAutoUnsorted", "15px 90px"); |
335 testGridColumnsValues("gridAutoAndAutoUnsorted", "30px 60px"); | 335 testGridColumnsValues("gridAutoAndAutoUnsorted", "60px 30px"); |
336 testGridColumnsValues("gridMinContentAndMinContentFixedUnsorted", "0px 40px")
; | 336 testGridColumnsValues("gridMinContentAndMinContentFixedUnsorted", "0px 40px")
; |
337 testGridColumnsValues("gridMaxContentAndMinContentUnsorted", "0px 70px"); | 337 testGridColumnsValues("gridMaxContentAndMinContentUnsorted", "0px 70px"); |
338 testGridColumnsValues("gridFixedMinContentAndMaxContentUnsorted", "10px 70px"
); | 338 testGridColumnsValues("gridFixedMinContentAndMaxContentUnsorted", "10px 70px"
); |
339 testGridColumnsValues("gridFixedMaxContentAndMinContentUnsorted", "50px 40px"
); | 339 testGridColumnsValues("gridFixedMaxContentAndMinContentUnsorted", "50px 40px"
); |
340 testGridColumnsValues("gridMinContentAndMaxContentFixedUnsorted", "0px 90px")
; | 340 testGridColumnsValues("gridMinContentAndMaxContentFixedUnsorted", "0px 90px")
; |
341 testGridColumnsValues("gridMaxContentFixedAndAutoUnsorted", "15px 70px"); | 341 testGridColumnsValues("gridMaxContentFixedAndAutoUnsorted", "15px 70px"); |
342 testGridColumnsValues("gridAutoMinContentUnsorted", "50px 60px"); | 342 testGridColumnsValues("gridAutoMinContentUnsorted", "50px 60px"); |
343 testGridColumnsValues("gridAutoMaxContentUnsorted", "0px 90px"); | 343 testGridColumnsValues("gridAutoMaxContentUnsorted", "0px 90px"); |
344 testGridColumnsValues("gridMaxContentAndMinContentFixedUnsorted", "50px 40px"
); | 344 testGridColumnsValues("gridMaxContentAndMinContentFixedUnsorted", "50px 40px"
); |
345 testGridColumnsValues("gridMaxContentAndMaxContentFixedUnsorted", "40px 70px"
); | 345 testGridColumnsValues("gridMaxContentAndMaxContentFixedUnsorted", "40px 70px"
); |
346 | 346 |
347 debug(""); | 347 debug(""); |
348 debug("Check that only a subset of tracks grow above track limits."); | 348 debug("Check that only a subset of tracks grow above track limits."); |
349 testGridColumnsValues("gridMinContentFixedAndAutoAboveLimits", "15px 95px"); | 349 testGridColumnsValues("gridMinContentFixedAndAutoAboveLimits", "15px 95px"); |
350 testGridColumnsValues("gridMaxContentFixedAndAutoAboveLimits", "65px 85px"); | 350 testGridColumnsValues("gridMaxContentFixedAndAutoAboveLimits", "65px 85px"); |
351 testGridColumnsValues("gridMinContentFixedAndFixedFixedAndAuto", "20px 20px 6
0px"); | 351 testGridColumnsValues("gridMinContentFixedAndFixedFixedAndAuto", "20px 20px 6
0px"); |
352 testGridColumnsValues("gridAutoAndFixedFixedAndMaxContentFixed", "70px 20px 6
0px"); | 352 testGridColumnsValues("gridAutoAndFixedFixedAndMaxContentFixed", "70px 20px 6
0px"); |
353 </script> | 353 </script> |
354 </body> | 354 </body> |
355 </html> | 355 </html> |
OLD | NEW |