168 lines
8.6 KiB
HTML
168 lines
8.6 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
description(
|
|
"This test checks the behavior of table styles when changing certain table attributes."
|
|
);
|
|
|
|
var yellow = "rgb(255, 255, 0)";
|
|
var orange = "rgb(255, 165, 0)";
|
|
var red = "rgb(255, 0, 0)";
|
|
|
|
var table = document.createElement("table");
|
|
table.setAttribute("style", "border-color: yellow");
|
|
var row = table.insertRow(-1);
|
|
row.setAttribute("style", "border-color: orange");
|
|
var cell = row.insertCell(-1);
|
|
cell.setAttribute("style", "border-color: red");
|
|
|
|
document.body.appendChild(table);
|
|
|
|
shouldBe("getComputedStyle(table, '').borderLeftWidth", "'0px'");
|
|
shouldBe("getComputedStyle(table, '').borderRightWidth", "'0px'");
|
|
shouldBe("getComputedStyle(table, '').borderTopWidth", "'0px'");
|
|
shouldBe("getComputedStyle(table, '').borderBottomWidth", "'0px'");
|
|
shouldBe("getComputedStyle(table, '').borderLeftStyle", "'none'");
|
|
shouldBe("getComputedStyle(table, '').borderRightStyle", "'none'");
|
|
shouldBe("getComputedStyle(table, '').borderTopStyle", "'none'");
|
|
shouldBe("getComputedStyle(table, '').borderBottomStyle", "'none'");
|
|
shouldBe("getComputedStyle(table, '').borderLeftColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderRightColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderTopColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderBottomColor", "yellow");
|
|
|
|
shouldBe("getComputedStyle(cell, '').borderLeftWidth", "'0px'");
|
|
shouldBe("getComputedStyle(cell, '').borderRightWidth", "'0px'");
|
|
shouldBe("getComputedStyle(cell, '').borderTopWidth", "'0px'");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomWidth", "'0px'");
|
|
shouldBe("getComputedStyle(cell, '').borderLeftStyle", "'none'");
|
|
shouldBe("getComputedStyle(cell, '').borderRightStyle", "'none'");
|
|
shouldBe("getComputedStyle(cell, '').borderTopStyle", "'none'");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomStyle", "'none'");
|
|
shouldBe("getComputedStyle(cell, '').borderLeftColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderRightColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderTopColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomColor", "red");
|
|
|
|
table.border = '';
|
|
|
|
shouldBe("getComputedStyle(table, '').borderLeftWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderRightWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderTopWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderBottomWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderLeftStyle", "'outset'");
|
|
shouldBe("getComputedStyle(table, '').borderRightStyle", "'outset'");
|
|
shouldBe("getComputedStyle(table, '').borderTopStyle", "'outset'");
|
|
shouldBe("getComputedStyle(table, '').borderBottomStyle", "'outset'");
|
|
shouldBe("getComputedStyle(table, '').borderLeftColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderRightColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderTopColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderBottomColor", "yellow");
|
|
|
|
shouldBe("getComputedStyle(cell, '').borderLeftWidth", "'1px'");
|
|
shouldBe("getComputedStyle(cell, '').borderRightWidth", "'1px'");
|
|
shouldBe("getComputedStyle(cell, '').borderTopWidth", "'1px'");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomWidth", "'1px'");
|
|
shouldBe("getComputedStyle(cell, '').borderLeftStyle", "'inset'");
|
|
shouldBe("getComputedStyle(cell, '').borderRightStyle", "'inset'");
|
|
shouldBe("getComputedStyle(cell, '').borderTopStyle", "'inset'");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomStyle", "'inset'");
|
|
shouldBe("getComputedStyle(cell, '').borderLeftColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderRightColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderTopColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomColor", "red");
|
|
|
|
table.setAttribute("bordercolor", "green");
|
|
|
|
shouldBe("getComputedStyle(table, '').borderLeftWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderRightWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderTopWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderBottomWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderLeftStyle", "'solid'");
|
|
shouldBe("getComputedStyle(table, '').borderRightStyle", "'solid'");
|
|
shouldBe("getComputedStyle(table, '').borderTopStyle", "'solid'");
|
|
shouldBe("getComputedStyle(table, '').borderBottomStyle", "'solid'");
|
|
shouldBe("getComputedStyle(table, '').borderLeftColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderRightColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderTopColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderBottomColor", "yellow");
|
|
|
|
shouldBe("getComputedStyle(cell, '').borderLeftWidth", "'1px'");
|
|
shouldBe("getComputedStyle(cell, '').borderRightWidth", "'1px'");
|
|
shouldBe("getComputedStyle(cell, '').borderTopWidth", "'1px'");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomWidth", "'1px'");
|
|
shouldBe("getComputedStyle(cell, '').borderLeftStyle", "'solid'");
|
|
shouldBe("getComputedStyle(cell, '').borderRightStyle", "'solid'");
|
|
shouldBe("getComputedStyle(cell, '').borderTopStyle", "'solid'");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomStyle", "'solid'");
|
|
shouldBe("getComputedStyle(cell, '').borderLeftColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderRightColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderTopColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomColor", "red");
|
|
|
|
table.rules = "cols";
|
|
|
|
shouldBe("getComputedStyle(table, '').borderLeftWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderRightWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderTopWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderBottomWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderLeftStyle", "'solid'");
|
|
shouldBe("getComputedStyle(table, '').borderRightStyle", "'solid'");
|
|
shouldBe("getComputedStyle(table, '').borderTopStyle", "'solid'");
|
|
shouldBe("getComputedStyle(table, '').borderBottomStyle", "'solid'");
|
|
shouldBe("getComputedStyle(table, '').borderLeftColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderRightColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderTopColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderBottomColor", "yellow");
|
|
|
|
shouldBe("getComputedStyle(cell, '').borderLeftWidth", "'1px'");
|
|
shouldBe("getComputedStyle(cell, '').borderRightWidth", "'1px'");
|
|
shouldBe("getComputedStyle(cell, '').borderTopWidth", "'0px'");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomWidth", "'0px'");
|
|
shouldBe("getComputedStyle(cell, '').borderLeftStyle", "'solid'");
|
|
shouldBe("getComputedStyle(cell, '').borderRightStyle", "'solid'");
|
|
shouldBe("getComputedStyle(cell, '').borderTopStyle", "'none'");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomStyle", "'none'");
|
|
shouldBe("getComputedStyle(cell, '').borderLeftColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderRightColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderTopColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomColor", "red");
|
|
|
|
table.rules = "rows";
|
|
|
|
shouldBe("getComputedStyle(table, '').borderLeftWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderRightWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderTopWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderBottomWidth", "'1px'");
|
|
shouldBe("getComputedStyle(table, '').borderLeftStyle", "'solid'");
|
|
shouldBe("getComputedStyle(table, '').borderRightStyle", "'solid'");
|
|
shouldBe("getComputedStyle(table, '').borderTopStyle", "'solid'");
|
|
shouldBe("getComputedStyle(table, '').borderBottomStyle", "'solid'");
|
|
shouldBe("getComputedStyle(table, '').borderLeftColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderRightColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderTopColor", "yellow");
|
|
shouldBe("getComputedStyle(table, '').borderBottomColor", "yellow");
|
|
|
|
shouldBe("getComputedStyle(cell, '').borderLeftWidth", "'0px'");
|
|
shouldBe("getComputedStyle(cell, '').borderRightWidth", "'0px'");
|
|
shouldBe("getComputedStyle(cell, '').borderTopWidth", "'1px'");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomWidth", "'1px'");
|
|
shouldBe("getComputedStyle(cell, '').borderLeftStyle", "'none'");
|
|
shouldBe("getComputedStyle(cell, '').borderRightStyle", "'none'");
|
|
shouldBe("getComputedStyle(cell, '').borderTopStyle", "'solid'");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomStyle", "'solid'");
|
|
shouldBe("getComputedStyle(cell, '').borderLeftColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderRightColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderTopColor", "red");
|
|
shouldBe("getComputedStyle(cell, '').borderBottomColor", "red");
|
|
|
|
document.body.removeChild(table);
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|