third_party/WebKit/LayoutTests/fast/css/shorthand-priority.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta charset="utf-8">
   5 <script src="../../resources/js-test.js"></script>
   6 </head>
   7 <body>
   8 <script>
   9
  10 description("Tests that querying the priority for a shorthand works.");
  11
  12 var testContainer = document.createElement("div");
  13 document.body.appendChild(testContainer);
  14
  15 testContainer.innerHTML = '<div id="test">hello</div>';
  16
  17 e = document.getElementById('test');
  18
  19 // Sanity check.
  20 e.style.setProperty("border-bottom-style", "solid", "important");
  21 shouldBe("e.style.getPropertyValue('border-bottom-style')", "'solid'");
  22 shouldBe("e.style.getPropertyPriority('border-bottom-style')", "'important'");
  23
  24 e.style.borderBottomStyle = "";
  25 e.style.border = "20px solid green";
  26 shouldBe("e.style.getPropertyValue('border')", "'20px solid green'");
  27 shouldBe("e.style.getPropertyPriority('border')", "''");
  28
  29 e.style.border = "";
  30 e.style.setProperty("border", "20px solid green", "important");
  31 shouldBe("e.style.getPropertyValue('border')", "'20px solid green'");
  32 shouldBe("e.style.getPropertyPriority('border')", "'important'");
  33
  34 document.body.removeChild(testContainer);
  35 </script>
  36 </body>
  37 </html>