50 lines
2.3 KiB
HTML
50 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
description("Test the behavior of CSSStyleDeclaration.setProperty()");
|
|
|
|
var div = document.createElement("div");
|
|
debug("* Not enough parameters");
|
|
shouldThrow("div.style.setProperty()");
|
|
shouldThrow("div.style.setProperty('color')");
|
|
|
|
debug("");
|
|
debug("* Should treat null as empty string for 'value' parameter");
|
|
shouldNotThrow("div.style.setProperty('color', null)");
|
|
shouldBeEqualToString("div.style.getPropertyValue('color')", "");
|
|
shouldBeEqualToString("div.style.getPropertyPriority('color')", "");
|
|
|
|
debug("");
|
|
debug("* Should treat null as empty string for 'priority' parameter");
|
|
shouldNotThrow("div.style.setProperty('background-color', 'green', null)");
|
|
shouldBeEqualToString("div.style.getPropertyValue('background-color')", "green");
|
|
shouldBeEqualToString("div.style.getPropertyPriority('background-color')", "");
|
|
|
|
debug("");
|
|
debug("* Last parameter should do a case-insensitive match to 'important'");
|
|
shouldNotThrow("div.style.setProperty('border-left-color', 'green', 'important')");
|
|
shouldBeEqualToString("div.style.getPropertyValue('border-left-color')", "green");
|
|
shouldBeEqualToString("div.style.getPropertyPriority('border-left-color')", "important");
|
|
shouldNotThrow("div.style.setProperty('border-right-color', 'green', 'IMPORTANT')");
|
|
shouldBeEqualToString("div.style.getPropertyValue('border-right-color')", "green");
|
|
shouldBeEqualToString("div.style.getPropertyPriority('border-right-color')", "important");
|
|
|
|
debug("");
|
|
debug("* Invalid 'priority' value, should abort");
|
|
shouldNotThrow("div.style.setProperty('border-top-color', 'red', 'invalid')");
|
|
shouldBeEqualToString("div.style.getPropertyValue('border-top-color')", "");
|
|
shouldBeEqualToString("div.style.getPropertyPriority('border-top-color')", "");
|
|
shouldNotThrow("div.style.setProperty('border-top-color', 'red', 'important invalid')");
|
|
shouldBeEqualToString("div.style.getPropertyValue('border-top-color')", "");
|
|
shouldBeEqualToString("div.style.getPropertyPriority('border-top-color')", "");
|
|
shouldNotThrow("div.style.setProperty('border-top-color', 'red', '!important')");
|
|
shouldBeEqualToString("div.style.getPropertyValue('border-top-color')", "");
|
|
shouldBeEqualToString("div.style.getPropertyPriority('border-top-color')", "");
|
|
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|