minmax-time-computed.html (1966B)
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/#time"> 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 function test_time_equals(t,e) { 12 test_math_used(t, e, {type:"time"}); 13 } 14 15 // Identity tests 16 test_time_equals('min(1s)', '1s'); 17 test_time_equals('min(1ms)', '1ms'); 18 test_time_equals('max(1s)', '1s'); 19 test_time_equals('max(1ms)', '1ms'); 20 21 // Comparisons between same units 22 test_time_equals('min(1s, 2s)', '1s'); 23 test_time_equals('min(1ms, 2ms)', '1ms'); 24 test_time_equals('max(1s, 2s)', '2s'); 25 test_time_equals('max(1ms, 2ms)', '2ms'); 26 27 // Comparisons between different units 28 test_time_equals('min(1s, 1100ms)', '1s'); 29 test_time_equals('max(0.9s, 1000ms)', '1000ms'); 30 31 // Nestings 32 test_time_equals('min(2s, max(1s, 1500ms))', '1500ms'); 33 test_time_equals('max(1000ms, min(2000ms, 1.5s))', '1.5s'); 34 35 // General calculations 36 test_time_equals('calc(min(0.5s, 600ms) + 500ms)', '1s'); 37 test_time_equals('calc(min(0.6s, 700ms) - 500ms)', '0.1s'); 38 test_time_equals('calc(min(0.5s, 600ms) * 2)', '1s'); 39 test_time_equals('calc(min(0.5s, 600ms) / 2)', '0.25s'); 40 test_time_equals('calc(max(0.5s, 400ms) + 500ms)', '1s'); 41 test_time_equals('calc(max(0.5s, 400ms) - 400ms)', '0.1s'); 42 test_time_equals('calc(max(0.5s, 400ms) * 2)', '1s'); 43 test_time_equals('calc(max(0.5s, 400ms) / 2)', '0.25s'); 44 test_time_equals('calc(min(0.5s, 600ms) + max(500ms, 0.4s))', '1s'); 45 test_time_equals('calc(min(0.6s, 700ms) - max(500ms, 0.4s))', '0.1s'); 46 test_time_equals('min(1s + 100ms, 500ms * 3)', '1.1s'); 47 test_time_equals('calc(min(1s, 2s) + max(3s, 4s) + 10s)', '15s'); 48 </script>