<!DOCTYPE html>
<body>
<script src="../../resources/js-test.js"></script>
<div id="testDiv"></div>
<script>
description("Tests assigning a calculated value to 'font' CSS property.");

var testDiv = document.getElementById("testDiv");

shouldBeEmptyString("testDiv.style['font']");
evalAndLog("testDiv.style['font'] = 'italic small-caps calc(100 * 9) calc(12px) arial'");
shouldBeEqualToString("testDiv.style['font']", "italic small-caps calc(900) calc(12px) arial");
shouldBeEqualToString("window.getComputedStyle(testDiv).getPropertyValue('font')", "italic small-caps 900 12px arial");

</script>
</body>