<!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/#percentages">
<link rel="help" href="https://drafts.csswg.org/css-values-4/#calc-type-checking">
<link rel="author" title="Xiaocheng Hu" href="mailto:xiaochengh@chromium.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/numeric-testcommon.js"></script>
<div id="container" style="width: 400px">
  <div id="target"></div>
</div>
<script>

// Identity tests
test_math_used('min(1%)', '1%');
test_math_used('max(1%)', '1%');

// Nestings
test_math_used('min(20%, max(10%, 15%))', '15%');
test_math_used('max(10%, min(20%, 15%))', '15%');

// General calculations
test_math_used('calc(min(10%, 20%) + 5%)', '15%');
test_math_used('calc(min(10%, 20%) - 5%)', '5%');
test_math_used('calc(min(10%, 20%) * 2)', '20%');
test_math_used('calc(min(10%, 20%) / 2)', '5%');
test_math_used('calc(max(10%, 20%) + 5%)', '25%');
test_math_used('calc(max(10%, 20%) - 5%)', '15%');
test_math_used('calc(max(10%, 20%) * 2)', '40%');
test_math_used('calc(max(10%, 20%) / 2)', '10%');
test_math_used('calc(min(10%, 20%) + max(10%, 5%))', '20%');
test_math_used('calc(min(10%, 20%) - max(10%, 5%))', '0%');
</script>