| 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", "10px 40px"
); | 336 testGridColumnsValues("gridMinContentAndMinContentFixedUnsorted", "10px 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", "10px 90px"
); | 340 testGridColumnsValues("gridMinContentAndMaxContentFixedUnsorted", "10px 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", "40px 90px"); |
| 344 testGridColumnsValues("gridMaxContentAndMinContentFixedUnsorted", "55px 40px"
); | 344 testGridColumnsValues("gridMaxContentAndMinContentFixedUnsorted", "55px 40px"
); |
| 345 testGridColumnsValues("gridMaxContentAndMaxContentFixedUnsorted", "75px 70px"
); | 345 testGridColumnsValues("gridMaxContentAndMaxContentFixedUnsorted", "75px 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", "40px 20px 9
0px"); | 352 testGridColumnsValues("gridAutoAndFixedFixedAndMaxContentFixed", "40px 20px 9
0px"); |
| 353 </script> | 353 </script> |
| 354 </body> | 354 </body> |
| 355 </html> | 355 </html> |
| OLD | NEW |