<!DOCTYPE html>
<html>
<style>
* {
    transition-timing-function: cubic-bezier(0, 0, calc(0.5), calc(1.0));
}
</style>
</head>
<body>
    <p>This tests that calc() values in cubic-bezier functions are read correctly.</p>
    <p id="result"></p>
</body>
<script>
    if (window.testRunner)
        testRunner.dumpAsText();

    var body = document.getElementsByTagName("body")[0];
    if (window.getComputedStyle(body)["transitionTimingFunction"] == "cubic-bezier(0, 0, 0.5, 1)")
        document.getElementById("result").innerText = "PASS";
    else
        document.getElementById("result").innerText = "FAIL";
</script>
</html>