<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="../../../resources/js-test-pre.js"></script>
</head>
<body>
<script>

description("HTMLFontElement face attribute test");

function fontFaceAttributeEffect(value)
{
    var element = document.createElement("font");
    element.setAttribute("face", value);
    var outerElement = document.createElement("p");
    outerElement.setAttribute("style", "font-family: whatever");
    document.body.appendChild(outerElement);
    outerElement.appendChild(element);
    var computedStyle = getComputedStyle(element, "");
    var result = computedStyle.fontFamily;
    document.body.removeChild(outerElement);
    return result === "whatever" ? null : result;
}

shouldBe('fontFaceAttributeEffect("")', 'null');
shouldBe('fontFaceAttributeEffect(" ")', 'null');
shouldBe('fontFaceAttributeEffect(",")', 'null');
shouldBe('fontFaceAttributeEffect(" ,")', 'null');
shouldBe('fontFaceAttributeEffect(" , ")', 'null');
shouldBe('fontFaceAttributeEffect(",,")', 'null');

shouldBe('fontFaceAttributeEffect("serif")', '"serif"');
shouldBe('fontFaceAttributeEffect("serif ")', '"serif"');
shouldBe('fontFaceAttributeEffect(",serif,")', 'null');
shouldBe('fontFaceAttributeEffect(" serif ")', '"serif"');
shouldBe('fontFaceAttributeEffect(" serif")', '"serif"');
shouldBe('fontFaceAttributeEffect("serif ,")', 'null');
shouldBe('fontFaceAttributeEffect("serif , ")', 'null');
shouldBe('fontFaceAttributeEffect("serif,,")', 'null');

shouldBe('fontFaceAttributeEffect("Serif")', '"serif"');
shouldBe('fontFaceAttributeEffect(" Serif")', '"serif"');
shouldBe('fontFaceAttributeEffect(" Serif ")', '"serif"');
shouldBe('fontFaceAttributeEffect(",Serif ")', 'null');

shouldBe('fontFaceAttributeEffect("Inherited")', '"Inherited"');
shouldBe('fontFaceAttributeEffect(",foo + foo,serif")', 'null');
shouldBe('fontFaceAttributeEffect("serif,foo + foo,")', 'null');

</script>
<script src="../../../resources/js-test-post.js"></script>
</body>
</html>