<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=940229
-->
<head>
<title>Test handling extra inherit/initial/unset in CSS declarations (Bug 940229)</title>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="text/javascript" src="property_database.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=940229">Mozilla Bug 940229</a>
<p id="display"></p>
<div id="content" style="display: none">
<div id="testnode"></div>
</div>
<pre id="test">
<script class="testbody" type="application/javascript;version=1.7">
/*
* Inspired by mistake in quotes noticed while reviewing bug 189519.
*/
let gPropsNeedComma = {
"font": true,
"font-family": true,
"voice-family": true,
};
let gElement = document.getElementById("testnode");
let gDeclaration = gElement.style;
let kValuesToTestThoroughly = 3;
function test_property(property)
{
let info = gCSSProperties[property];
let delim = (property in gPropsNeedComma) ? ", " : " ";
function test_value_pair(relation, val1, val2, extraval) {
let decl = property + ": " + val1 + delim + val2;
gElement.setAttribute("style", decl);
if ("subproperties" in info) {
// Shorthand property; inspect each subproperty value.
for (let subprop of info.subproperties) {
is(gDeclaration.getPropertyValue(subprop), "",
["expected", extraval, "ignored", relation, "value in",
"'" + decl + "'", "when looking at subproperty",
"'" + subprop + "'"].join(" "));
}
} else {
// Longhand property.
is(gDeclaration.getPropertyValue(property), "",
["expected", extraval, "ignored", relation, "value in",
"'" + decl + "'"].join(" "));
}
}
function test_value(value, valueIdx) {
let specialKeywords = [ "inherit", "initial", "unset" ];
if (valueIdx < kValuesToTestThoroughly) {
// For the first few values, we test each special-keyword both before
// and after the value.
for (let keyword of specialKeywords) {
test_value_pair("before", keyword, value, keyword);
test_value_pair("after", value, keyword, keyword);
}
} else {
// For later values, only test one keyword before & after it.
let keywordIdx =
(valueIdx - kValuesToTestThoroughly) % specialKeywords.length;
keyword = specialKeywords[keywordIdx];
test_value_pair("before", keyword, value, keyword);
test_value_pair("after", value, keyword, keyword);
}
}
for (let idx in info.initial_values) {
test_value(info.initial_values[idx], idx);
}
for (let idx in info.other_values) {
test_value(info.initial_values[idx], idx);
}
}
SimpleTest.waitForExplicitFinish();
SimpleTest.requestLongerTimeout(4);
function start_test() {
for (let prop in gCSSProperties) {
test_property(prop);
}
SimpleTest.finish();
}
// Turn off CSS error reporting for this test, since it's a bit expensive,
// and we're expecting to generate tons and tons of parse errors here.
SpecialPowers.pushPrefEnv({ "set": [["layout.css.report_errors", false]] },
start_test);
</script>
</pre>
</body>
</html>