<!DOCTYPE html>
<html>
    <body>
        <script src="../../resources/js-test.js"></script>
        <div id="testDiv"></div>
        <script>
            description("Tests functionality of sin, cos, tan, e and pi");

            var element = document.getElementById("testDiv");
            
            function testProperty(propertyName)
            {
                
                function testValue(expression, computedValue)
                {
                    debug('');
                    element.style[propertyName] = '999px';
                    evalAndLog(`element.style["${propertyName}"] = "${expression}"`);
                    var value = Math.round(getComputedStyle(element).getPropertyValue(propertyName).slice(0,-2));
                    shouldBe(`${value}`, computedValue);
                }

                //Test pi
                testValue('calc(sin(pi/2) * 100px)', '100');
                testValue('calc(cos(pi - 3.14159265358979323846) * 100px)', '100');

                //Test e
                testValue('calc(cos(e - 2.7182818284590452354) * 100px)', '100');
                
                //Test units
                testValue('calc(sin(30deg + 1.0471967rad ) * 100px)', '100');
                testValue('calc(cos(30deg - 0.523599rad ) * 100px)', '100');
                testValue('calc(sin(3.14159 / 2 + 1 - 1) * 100px)', '100');
                testValue('calc(sin(100grad) * 100px)', '100');
                testValue('calc(cos(0 / 2 + 1 - 1) * 100px)', '100');
                testValue('calc(tan(30deg + 0.261799rad ) * 100px)', '100');
                testValue('calc(tan(0.7853975rad ) * 100px)', '100');
                testValue('calc(tan(3.14159 / 4 + 1 - 1) * 100px)', '100');
                testValue('calc(sin(0.25turn) * 100px)', '100');

                //Test nesting
                testValue('calc(cos(sin(cos(pi) + 1)) * 100px)', '100');
                testValue('calc(sin(tan(pi/4)*pi/2) * 100px)', '100');
                testValue('calc(sin(tan(pi/4)*pi/2) * 100px)', '100');
                testValue('calc(sin(tan(pi/4)*pi/2) * 100px)', '100');
            }

            testProperty("width");
            testProperty("min-width");
        </script>
    </body>
</html>