/css/css-grid/parsing/grid-template-columns-computed-withcontent.html| status | subtest | message |
|---|---|---|
| FAIL | Property grid-template-columns value 'none' | assert_equals: expected "300px" but got "none" |
| FAIL | Property grid-template-columns value '20%' | assert_equals: expected "60px" but got "20%" |
| PASS | Property grid-template-columns value 'calc(-0.5em + 10px)' | |
| PASS | Property grid-template-columns value 'calc(0.5em + 10px)' | |
| FAIL | Property grid-template-columns value 'calc(30% + 40px)' | assert_equals: expected "130px" but got "calc(30% + 40px)" |
| FAIL | Property grid-template-columns value '5fr' | assert_equals: expected "300px" but got "5fr" |
| FAIL | Property grid-template-columns value 'min-content' | assert_equals: expected "30px" but got "min-content" |
| FAIL | Property grid-template-columns value 'max-content' | assert_equals: expected "30px" but got "max-content" |
| FAIL | Property grid-template-columns value 'auto' | assert_equals: expected "300px" but got "auto" |
| FAIL | Property grid-template-columns value 'minmax(10px, auto)' | assert_equals: expected "300px" but got "minmax(10px, auto)" |
| FAIL | Property grid-template-columns value 'minmax(20%, max-content)' | assert_equals: expected "60px" but got "minmax(20%, max-content)" |
| FAIL | Property grid-template-columns value 'minmax(min-content, calc(-0.5em + 10px))' | assert_equals: expected "30px" but got "minmax(min-content, 0px)" |
| FAIL | Property grid-template-columns value 'minmax(auto, 0)' | assert_equals: expected "30px" but got "minmax(auto, 0px)" |
| FAIL | Property grid-template-columns value 'fit-content(70px)' | assert_equals: expected "30px" but got "fit-content(70px)" |
| FAIL | Property grid-template-columns value 'fit-content(20%)' | assert_equals: expected "30px" but got "fit-content(20%)" |
| FAIL | Property grid-template-columns value 'fit-content(calc(-0.5em + 10px))' | assert_equals: expected "30px" but got "fit-content(0px)" |
| FAIL | Property grid-template-columns value 'repeat(1, 10px)' | assert_equals: expected "10px" but got "repeat(1, 10px)" |
| FAIL | Property grid-template-columns value 'repeat(1, [one two] 20%)' | assert_equals: expected "[one two] 60px" but got "repeat(1, [one two] 20%)" |
| FAIL | Property grid-template-columns value 'repeat(2, minmax(10px, auto))' | assert_equals: expected "160px 140px" but got "repeat(2, minmax(10px, auto))" |
| FAIL | Property grid-template-columns value 'repeat(2, fit-content(20%) [three four] 30px 40px [five six])' | assert_equals: expected "30px [three four] 30px 40px [five six] 0px [three four] 30px 40px [five six]" but got "repeat(2, fit-content(20%) [three four] 30px 40px [five six])" |
| FAIL | Property grid-template-columns value 'min-content repeat(5, minmax(10px, auto))' | assert_equals: expected "30px 54px 54px 54px 54px 54px" but got "min-content repeat(5, minmax(10px, auto))" |
| FAIL | Property grid-template-columns value '[] 150px [] 1fr []' | assert_equals: expected "150px 150px" but got "150px 1fr" |
| FAIL | Property grid-template-columns value 'repeat(auto-fill, 200px)' | assert_equals: expected "200px" but got "repeat(auto-fill, 200px)" |
| FAIL | Property grid-template-columns value 'repeat(auto-fit, [one] 20%)' | assert_equals: expected "[one] 60px [one] 0px [one] 0px [one] 0px [one] 0px" but got "repeat(auto-fit, [one] 20%)" |
| FAIL | Property grid-template-columns value 'repeat(auto-fill, minmax(100px, 5fr) [two])' | assert_equals: expected "100px [two] 100px [two] 100px [two]" but got "repeat(auto-fill, minmax(100px, 5fr) [two])" |
| FAIL | Property grid-template-columns value 'repeat(auto-fit, [three] minmax(max-content, 6em) [four])' | assert_equals: expected "[three] 240px [four]" but got "repeat(auto-fit, [three] minmax(max-content, 240px) [four])" |
| FAIL | Property grid-template-columns value '[a] 21px [b] repeat(auto-fill, [c] 22px [d] 23px [e]) [f] 24px [g]' | assert_equals: expected "[a] 21px [b c] 22px [d] 23px [e c] 22px [d] 23px [e c] 22px [d] 23px [e c] 22px [d] 23px [e c] 22px [d] 23px [e f] 24px [g]" but got "[a] 21px [b] repeat(auto-fill, [c] 22px [… |
| FAIL | Property grid-template-columns value '[a] 21px [b c] repeat(auto-fill, [d e] 22px [f g h] 23px [i j k l]) [m n] 24px [o]' | assert_equals: expected "[a] 21px [b c d e] 22px [f g h] 23px [i j k l d e] 22px [f g h] 23px [i j k l d e] 22px [f g h] 23px [i j k l d e] 22px [f g h] 23px [i j k l d e] 22px [f g h] 23px [i j k l m… |
| FAIL | Property grid-template-columns value '[a] repeat(2, [b] 20px [c d] 21px [e f g]) [h i] repeat(auto-fit, [j] 22px [k l m] 23px [n o p q]) [r s]' | assert_equals: expected "[a b] 20px [c d] 21px [e f g b] 20px [c d] 21px [e f g h i j] 0px [k l m] 0px [n o p q j] 0px [k l m] 0px [n o p q j] 0px [k l m] 0px [n o p q j] 0px [k l m] 0px [n o p q r s]… |
| FAIL | Property grid-template-columns value '[one] repeat(2, minmax(50px, auto)) [two] 30px [three] repeat(auto-fill, 10px) 40px [four five] repeat(2, minmax(200px, auto)) [six]' | assert_equals: expected "[one] 50px 50px [two] 30px [three] 10px 40px [four five] 200px 200px [six]" but got "[one] repeat(2, minmax(50px, auto)) [two] 30px [three] repeat(auto-fill, 10px) 40px [four … |
bundle built 2026-07-16T07:16:48.063Z