mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-11 20:35:50 +00:00
5d2a9d651a
MozReview-Commit-ID: BKGqEpn0utp --HG-- extra : rebase_source : dab61f244d5ca7ec13603d55cbf091b9dd6400d7
31 lines
1.6 KiB
HTML
31 lines
1.6 KiB
HTML
<!doctype html>
|
|
<meta charset=utf-8>
|
|
<title>cssom - Serialization of CSS declaration with "important" flag</title>
|
|
<script src=/resources/testharness.js></script>
|
|
<script src=/resources/testharnessreport.js></script>
|
|
<div id="noWhitespace" style="display: inline !important;"></div>
|
|
<div id="whitespace" style="background-color: blue !important; color: red ! important;"></div>
|
|
<div id="dinamicallyStyle"></div>
|
|
<script>
|
|
test(function () {
|
|
var css_style = document.querySelector('#noWhitespace').style.cssText;
|
|
assert_equals(css_style, "display: inline !important;");
|
|
}, "Inline style declaration without whitespace between '!' and 'important'.");
|
|
|
|
test(function () {
|
|
var css_style = document.querySelector('#whitespace').style.cssText;
|
|
assert_equals(css_style, "background-color: blue !important; color: red !important;");
|
|
}, "Inline style declaration with whitespace between '!' and 'important'.");
|
|
|
|
test(function () {
|
|
document.querySelector('#dinamicallyStyle').style.cssText = "color: black !important;";
|
|
var css_style = document.querySelector('#dinamicallyStyle').style.cssText;
|
|
assert_equals(css_style, "color: black !important;");
|
|
}, "Style set dynamically via cssText without whitespace between '!' and 'important'.");
|
|
|
|
test(function () {
|
|
document.querySelector('#dinamicallyStyle').style.cssText = "color: black ! important;";
|
|
var css_style = document.querySelector('#dinamicallyStyle').style.cssText;
|
|
assert_equals(css_style, "color: black !important;");
|
|
}, "Style set dynamically via cssText with whitespace between '!' and 'important'.");
|
|
</script> |