/** Test for parsing, storage, and serialization of CSS 'inherit' on all
properties and 'unset' on inherited properties **/
var gDeclaration = document.getElementById("testnode").style;
function test_property(property)
{ var info = gCSSProperties[property];
var keywords = ["inherit"];
if (info.inherited)
keywords.push("unset");
keywords.forEach(function(keyword) {
function check_initial(sproperty) { var sinfo = gCSSProperties[sproperty]; var val = gDeclaration.getPropertyValue(sproperty);
is(val, "", "value of '" + sproperty + "' before we do anything");
is(val, gDeclaration[sinfo.domProp], "consistency between decl.getPropertyValue('" + sproperty + "') and decl." + sinfo.domProp);
}
check_initial(property);
if ("subproperties" in info)
for (var idx in info.subproperties)
check_initial(info.subproperties[idx]);
gDeclaration.setProperty(property, keyword, "");
function check_set(sproperty) { var sinfo = gCSSProperties[sproperty];
val = gDeclaration.getPropertyValue(sproperty);
is(val, keyword,
keyword + " reported back for property '" + sproperty + "'");
is(val, gDeclaration[sinfo.domProp], "consistency between decl.getPropertyValue('" + sproperty + "') and decl." + sinfo.domProp);
}
check_set(property);
if ("subproperties" in info)
for (var idx in info.subproperties)
check_set(info.subproperties[idx]);
// We don't care particularly about the whitespace or the placement of
// semicolons, but for simplicity we'll test the current behavior.
if ("alias_for" in info) {
is(gDeclaration.cssText, info.alias_for + ": " + keyword + ";", "declaration should serialize to exactly what went in (for " + keyword + ")");
} else if (info.type == CSS_TYPE_LEGACY_SHORTHAND) {
// We can't assert anything more meaningful here, really.
is(property, "zoom", "Zoom is a bit special because it never " + "serializes as-is, we always serialize the longhands, " + "but it doesn't just map to a single property " + "(and thus we can't use the 'alias_for' mechanism)");
} else {
is(gDeclaration.cssText, property + ": " + keyword + ";", "declaration should serialize to exactly what went in (for " + keyword + ")");
}
gDeclaration.removeProperty(property);
function check_final(sproperty) { var sinfo = gCSSProperties[sproperty]; var val = gDeclaration.getPropertyValue(sproperty);
is(val, "", "value of '" + sproperty + "' after removal of value");
is(val, gDeclaration[sinfo.domProp], "consistency between decl.getPropertyValue('" + sproperty + "') and decl." + sinfo.domProp);
}
check_final(property);
if ("subproperties" in info)
for (var idx in info.subproperties)
check_final(info.subproperties[idx]);
// can all properties be removed from the style?
function test_remove_all_properties(propName, value) { var i, p = [];
for (i = 0; i < gDeclaration.length; i++) p.push(gDeclaration[i]);
for (i = 0; i < p.length; i++) gDeclaration.removeProperty(p[i]); var errstr = "when setting property " + propName + " to " + value;
is(gDeclaration.length, 0, "unremovable properties " + errstr);
is(gDeclaration.cssText, "", "non-empty serialization after removing all properties " + errstr);
}
// sanity check shorthands to make sure disabled props aren't exposed
if (info.type != CSS_TYPE_LONGHAND) {
gDeclaration.setProperty(property, keyword, "");
test_remove_all_properties(property, keyword);
gDeclaration.removeProperty(property);
}
});
}
for (var prop in gCSSProperties)
test_property(prop);
</script>
</pre>
</body>
</html>
Messung V0.5
¤ Dauer der Verarbeitung: 0.19 Sekunden
(vorverarbeitet)
¤
Die Informationen auf dieser Webseite wurden
nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit,
noch Qualität der bereit gestellten Informationen zugesichert.
Bemerkung:
Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.