36 lines
2.8 KiB
HTML
36 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
function runTest() {
|
|
description('Tests various scenarios of noshade and color attributes of hr element.');
|
|
shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement1'),null).getPropertyValue('border-color')","rgb(255, 0, 0)");
|
|
shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement1'),null).getPropertyValue('background-color')","rgb(255, 0, 0)");
|
|
shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement2'),null).getPropertyValue('border-color')","rgb(0, 0, 255)");
|
|
shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement2'),null).getPropertyValue('background-color')","rgb(0, 0, 255)");
|
|
shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement3'),null).getPropertyValue('border-color')","rgb(0, 0, 0)");
|
|
shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement3'),null).getPropertyValue('background-color')","rgb(0, 0, 0)");
|
|
shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement4'),null).getPropertyValue('border-color')","rgb(128, 128, 128)");
|
|
shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement4'),null).getPropertyValue('background-color')","rgb(128, 128, 128)");
|
|
document.getElementById('hrElement5').setAttribute("color", "yellow");
|
|
document.getElementById('hrElement5').setAttribute("noshade", "");
|
|
shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement5'),null).getPropertyValue('border-color')","rgb(255, 255, 0)");
|
|
shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement5'),null).getPropertyValue('background-color')","rgb(255, 255, 0)");
|
|
document.getElementById('hrElement6').setAttribute("noshade", "");
|
|
document.getElementById('hrElement6').setAttribute("color", "green");
|
|
shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement6'),null).getPropertyValue('border-color')","rgb(0, 128, 0)");
|
|
shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement6'),null).getPropertyValue('background-color')","rgb(0, 128, 0)");
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="runTest()">
|
|
<hr id="hrElement1" color="red" noshade>
|
|
<hr id="hrElement2" noshade color="blue">
|
|
<hr id="hrElement3" noshade color="^&*(">
|
|
<hr id="hrElement4" noshade>
|
|
<hr id="hrElement5">
|
|
<hr id="hrElement6">
|
|
</body>
|
|
</html>
|