<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body style="color: black">

<div id="valid1" style="color: red">This style is "color: red"</div>
<div id="valid2" style="color: FF0000">This style is "color: FF0000"</div>
<div id="valid3" style="color: #FF0000">This style is "color: #FF0000"</div>
<div id="valid4" style="color: F00">This style is "color: F00"</div>
<div id="valid5" style="color: #F00">This style is "color: #F00"</div>
<div id="invalid1" style="color: #red">This style is "color: #red"</div>
<div id="invalid2" style="color: #yellow">This style is "color: #yellow"</div>
<div id="invalid3" style="color: #green">This style is "color: #green"</div>
<div id="invalid4" style="color: #FFAALL">This style is "color: #FFAALL"</div>

<script>

description(

"This test checks hexadecimal color parsing."

);



var red = "rgb(255, 0, 0)";

var black = "rgb(0, 0, 0)";



for (var i=1;i<=5;i++)

{

    var div = document.getElementById("valid"+i);

    shouldBe("getComputedStyle(div, null).color", "red");

}



for (var i=1;i<=4;i++)

{

    var div = document.getElementById("invalid"+i);

    shouldBe("getComputedStyle(div, null).color", "black");

}

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

</body>
</html>
