mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-08 20:47:44 +00:00
74 lines
3.8 KiB
HTML
74 lines
3.8 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<!--
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=160403
|
|
-->
|
|
<head>
|
|
<title>Test for Bug 160403</title>
|
|
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
|
|
</head>
|
|
<body>
|
|
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=160403">Mozilla Bug 160403</a>
|
|
<div id="content" style="display: none">
|
|
|
|
</div>
|
|
<pre id="test">
|
|
<script type="application/javascript">
|
|
|
|
/** Test for Bug 160403 **/
|
|
|
|
var element = document.getElementById("content");
|
|
var style = element.style;
|
|
|
|
element.setAttribute("style", "border-top-style: dotted");
|
|
is(style.getPropertyValue("border-top-style"), "dotted");
|
|
is(style.getPropertyPriority("border-top-style"), "");
|
|
is(style.getPropertyValue("border-style"), "");
|
|
is(style.getPropertyPriority("border-style"), "");
|
|
|
|
element.setAttribute("style", "border-top-style: dotted ! important");
|
|
is(style.getPropertyValue("border-top-style"), "dotted");
|
|
is(style.getPropertyPriority("border-top-style"), "important");
|
|
is(style.getPropertyValue("border-style"), "");
|
|
is(style.getPropertyPriority("border-style"), "");
|
|
|
|
element.setAttribute("style", "border-top-style: dotted ! important; border-bottom-style: dotted ! important; border-left-style: dotted ! important");
|
|
is(style.getPropertyValue("border-top-style"), "dotted");
|
|
is(style.getPropertyPriority("border-top-style"), "important");
|
|
is(style.getPropertyValue("border-style"), "");
|
|
is(style.getPropertyPriority("border-style"), "");
|
|
|
|
element.setAttribute("style", "border-top-style: dotted ! important; border-right-style: dotted; border-bottom-style: dotted ! important; border-left-style: dotted ! important");
|
|
is(style.getPropertyValue("border-top-style"), "dotted");
|
|
is(style.getPropertyPriority("border-top-style"), "important");
|
|
is(style.getPropertyValue("border-right-style"), "dotted");
|
|
is(style.getPropertyPriority("border-right-style"), "");
|
|
is(style.getPropertyValue("border-style"), "");
|
|
is(style.getPropertyPriority("border-style"), "");
|
|
|
|
element.setAttribute("style", "border-top-style: dotted ! important; border-right-style: dotted ! important; border-bottom-style: dotted ! important; border-left-style: dotted ! important");
|
|
is(style.getPropertyValue("border-top-style"), "dotted");
|
|
is(style.getPropertyPriority("border-top-style"), "important");
|
|
is(style.getPropertyValue("border-right-style"), "dotted");
|
|
is(style.getPropertyPriority("border-right-style"), "important");
|
|
isnot(style.getPropertyValue("border-style"), "");
|
|
is(style.getPropertyPriority("border-style"), "important");
|
|
|
|
// Also test that we check consistency of inherit and initial.
|
|
element.setAttribute("style", "border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted");
|
|
isnot(style.getPropertyValue("border-style"), "", "serialize shorthand when all values not inherit/initial");
|
|
element.setAttribute("style", "border-top-style: inherit; border-right-style: inherit; border-bottom-style: inherit; border-left-style: inherit");
|
|
is(style.getPropertyValue("border-style"), "inherit", "serialize shorthand as inherit");
|
|
element.setAttribute("style", "border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial");
|
|
is(style.getPropertyValue("border-style"), "initial", "serialize shorthand as initial");
|
|
element.setAttribute("style", "border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: inherit");
|
|
is(style.getPropertyValue("border-style"), "", "don't serialize shorthand when partly inherit");
|
|
element.setAttribute("style", "border-top-style: initial; border-right-style: dotted; border-bottom-style: initial; border-left-style: initial");
|
|
is(style.getPropertyValue("border-style"), "", "don't serialize shorthand when partly initial");
|
|
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|