minmax-angle-computed.html (2530B)
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/#angles"> 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 <div id="reference"></div> 11 <script> 12 function test_angle_equals(value, expected) { 13 test_math_used(value, expected, {type: "angle"}); 14 } 15 16 // Identity tests 17 test_angle_equals('min(1deg)', '1deg'); 18 test_angle_equals('min(1grad)', '1grad'); 19 test_angle_equals('min(1rad)', '1rad'); 20 test_angle_equals('min(1turn)', '1turn'); 21 test_angle_equals('max(1deg)', '1deg'); 22 test_angle_equals('max(1grad)', '1grad'); 23 test_angle_equals('max(1rad)', '1rad'); 24 test_angle_equals('max(1turn)', '1turn'); 25 26 // Comparisons between same units 27 test_angle_equals('min(1deg, 2deg)', '1deg'); 28 test_angle_equals('min(1grad, 2grad)', '1grad'); 29 test_angle_equals('min(1rad, 2rad)', '1rad'); 30 test_angle_equals('min(1turn, 2turn)', '1turn'); 31 test_angle_equals('max(1deg, 2deg)', '2deg'); 32 test_angle_equals('max(1grad, 2grad)', '2grad'); 33 test_angle_equals('max(1rad, 2rad)', '2rad'); 34 test_angle_equals('max(1turn, 2turn)', '2turn'); 35 36 // Comparisons between different units 37 test_angle_equals('min(90deg, 0.26turn)', '90deg'); 38 test_angle_equals('min(1.57rad, 95deg)', '1.57rad'); 39 test_angle_equals('max(91deg, 0.25turn)', '91deg'); 40 test_angle_equals('max(1.58rad, 90deg)', '1.58rad'); 41 42 // Nestings 43 test_angle_equals('min(270deg, max(0.25turn, 3.14rad))', '3.14rad'); 44 test_angle_equals('max(0.25turn, min(270deg, 3.14rad))', '3.14rad'); 45 46 // General calculations 47 test_angle_equals('calc(min(90deg, 1.58rad) + 0.125turn)', '135deg'); 48 test_angle_equals('calc(min(90deg, 1.58rad) - 0.125turn)', '45deg'); 49 test_angle_equals('calc(min(90deg, 1.58rad) * 1.5', '135deg'); 50 test_angle_equals('calc(min(90deg, 1.58rad) / 2', '45deg'); 51 test_angle_equals('calc(max(90deg, 1.56rad) + 0.125turn', '135deg'); 52 test_angle_equals('calc(max(90deg, 1.56rad) - 0.125turn)', '45deg'); 53 test_angle_equals('calc(max(90deg, 1.56rad) * 1.5', '135deg'); 54 test_angle_equals('calc(max(90deg, 1.56rad) / 2', '45deg'); 55 test_angle_equals('calc(min(90deg, 1.58rad) + max(0.125turn, 49grad))', '135deg'); 56 test_angle_equals('calc(min(90deg, 1.58rad) - max(0.25turn, 99grad))', '0deg'); 57 </script>