KitesurfExperimental
Read announcement

grid-template-columns-computed-withcontent.html

PASSExpected30 of 30 subtests pass638 ms

Run in Kitesurf (opens in a new tab)Source  (opens in a new tab)

Details

Test
/css/css-grid/parsing/grid-template-columns-computed-withcontent.html
Harness
OK

Subtests

StatusSubtestMessage
PASSProperty grid-template-columns value 'none'
PASSProperty grid-template-columns value '20%'
PASSProperty grid-template-columns value 'calc(-0.5em + 10px)'
PASSProperty grid-template-columns value 'calc(0.5em + 10px)'
PASSProperty grid-template-columns value 'calc(30% + 40px)'
PASSProperty grid-template-columns value '5fr'
PASSProperty grid-template-columns value 'min-content'
PASSProperty grid-template-columns value 'max-content'
PASSProperty grid-template-columns value 'auto'
PASSProperty grid-template-columns value 'minmax(10px, auto)'
PASSProperty grid-template-columns value 'minmax(20%, max-content)'
PASSProperty grid-template-columns value 'minmax(min-content, calc(-0.5em + 10px))'
PASSProperty grid-template-columns value 'minmax(auto, 0)'
PASSProperty grid-template-columns value 'fit-content(70px)'
PASSProperty grid-template-columns value 'fit-content(20%)'
PASSProperty grid-template-columns value 'fit-content(calc(-0.5em + 10px))'
PASSProperty grid-template-columns value 'repeat(1, 10px)'
PASSProperty grid-template-columns value 'repeat(1, [one two] 20%)'
PASSProperty grid-template-columns value 'repeat(2, minmax(10px, auto))'
PASSProperty grid-template-columns value 'repeat(2, fit-content(20%) [three four] 30px 40px [five six])'
PASSProperty grid-template-columns value 'min-content repeat(5, minmax(10px, auto))'
PASSProperty grid-template-columns value '[] 150px [] 1fr []'
PASSProperty grid-template-columns value 'repeat(auto-fill, 200px)'
PASSProperty grid-template-columns value 'repeat(auto-fit, [one] 20%)'
PASSProperty grid-template-columns value 'repeat(auto-fill, minmax(100px, 5fr) [two])'
PASSProperty grid-template-columns value 'repeat(auto-fit, [three] minmax(max-content, 6em) [four])'
PASSProperty grid-template-columns value '[a] 21px [b] repeat(auto-fill, [c] 22px [d] 23px [e]) [f] 24px [g]'
PASSProperty 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]'
PASSProperty 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]'
PASSProperty 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]'