servo/tests/wpt/web-platform-tests/css/css-values/minmax-length-serialize.html

65 lines
3 KiB
HTML

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-values-4/#comp-func">
<link rel="help" href="https://drafts.csswg.org/css-values-4/#lengths">
<link rel="help" href="https://drafts.csswg.org/css-values-4/#calc-serialize">
<link rel="author" title="Xiaocheng Hu" href="mailto:xiaochengh@chromium.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/parsing-testcommon.js"></script>
<script>
const property = 'letter-spacing';
function test_valid_length(value, expected) {
test_valid_value(property, value, expected);
}
test_valid_length('min(1px)', 'min(1px)');
test_valid_length('min(1cm)', 'min(1cm)');
test_valid_length('min(1mm)', 'min(1mm)');
// Values are case-insensitive and serialize as lower case, for example 1Q
// serializes as 1q.
test_valid_length('min(1Q)', 'min(1q)');
test_valid_length('min(1in)', 'min(1in)');
test_valid_length('min(1pc)', 'min(1pc)');
test_valid_length('min(1pt)', 'min(1pt)');
test_valid_length('min(1em)', 'min(1em)');
test_valid_length('min(1ex)', 'min(1ex)');
test_valid_length('min(1ch)', 'min(1ch)');
test_valid_length('min(1rem)', 'min(1rem)');
test_valid_length('min(1vh)', 'min(1vh)');
test_valid_length('min(1vw)', 'min(1vw)');
test_valid_length('min(1vmin)', 'min(1vmin)');
test_valid_length('min(1vmax)', 'min(1vmax)');
test_valid_length('max(1px)', 'max(1px)');
test_valid_length('max(1cm)', 'max(1cm)');
test_valid_length('max(1mm)', 'max(1mm)');
test_valid_length('max(1Q)', 'max(1q)');
test_valid_length('max(1in)', 'max(1in)');
test_valid_length('max(1pc)', 'max(1pc)');
test_valid_length('max(1pt)', 'max(1pt)');
test_valid_length('max(1em)', 'max(1em)');
test_valid_length('max(1ex)', 'max(1ex)');
test_valid_length('max(1ch)', 'max(1ch)');
test_valid_length('max(1rem)', 'max(1rem)');
test_valid_length('max(1vh)', 'max(1vh)');
test_valid_length('max(1vw)', 'max(1vw)');
test_valid_length('max(1vmin)', 'max(1vmin)');
test_valid_length('max(1vmax)', 'max(1vmax)');
test_valid_length('min(10px, 20px, 30px)', 'min(10px, 20px, 30px)');
test_valid_length('min(30px, 20px, 10px)', 'min(30px, 20px, 10px)');
test_valid_length('min(20px, 1em, 10vw)', 'min(20px, 1em, 10vw)');
test_valid_length('min(10vw, 1em, 20px)', 'min(10vw, 1em, 20px)');
test_valid_length('max(10px, 20px, 30px)', 'max(10px, 20px, 30px)');
test_valid_length('max(30px, 20px, 10px)', 'max(30px, 20px, 10px)');
test_valid_length('max(20px, 1em, 10vw)', 'max(20px, 1em, 10vw)');
test_valid_length('max(10vw, 1em, 20px)', 'max(10vw, 1em, 20px)');
test_valid_length('calc(min(10px) + max(1em) + min(10vw))', 'calc(min(10px) + max(1em) + min(10vw))');
test_valid_length('calc(max(1em) + min(10vw) + max(10px))', 'calc(max(1em) + min(10vw) + max(10px))');
test_valid_length('calc(10px + min(1em))', 'calc(10px + min(1em))');
test_valid_length('calc(min(1em) + 10px)', 'calc(10px + min(1em))');
test_valid_length('calc(10px + max(1em))', 'calc(10px + max(1em))');
test_valid_length('calc(max(1em) + 10px)', 'calc(10px + max(1em))');
</script>