minmax-number-computed.html (1531B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-values-4/#comp-func"> 3 <link rel="help" href="https://drafts.csswg.org/css-values-4/#numbers"> 4 <link rel="help" href="https://drafts.csswg.org/css-values-4/#calc-type-checking"> 5 <link rel="author" title="Xiaocheng Hu" href="mailto:xiaochengh@chromium.org"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <script src="../support/numeric-testcommon.js"></script> 9 <div id="target"></div> 10 <script> 11 // Identity tests 12 test_math_used('min(1)', '1', {type:'number'}); 13 test_math_used('max(1)', '1', {type:'number'}); 14 15 // Nestings 16 test_math_used('min(0.2, max(0.1, 0.15))', '0.15', {type:'number'}); 17 test_math_used('max(0.1, min(0.2, 0.15))', '0.15', {type:'number'}); 18 19 // General calculations 20 test_math_used('calc(min(0.1, 0.2) + 0.05)', '0.15', {type:'number'}); 21 test_math_used('calc(min(0.1, 0.2) - 0.05)', '0.05', {type:'number'}); 22 test_math_used('calc(min(0.1, 0.2) * 2)', '0.2', {type:'number'}); 23 test_math_used('calc(min(0.1, 0.2) / 2)', '0.05', {type:'number'}); 24 test_math_used('calc(max(0.1, 0.2) + 0.05)', '0.25', {type:'number'}); 25 test_math_used('calc(max(0.1, 0.2) - 0.05)', '0.15', {type:'number'}); 26 test_math_used('calc(max(0.1, 0.2) * 2)', '0.4', {type:'number'}); 27 test_math_used('calc(max(0.1, 0.2) / 2)', '0.1', {type:'number'}); 28 test_math_used('calc(min(0.1, 0.2) + max(0.1, 0.05))', '0.2', {type:'number'}); 29 test_math_used('calc(min(0.1, 0.2) - max(0.1, 0.05))', '0', {type:'number'}); 30 </script>