calc-complex-unresolved-serialize.html (1273B)
1 <!DOCTYPE html> 2 <title>CSS Values and Units Test: Serialization of non-simplified calc() expressions</title> 3 <link rel="help" href="https://drafts.csswg.org/css-values-4/#calc-simplification"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="../support/serialize-testcommon.js"></script> 7 <style> 8 #target { font-size: 20px; } 9 </style> 10 <div> 11 <div id="target"></div> 12 </div> 13 <script> 14 function test_serialization(value, specified, computed) { 15 test_specified_serialization("orphans", value, specified); 16 test_computed_serialization("orphans", value, computed); 17 } 18 19 test_serialization("calc(pow(2, sign(1em - 18px)))", "calc(pow(2, sign(1em - 18px)))", "2"); 20 test_serialization("calc(pow(sign(1em - 18px), 2))", "calc(pow(sign(1em - 18px), 2))", "1"); 21 test_serialization("calc(pow(sign(1em - 18px), sign(1em - 18px)))", "calc(pow(sign(1em - 18px), sign(1em - 18px)))", "1"); 22 23 test_serialization("calc(pow(2, sibling-index())", "calc(pow(2, sibling-index()))", "2"); 24 test_serialization("calc(pow(sibling-index(), 2)", "calc(pow(sibling-index(), 2))", "1"); 25 test_serialization("calc(pow(sibling-index(), sibling-index())", "calc(pow(sibling-index(), sibling-index()))", "1"); 26 </script>