calc-infinity-nan-serialize-length.html (3745B)
1 <!DOCTYPE HTML> 2 <title>Infinity and NaN: calc() serialization for length 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="width"}={}) { 12 test_specified_serialization(prop, t, s) 13 } 14 //TEST CASE | EXPECTED 15 var test_map = { 16 "1px * NaN" :"calc(NaN * 1px)", 17 "1% * NaN" :"calc(NaN * 1%)", 18 "1in * NaN" :"calc(NaN * 1px)", 19 "1cm * NaN" :"calc(NaN * 1px)", 20 "1mm * NaN" :"calc(NaN * 1px)", 21 "1q * NaN" :"calc(NaN * 1px)", 22 "1pt * NaN" :"calc(NaN * 1px)", 23 "1pc * NaN" :"calc(NaN * 1px)", 24 "1px * nan" :"calc(NaN * 1px)", 25 "1px * infinity / infinity" :"calc(NaN * 1px)", 26 "1px * 0 * infinity" :"calc(NaN * 1px)", 27 "1px * (infinity + -infinity)" :"calc(NaN * 1px)", 28 "1px * (-infinity + infinity)" :"calc(NaN * 1px)", 29 "1px * (infinity - infinity)" :"calc(NaN * 1px)", 30 "1px * infinity" :"calc(infinity * 1px)", 31 "1px * -infinity" :"calc(-infinity * 1px)", 32 "1% * infinity" :"calc(infinity * 1%)", 33 "1% * -infinity" :"calc(-infinity * 1%)", 34 "1px * iNFinIty" :"calc(infinity * 1px)", 35 "1px * (infinity + infinity)" :"calc(infinity * 1px)", 36 "1px * (-infinity + -infinity)" :"calc(-infinity * 1px)", 37 "1px * 1/infinity" :"calc(0px)", 38 "1px * infinity * infinity" :"calc(infinity * 1px)", 39 "1px * -infinity * -infinity" :"calc(infinity * 1px)", 40 "1 * max(INFinity*3px, 0px)" :"calc(infinity * 1px)", 41 "1 * min(inFInity*4px, 0px)" :"calc(0px)", 42 "1 * max(nAn*2px, 0px)" :"calc(NaN * 1px)", 43 "1 * min(nan*3px, 0px)" :"calc(NaN * 1px)", 44 "1 * clamp(-INFINITY*20px, 0px, infiniTY*10px)" :"calc(0px)", 45 46 "1px * max(NaN, min(0,10))" :"calc(NaN * 1px)", 47 "1px * clamp(NaN, 0, 10)" :"calc(NaN * 1px)", 48 49 "1px * max(0, min(10, NaN))" :"calc(NaN * 1px)", 50 "1px * clamp(0, 10, NaN)" :"calc(NaN * 1px)", 51 52 "1px * max(0, min(NaN, 10))" :"calc(NaN * 1px)", 53 "1px * clamp(0, NaN, 10)" :"calc(NaN * 1px)", 54 55 "1px * clamp(-Infinity, 0, infinity)" :"calc(0px)", 56 "1px * clamp(-inFinity, infinity, 10)" :"calc(10px)", 57 58 "1 * min(NaN * 1pt, NaN * 1cm)" :"calc(NaN * 1px)", 59 "1 * max(NaN * 1cm, NaN * 2Q)" :"calc(NaN * 1px)", 60 "1 * min(NaN * 2px, NaN * 4em)" :"calc(NaN * 1px)", 61 "1 * clamp(NaN * 2em, NaN * 4px, NaN * 8pt)" :"clamp(NaN * 1em, NaN * 1px, NaN * 1px)", 62 }; 63 64 for (var exp in test_map) { 65 test_serialization("calc("+exp+")", test_map[exp]); 66 } 67 </script>