layout/style/test/test_bug160403.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=160403
   5 -->
   6 <head>
   7   <title>Test for Bug 160403</title>
   8   <script type="application/javascript" src="/MochiKit/MochiKit.js"></script>
   9   <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  10   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  11 </head>
  12 <body>
  13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=160403">Mozilla Bug 160403</a>
  14 <div id="content" style="display: none">
  15
  16 </div>
  17 <pre id="test">
  18 <script type="application/javascript">
  19
  20 /** Test for Bug 160403 **/
  21
  22 var element = document.getElementById("content");
  23 var style = element.style;
  24
  25 element.setAttribute("style", "border-top-style: dotted");
  26 is(style.getPropertyValue("border-top-style"), "dotted");
  27 is(style.getPropertyPriority("border-top-style"), "");
  28 is(style.getPropertyValue("border-style"), "");
  29 is(style.getPropertyPriority("border-style"), "");
  30
  31 element.setAttribute("style", "border-top-style: dotted ! important");
  32 is(style.getPropertyValue("border-top-style"), "dotted");
  33 is(style.getPropertyPriority("border-top-style"), "important");
  34 is(style.getPropertyValue("border-style"), "");
  35 is(style.getPropertyPriority("border-style"), "");
  36
  37 element.setAttribute("style", "border-top-style: dotted ! important; border-bottom-style: dotted ! important; border-left-style: dotted ! important");
  38 is(style.getPropertyValue("border-top-style"), "dotted");
  39 is(style.getPropertyPriority("border-top-style"), "important");
  40 is(style.getPropertyValue("border-style"), "");
  41 is(style.getPropertyPriority("border-style"), "");
  42
  43 element.setAttribute("style", "border-top-style: dotted ! important; border-right-style: dotted; border-bottom-style: dotted ! important; border-left-style: dotted ! important");
  44 is(style.getPropertyValue("border-top-style"), "dotted");
  45 is(style.getPropertyPriority("border-top-style"), "important");
  46 is(style.getPropertyValue("border-right-style"), "dotted");
  47 is(style.getPropertyPriority("border-right-style"), "");
  48 is(style.getPropertyValue("border-style"), "");
  49 is(style.getPropertyPriority("border-style"), "");
  50
  51 element.setAttribute("style", "border-top-style: dotted ! important; border-right-style: dotted ! important; border-bottom-style: dotted ! important; border-left-style: dotted ! important");
  52 is(style.getPropertyValue("border-top-style"), "dotted");
  53 is(style.getPropertyPriority("border-top-style"), "important");
  54 is(style.getPropertyValue("border-right-style"), "dotted");
  55 is(style.getPropertyPriority("border-right-style"), "important");
  56 isnot(style.getPropertyValue("border-style"), "");
  57 is(style.getPropertyPriority("border-style"), "important");
  58
  59 </script>
  60 </pre>
  61 </body>
  62 </html>