<!DOCTYPE html> <link rel="help" href="https://drafts.csswg.org/css-values-4/#comp-func"> <link rel="help" href="https://drafts.csswg.org/css-values-4/#numbers"> <link rel="help" href="https://drafts.csswg.org/css-values-4/#calc-serialize"> <link rel="author" title="Xiaocheng Hu" href="mailto:xiaochengh@chromium.org"> <link rel="author" title="Apple Inc"> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="../support/serialize-testcommon.js"></script> <div id=target></div> <script> function test_serialization(t,s,c) { test_specified_serialization('opacity', t, s); test_specified_serialization('transform', `scale(${t})`, `scale(calc(${c}))`); test_computed_serialization('opacity', t, c); test_computed_serialization('transform', `scale(${t})`, `matrix(${c}, 0, 0, ${c}, 0, 0)`); } test_serialization( 'round(1.1,1)', 'calc(1)', '1'); test_serialization( 'mod(1,1)', 'calc(0)', '0'); test_serialization( 'rem(1,1)', 'calc(0)', '0'); test_serialization( 'calc(round(1,0))', 'calc(NaN)', 'NaN'); test_serialization( 'calc(mod(1,0))', 'calc(NaN)', 'NaN'); test_serialization( 'calc(rem(1,0))', 'calc(NaN)', 'NaN'); </script>