61 lines
1.3 KiB
HTML
61 lines
1.3 KiB
HTML
<!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>
|