<!DOCTYPE HTML>
<html>
<head>
<title>Test for WebKit bug 20181 : font shorthand with inherit keyword incorrectly parsed and rendered</title>
<script src="../../resources/js-test.js"></script>
</head>
<body>
<p id="description">Test for WebKit bug <a href="https://bugs.webkit.org/show_bug.cgi?id=20181">20181</a> : font shorthand with inherit keyword incorrectly parsed and rendered</p>
<div id="console"></div>

<div id="tests_container">

<div id="test"></div>

</div>

<script>
    var test = document.getElementById("test");

    // Sanity check.
    test.style.font = "12pt/14pt sans-serif";
    shouldBe("test.style.getPropertyValue('font')", "'12pt / 14pt sans-serif'");
    test.style.font = "";
    test.style.font = "inherit";
    shouldBe("test.style.getPropertyValue('font')", "'inherit'");
    test.style.font = "";
    shouldBe("test.style.getPropertyValue('font')", "''");
    test.style.font = "12pt/14pt inherit";
    shouldBe("test.style.getPropertyValue('font')", "''");
    test.style.font = "x-large/110% 'new century schoolbook', serif, inherit";
    shouldBe("test.style.getPropertyValue('font')", "''");
    test.style.font = " 'inherit'";
    shouldBe("test.style.getPropertyValue('font')", "''");
    test.style.font = "italic inherit 12pt/14pt bold arial inherit";
    shouldBe("test.style.getPropertyValue('font')", "''");
    test.style.font = "arial inherit";
    shouldBe("test.style.getPropertyValue('font')", "''");
    test.style.font = "Arial, Helvetica, inherit, sans-serif;";
    shouldBe("test.style.getPropertyValue('font')", "''");
    test.style.font = "inherit, sans-serif;";
    shouldBe("test.style.getPropertyValue('font')", "''");
    test.style.font = "italic inherit 12pt/14pt bold arial initial";
    shouldBe("test.style.getPropertyValue('font')", "''");
    test.style.font = "12pt/14pt bold inherit";
    shouldBe("test.style.getPropertyValue('font')", "'12pt / 14pt \"bold inherit\"'");
    test.style.font = "italic 12pt/14pt bold inherit";
    shouldBe("test.style.getPropertyValue('font')", "'italic 12pt / 14pt \"bold inherit\"'");
    test.style.font = "italic 12pt/14pt bold arial inherit";
    shouldBe("test.style.getPropertyValue('font')", "'italic 12pt / 14pt \"bold arial inherit\"'");
    // clean up after ourselves
    var tests_container = document.getElementById("tests_container");
    tests_container.parentNode.removeChild(tests_container);
</script>
</body>
</html>