mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-27 04:05:32 +00:00
ede8c44ef2
This excludes dom/, otherwise the file size is too large for phabricator to handle. This is an autogenerated commit to handle scripts loading mochitest harness files, in the simple case where the script src is on the same line as the tag. This was generated with https://bug1544322.bmoattachments.org/attachment.cgi?id=9058170 using the `--part 2` argument. Differential Revision: https://phabricator.services.mozilla.com/D27456 --HG-- extra : moz-landing-system : lando
142 lines
5.3 KiB
HTML
142 lines
5.3 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>Test for property priority preservation</title>
|
|
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
|
|
</head>
|
|
<body>
|
|
<p id="display"></p>
|
|
<div id="content" style="display: none">
|
|
|
|
</div>
|
|
<pre id="test">
|
|
<script type="application/javascript">
|
|
|
|
/**
|
|
* Test that priorities are preserved correctly when setProperty is
|
|
* called, and during declaration block expansion/compression when other
|
|
* properties are manipulated.
|
|
*/
|
|
|
|
var div = document.getElementById("content");
|
|
var s = div.style;
|
|
|
|
s.setProperty("text-decoration", "underline", "");
|
|
is(s.getPropertyValue("text-decoration"), "underline",
|
|
"text-decoration stored");
|
|
is(s.getPropertyPriority("text-decoration"), "",
|
|
"text-decoration priority stored");
|
|
s.setProperty("z-index", "7", "important");
|
|
is(s.getPropertyValue("z-index"), "7",
|
|
"z-index stored");
|
|
is(s.getPropertyPriority("z-index"), "important",
|
|
"z-index priority stored");
|
|
s.setProperty("z-index", "3", "");
|
|
is(s.getPropertyValue("z-index"), "3",
|
|
"z-index overridden by setting non-important");
|
|
is(s.getPropertyPriority("z-index"), "",
|
|
"z-index priority overridden by setting non-important");
|
|
is(s.getPropertyValue("text-decoration"), "underline",
|
|
"text-decoration still stored");
|
|
is(s.getPropertyPriority("text-decoration"), "",
|
|
"text-decoration priority still stored");
|
|
s.setProperty("text-decoration", "overline", "");
|
|
is(s.getPropertyValue("text-decoration"), "overline",
|
|
"text-decoration stored");
|
|
is(s.getPropertyPriority("text-decoration"), "",
|
|
"text-decoration priority stored");
|
|
is(s.getPropertyValue("z-index"), "3",
|
|
"z-index still stored");
|
|
is(s.getPropertyPriority("z-index"), "",
|
|
"z-index priority still stored");
|
|
s.setProperty("text-decoration", "line-through", "important");
|
|
is(s.getPropertyValue("text-decoration"), "line-through",
|
|
"text-decoration stored at new priority");
|
|
is(s.getPropertyPriority("text-decoration"), "important",
|
|
"text-decoration priority overridden");
|
|
is(s.getPropertyValue("z-index"), "3",
|
|
"z-index still stored");
|
|
is(s.getPropertyPriority("z-index"), "",
|
|
"z-index priority still stored");
|
|
|
|
// also test setting a shorthand
|
|
s.setProperty("font", "italic bold 12px/30px serif", "important");
|
|
is(s.getPropertyValue("font-style"), "italic", "font-style stored");
|
|
is(s.getPropertyPriority("font-style"), "important",
|
|
"font-style priority stored");
|
|
is(s.getPropertyValue("font-weight"), "bold", "font-weight stored");
|
|
is(s.getPropertyPriority("font-weight"), "important",
|
|
"font-weight priority stored");
|
|
is(s.getPropertyValue("font-size"), "12px", "font-size stored");
|
|
is(s.getPropertyPriority("font-size"), "important",
|
|
"font-size priority stored");
|
|
is(s.getPropertyValue("line-height"), "30px", "line-height stored");
|
|
is(s.getPropertyPriority("line-height"), "important",
|
|
"line-height priority stored");
|
|
is(s.getPropertyValue("font-family"), "serif", "font-family stored");
|
|
is(s.getPropertyPriority("font-family"), "important",
|
|
"font-family priority stored");
|
|
|
|
is(s.getPropertyValue("text-decoration"), "line-through",
|
|
"text-decoration still stored");
|
|
is(s.getPropertyPriority("text-decoration"), "important",
|
|
"text-decoration priority still stored");
|
|
is(s.getPropertyValue("z-index"), "3",
|
|
"z-index still stored");
|
|
is(s.getPropertyPriority("z-index"), "",
|
|
"z-index priority still stored");
|
|
|
|
// and overriding one element of that shorthand with some longhand
|
|
// test omitting the third argument to setProperty too (bug 655478)
|
|
s.setProperty("font-style", "normal");
|
|
|
|
is(s.getPropertyValue("font-style"), "normal", "font-style overridden");
|
|
is(s.getPropertyPriority("font-style"), "", "font-style priority overridden");
|
|
|
|
is(s.getPropertyValue("font-weight"), "bold", "font-weight unchanged");
|
|
is(s.getPropertyPriority("font-weight"), "important",
|
|
"font-weight priority unchanged");
|
|
is(s.getPropertyValue("font-size"), "12px", "font-size unchanged");
|
|
is(s.getPropertyPriority("font-size"), "important",
|
|
"font-size priority unchanged");
|
|
is(s.getPropertyValue("line-height"), "30px", "line-height unchanged");
|
|
is(s.getPropertyPriority("line-height"), "important",
|
|
"line-height priority unchanged");
|
|
is(s.getPropertyValue("font-family"), "serif", "font-family unchanged");
|
|
is(s.getPropertyPriority("font-family"), "important",
|
|
"font-family priority unchanged");
|
|
|
|
is(s.getPropertyValue("text-decoration"), "line-through",
|
|
"text-decoration still stored");
|
|
is(s.getPropertyPriority("text-decoration"), "important",
|
|
"text-decoration priority still stored");
|
|
is(s.getPropertyValue("z-index"), "3",
|
|
"z-index still stored");
|
|
is(s.getPropertyPriority("z-index"), "",
|
|
"z-index priority still stored");
|
|
|
|
s.setProperty("border-radius", "2em", "");
|
|
is(s.getPropertyValue("border-radius"), "2em",
|
|
"border-radius serialization 1")
|
|
|
|
s.setProperty("border-top-left-radius", "3em 4em", "");
|
|
is(s.getPropertyValue("border-radius"),
|
|
"3em 2em 2em / 4em 2em 2em",
|
|
"border-radius serialization 2");
|
|
|
|
s.setProperty("border-radius", "2em / 3em", "");
|
|
is(s.getPropertyValue("border-radius"),
|
|
"2em / 3em",
|
|
"border-radius serialization 3")
|
|
|
|
s.setProperty("border-top-left-radius", "4em", "");
|
|
is(s.getPropertyValue("border-radius"),
|
|
"4em 2em 2em / 4em 3em 3em",
|
|
"border-radius serialization 3");
|
|
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|