KitesurfExperimental
Read announcement

minmax-length-percent-serialize.html

PASSExpected57 of 57 subtests pass2,090 ms

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

Details

Test
/css/css-values/minmax-length-percent-serialize.html
Harness
OK

Subtests

StatusSubtestMessage
PASS'min(1px)' as a specified value should serialize as 'calc(1px)'.
PASS'min(1px)' as a computed value should serialize as '1px'.
PASS'min(1px)' as a used value should serialize as '1px'.
PASS'max(1px)' as a specified value should serialize as 'calc(1px)'.
PASS'max(1px)' as a computed value should serialize as '1px'.
PASS'max(1px)' as a used value should serialize as '1px'.
PASS'min(1% + 1px)' as a specified value should serialize as 'calc(1% + 1px)'.
PASS'min(1% + 1px)' as a computed value should serialize as 'calc(1% + 1px)'.
PASS'min(1% + 1px)' as a used value should serialize as '2px'.
PASS'min(1px + 1%)' as a specified value should serialize as 'calc(1% + 1px)'.
PASS'min(1px + 1%)' as a computed value should serialize as 'calc(1% + 1px)'.
PASS'min(1px + 1%)' as a used value should serialize as '2px'.
PASS'max(1px + 1%)' as a specified value should serialize as 'calc(1% + 1px)'.
PASS'max(1px + 1%)' as a computed value should serialize as 'calc(1% + 1px)'.
PASS'max(1px + 1%)' as a used value should serialize as '2px'.
PASS'min(1px, 2px)' as a specified value should serialize as 'calc(1px)'.
PASS'min(1px, 2px)' as a computed value should serialize as '1px'.
PASS'min(1px, 2px)' as a used value should serialize as '1px'.
PASS'min(20px, 10%)' as a specified value should serialize as 'min(20px, 10%)'.
PASS'min(20px, 10%)' as a computed value should serialize as 'min(20px, 10%)'.
PASS'min(20px, 10%)' as a used value should serialize as '10px'.
PASS'min(1em, 10%)' as a specified value should serialize as 'min(1em, 10%)'.
PASS'min(1em, 10%)' as a computed value should serialize as 'min(16px, 10%)'.
PASS'min(1em, 10%)' as a used value should serialize as '10px'.
PASS'min(10%, 20px)' as a specified value should serialize as 'min(10%, 20px)'.
PASS'min(10%, 20px)' as a computed value should serialize as 'min(10%, 20px)'.
PASS'min(10%, 20px)' as a used value should serialize as '10px'.
PASS'min(10%, 1em)' as a specified value should serialize as 'min(10%, 1em)'.
PASS'min(10%, 1em)' as a computed value should serialize as 'min(10%, 16px)'.
PASS'min(10%, 1em)' as a used value should serialize as '10px'.
PASS'max(20px, 10%)' as a specified value should serialize as 'max(20px, 10%)'.
PASS'max(20px, 10%)' as a computed value should serialize as 'max(20px, 10%)'.
PASS'max(20px, 10%)' as a used value should serialize as '20px'.
PASS'max(1em, 10%)' as a specified value should serialize as 'max(1em, 10%)'.
PASS'max(1em, 10%)' as a computed value should serialize as 'max(16px, 10%)'.
PASS'max(1em, 10%)' as a used value should serialize as '16px'.
PASS'max(10%, 20px)' as a specified value should serialize as 'max(10%, 20px)'.
PASS'max(10%, 20px)' as a computed value should serialize as 'max(10%, 20px)'.
PASS'max(10%, 20px)' as a used value should serialize as '20px'.
PASS'max(10%, 1em)' as a specified value should serialize as 'max(10%, 1em)'.
PASS'max(10%, 1em)' as a computed value should serialize as 'max(10%, 16px)'.
PASS'max(10%, 1em)' as a used value should serialize as '16px'.
PASS'min(10% + 30px, 5em + 5%)' as a specified value should serialize as 'min(10% + 30px, 5% + 5em)'.
PASS'min(10% + 30px, 5em + 5%)' as a computed value should serialize as 'min(10% + 30px, 5% + 80px)'.
PASS'min(10% + 30px, 5em + 5%)' as a used value should serialize as '40px'.
PASS'max(10% + 30px, 5em + 5%)' as a specified value should serialize as 'max(10% + 30px, 5% + 5em)'.
PASS'max(10% + 30px, 5em + 5%)' as a computed value should serialize as 'max(10% + 30px, 5% + 80px)'.
PASS'max(10% + 30px, 5em + 5%)' as a used value should serialize as '85px'.
PASS'calc(min(10% + 1px) + max(1em + 10%) + min(10% + 20px))' as a specified value should serialize as 'calc(30% + 1em + 21px)'.
PASS'calc(min(10% + 1px) + max(1em + 10%) + min(10% + 20px))' as a computed value should serialize as 'calc(30% + 37px)'.
PASS'calc(min(10% + 1px) + max(1em + 10%) + min(10% + 20px))' as a used value should serialize as '67px'.
PASS'calc(1em + max(10% + 20px) + 5% + min(1em + 10%) + 10px)' as a specified value should serialize as 'calc(25% + 2em + 30px)'.
PASS'calc(1em + max(10% + 20px) + 5% + min(1em + 10%) + 10px)' as a computed value should serialize as 'calc(25% + 62px)'.
PASS'calc(1em + max(10% + 20px) + 5% + min(1em + 10%) + 10px)' as a used value should serialize as '87px'.
PASS'max((min(10%, 30px) + 10px) * 2 + 10px, 5em + 5%)' as a specified value should serialize as 'max(10px + (2 * (10px + min(10%, 30px))), 5% + 5em)'.
PASS'max((min(10%, 30px) + 10px) * 2 + 10px, 5em + 5%)' as a computed value should serialize as 'max(10px + (2 * (10px + min(10%, 30px))), 5% + 80px)'.
PASS'max((min(10%, 30px) + 10px) * 2 + 10px, 5em + 5%)' as a used value should serialize as '85px'.