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