blob: 7abc7f5a7b8124c127d02419ca17fdae2e610b6d [file] [log] [blame]
<!DOCTYPE html>
<html>
<body>
<script src="../../resources/js-test-pre.js"></script>
<div id="testDiv"></div>
<script>
description("Tests parsing of various valid and invalid calc expressions.");
var testDiv = document.getElementById("testDiv");
function calcWithNestedParens(content, parenCount)
{
let result = "calc";
for (let i = 0; i < parenCount; ++i)
result += '(';
result += content;
for (let i = 0; i < parenCount; ++i)
result += ')';
return result;
}
function calcWithManySubtractions(a, b, parenCount)
{
let result = "calc( " + a;
for (let i = 0; i < parenCount; ++i)
result += ' - ' + b;
result += ')'
return result;
}
function calcWithManyDivisions(a, b, parenCount)
{
let result = "calc( " + a;
for (let i = 0; i < parenCount; ++i)
result += ' / ' + b;
result += ')'
return result;
}
function testExpression(expression, specifiedValue, computedValue)
{
debug('');
testDiv.style["width"] = '999px';
evalAndLog(`testDiv.style["width"] = "${expression}"`);
shouldBeEqualToString("testDiv.style['width']", `${specifiedValue}`);
shouldBeEqualToString("window.getComputedStyle(testDiv).getPropertyValue('width')", `${computedValue}`);
}
testExpression(calcWithNestedParens('100px', 100), 'calc(100px)', '100px');
testExpression(calcWithNestedParens('100px', 102), '999px', '999px');
testExpression(calcWithManySubtractions('1000px', '1px', 102), 'calc(898px)', '898px');
testExpression(calcWithManyDivisions('1000px', '1.01', 102), 'calc(362.426441px)', '362.421875px');
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>