calc-infinity-nan-serialize-number.html (2705B)
1 <!DOCTYPE HTML> 2 <title>Infinity and NaN: calc() serialization for number values.</title> 3 <link rel="help" href="https://drafts.csswg.org/css-values/#calc-type-checking"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="../support/serialize-testcommon.js"></script> 7 <div id="target"></div> 8 <div id="log"></div> 9 <script> 10 function test_serialization(t,s, {prop="opacity"}={}) { 11 test_specified_serialization(prop, t, s) 12 } 13 //TEST CASE | EXPECTED 14 var test_map = { 15 "NaN" :"calc(NaN)", 16 "infinity" :"calc(infinity)", 17 "-infinity" :"calc(-infinity)", 18 "1 * NaN" :"calc(NaN)", 19 "1 * nan" :"calc(NaN)", 20 "1 * infinity / infinity" :"calc(NaN)", 21 "1 * 0 * infinity" :"calc(NaN)", 22 "1 * (infinity + -infinity)" :"calc(NaN)", 23 "1 * (-infinity + infinity)" :"calc(NaN)", 24 "1 * (infinity - infinity)" :"calc(NaN)", 25 "1 * infinity" :"calc(infinity)", 26 "1 * -infinity" :"calc(-infinity)", 27 "1 * iNFinIty" :"calc(infinity)", 28 "1 * (infinity + infinity)" :"calc(infinity)", 29 "1 * (-infinity + -infinity)" :"calc(-infinity)", 30 "1 * 1/infinity" :"calc(0)", 31 "1 * infinity * infinity" :"calc(infinity)", 32 "1 * -infinity * -infinity" :"calc(infinity)", 33 "1 * max(INFinity*3, 0)" :"calc(infinity)", 34 "1 * min(inFInity*4, 0)" :"calc(0)", 35 "1 * max(nAn*2, 0)" :"calc(NaN)", 36 "1 * min(nan*3, 0)" :"calc(NaN)", 37 "1 * clamp(-INFINITY*20, 0, infiniTY*10)" :"calc(0)", 38 39 "1 * max(NaN, min(0,10))" :"calc(NaN)", 40 "1 * clamp(NaN, 0, 10)" :"calc(NaN)", 41 42 "1 * max(0, min(10, NaN))" :"calc(NaN)", 43 "1 * clamp(0, 10, NaN)" :"calc(NaN)", 44 45 "1 * max(0, min(NaN, 10))" :"calc(NaN)", 46 "1 * clamp(0, NaN, 10)" :"calc(NaN)", 47 48 "1 * clamp(-Infinity, 0, infinity)" :"calc(0)", 49 "1 * clamp(-inFinity, infinity, 10)" :"calc(10)", 50 }; 51 52 for (var exp in test_map) { 53 test_serialization("calc("+exp+")", test_map[exp]); 54 } 55 </script>