<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../../resources/js-test.js"></script>
</head>
<body>
<script>
description("This test exercises the 'font' shorthand property in CSS computed styles.");

var testDiv = document.createElement('div');
document.body.appendChild(testDiv);

function computedFont(fontString)
{
    testDiv.style.font = 'bold 600px serif';
    testDiv.style.font = fontString;
    return getComputedStyle(testDiv).getPropertyValue('font');
}

function testComputedFont(value, expected)
{
    shouldBeEqualToString("computedFont('" + value + "')", expected || value);
}

testComputedFont("10px sans-serif");
testComputedFont("10px SANS-SERIF", "10px sans-serif");
testComputedFont("12px sans-serif");
testComputedFont("12px  sans-serif", "12px sans-serif");
testComputedFont("10px sans-serif, sans-serif");
testComputedFont("10px sans-serif, serif");
testComputedFont("12px ahem");
testComputedFont("12px unlikely-font-name");
testComputedFont("100 10px sans-serif");
testComputedFont("200 10px sans-serif");
testComputedFont("300 10px sans-serif");
testComputedFont("400 10px sans-serif", "10px sans-serif");
testComputedFont("normal 10px sans-serif", "10px sans-serif");
testComputedFont("500 10px sans-serif");
testComputedFont("600 10px sans-serif");
testComputedFont("700 10px sans-serif");
testComputedFont("bold 10px sans-serif", "700 10px sans-serif");
testComputedFont("800 10px sans-serif");
testComputedFont("900 10px sans-serif");
testComputedFont("italic 10px sans-serif");
testComputedFont("small-caps 10px sans-serif");
testComputedFont("italic small-caps 10px sans-serif");
testComputedFont("italic small-caps bold 10px sans-serif", "italic small-caps 700 10px sans-serif");
testComputedFont("10px/100% sans-serif", "10px / 10px sans-serif");
testComputedFont("10px/100px sans-serif", "10px / 100px sans-serif");
testComputedFont("10px/normal sans-serif", "10px sans-serif");
</script>
</body>
</html>