test_bug160403.html

mozilla-central/layout/style/test/test_bug160403.html

Enable keyboard shortcuts

Source code

File a bug in Core :: CSS Parsing and Computation

Revision control

Copy as Markdown

Other Tools

Test Info:

Manifest: layout/style/test/mochitest.toml

<!DOCTYPE HTML>

<html>

<!--

https://bugzilla.mozilla.org/show_bug.cgi?id=160403

-->

<head>

  <title>Test for Bug 160403</title>

  <script 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>