Files
firefox/testing/web-platform/tests/css/cssom/serialization-CSSDeclaration-with-important.html
T
Chris Nardi 9af0ea5c0a Bug 1445393 [wpt PR 10005] - Add and correct CSSOM spec references, a=testonly
Automatic update from web-platform-testsAdd and correct CSSOM spec references

Many CSSOM tests were missing spec references or had incorrect ones; add/update these references.

--
Move GetBoundingRect.html

getBoundingClientRec is defined in CSSOM View, not CSSOM.

wpt-commits: 825f054d0d8f1f60ef13e36b46d6ea97ea87cc15, b52a19067b803b35f9cdd588f8302a289e20446a
wpt-pr: 10005
wpt-commits: 825f054d0d8f1f60ef13e36b46d6ea97ea87cc15, b52a19067b803b35f9cdd588f8302a289e20446a
wpt-pr: 10005
2018-04-15 08:31:19 +01:00

32 lines
1.7 KiB
HTML

<!doctype html>
<meta charset=utf-8>
<title>cssom - Serialization of CSS declaration with "important" flag</title>
<link rel="help" href="https://drafts.csswg.org/cssom/#serialize-a-css-declaration">
<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>