gecko/layout/style/test/test_value_computation.html

252 lines
8.8 KiB
HTML

<!DOCTYPE HTML>
<html>
<!--
-->
<head>
<title>Test for computation of values in property database</title>
<script type="text/javascript" src="/MochiKit/MochiKit.js"></script>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="text/javascript" src="property_database.js"></script>
<style type="text/css" id="stylesheet"></style>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
<script type="text/javascript">
SimpleTest.waitForExplicitFinish();
var load_count = 0;
function load_done() {
if (++load_count == 3)
run_tests();
}
</script>
</head>
<body>
<p id="display"><span><span id="elementf"></span></span>
<iframe id="unstyledn" src="unstyled.xml" height="10" width="10" onload="load_done()"></iframe>
<iframe id="unstyledf" src="unstyled-frame.xml" height="10" width="10" onload="load_done()"></iframe>
</p>
<div id="content" style="display: none">
<div><span id="elementn"></span></div>
</div>
<pre id="test">
<script class="testbody" type="text/javascript">
/** Test for computation of values in property database **/
var gNotAccepted = {
"-moz-column-width": [ "50%" ],
"list-style": [ "none disc outside" ],
};
var gBadComputed = {
// NS_STYLE_COLUMN_COUNT_AUTO is 0
"-moz-column-count": [ "0" ],
"clip": [ "rect(auto,auto,auto,auto)" ],
// No idea what's happening for these two either
"border-top": [ "thin" ],
"border-right": [ "thin" ],
"border-bottom": [ "thin" ],
"border-left": [ "thin" ],
"-moz-border-start": [ "thin" ],
"-moz-border-end": [ "thin" ],
"outline-width": [ "3px" ],
// 'normal' should compute to 0
"word-spacing": [ "0", "0px", "-0em" ],
// These values are treated as auto.
"page-break-after": [ "avoid" ],
"page-break-before": [ "avoid" ],
// These are probably bogus tests...
"-moz-outline-radius": [ "0%" ],
"-moz-outline-radius-bottomleft": [ "0%" ],
"-moz-outline-radius-bottomright": [ "0%" ],
"-moz-outline-radius-topleft": [ "0%" ],
"-moz-outline-radius-topright": [ "0%" ],
// These are probably bogus tests... (why not just when no frame?)
"-moz-margin-end": [ "0%" ],
"-moz-margin-start": [ "0%" ],
"-moz-padding-end": [ "0%" ],
"-moz-padding-start": [ "0%" ],
};
var gBadComputedNoFrame = {
// These are probably bogus tests...
"margin": [ "0% 0px 0em 0pt" ],
"margin-bottom": [ "0%" ],
"margin-left": [ "0%" ],
"margin-right": [ "0%" ],
"margin-top": [ "0%" ],
"padding": [ "0% 0px 0em 0pt" ],
"padding-bottom": [ "0%" ],
"padding-left": [ "0%" ],
"padding-right": [ "0%" ],
"padding-top": [ "0%" ],
};
function xfail_value(property, value, is_initial, has_frame) {
if ((property in gNotAccepted) &&
gNotAccepted[property].indexOf(value) != -1)
return true;
if ((property in gBadComputed) &&
gBadComputed[property].indexOf(value) != -1)
return true;
if (!has_frame && (property in gBadComputedNoFrame) &&
gBadComputedNoFrame[property].indexOf(value) != -1)
return true;
return false;
}
var gElementN = document.getElementById("elementn");
var gElementF = document.getElementById("elementf");
var gStyleSheet = document.getElementById("stylesheet").sheet;
var gRule1 = gStyleSheet.cssRules[gStyleSheet.insertRule("#elementn, #elementf {}", gStyleSheet.cssRules.length)];
var gRule2 = gStyleSheet.cssRules[gStyleSheet.insertRule("#elementn, #elementf {}", gStyleSheet.cssRules.length)];
var gInitialValuesN;
var gInitialValuesF;
var gInitialPrereqsRuleN;
var gInitialPrereqsRuleF;
function setup_initial_values(id, ivalprop, prereqprop) {
var iframe = document.getElementById(id);
window[ivalprop] = iframe.contentWindow.getComputedStyle(
iframe.contentDocument.documentElement.firstChild, "");
var sheet = iframe.contentDocument.styleSheets[0];
window[prereqprop] = sheet.cssRules[sheet.insertRule(":root > * {}", sheet.cssRules.length)];
}
function test_value(property, val, is_initial)
{
var info = gCSSProperties[property];
if (info.backend_only)
return;
if ("prerequisites" in info) {
var prereqs = info.prerequisites;
for (var prereq in prereqs) {
gRule1.style.setProperty(prereq, prereqs[prereq], "");
gInitialPrereqsRuleN.style.setProperty(prereq, prereqs[prereq], "");
gInitialPrereqsRuleF.style.setProperty(prereq, prereqs[prereq], "");
}
}
if (info.inherited && is_initial) {
gElementN.parentNode.style.setProperty(property, info.other_values[0], "");
gElementF.parentNode.style.setProperty(property, info.other_values[0], "");
}
var initial_computed_n = get_computed_value(gInitialValuesN, property);
var initial_computed_f = get_computed_value(gInitialValuesF, property);
if (is_initial) {
gRule1.style.setProperty(property, info.other_values[0], "");
var other_computed_n = get_computed_value(getComputedStyle(gElementN, ""), property);
var other_computed_f = get_computed_value(getComputedStyle(gElementF, ""), property);
isnot(other_computed_n, initial_computed_n,
"should be testing with values that compute to different things " +
"for '" + property + "'");
isnot(other_computed_f, initial_computed_f,
"should be testing with values that compute to different things " +
"for '" + property + "'");
}
// It's important for values that are supposed to compute to the
// initial value (given the current design of nsRuleNode) that we're
// modifying the most specific rule that matches the element, and that
// we've already requested style while that rule was empty. This
// means we'll have a cached aStartStruct from the parent in the rule
// tree (caching the "other" value), so we'll make sure we don't get
// the initial value from the luck of default-initialization.
// This means that it's important that we set the prereqs on
// gRule1.style rather than on gElement.style.
gRule2.style.setProperty(property, val, "");
var val_computed_n = get_computed_value(getComputedStyle(gElementN, ""), property);
var val_computed_f = get_computed_value(getComputedStyle(gElementF, ""), property);
isnot(val_computed_n, "",
"should not get empty value for '" + property + ":" + val + "'");
isnot(val_computed_f, "",
"should not get empty value for '" + property + ":" + val + "'");
if (is_initial) {
(xfail_value(property, val, is_initial, false) ? todo_is : is)(
val_computed_n, initial_computed_n,
"should get initial value for '" + property + ":" + val + "'");
(xfail_value(property, val, is_initial, true) ? todo_is : is)(
val_computed_f, initial_computed_f,
"should get initial value for '" + property + ":" + val + "'");
} else {
(xfail_value(property, val, is_initial, false) ? todo_isnot : isnot)(
val_computed_n, initial_computed_n,
"should not get initial value for '" + property + ":" + val + "'");
(xfail_value(property, val, is_initial, true) ? todo_isnot : isnot)(
val_computed_f, initial_computed_f,
"should not get initial value for '" + property + ":" + val + "'");
}
if (is_initial)
gRule1.style.removeProperty(property);
gRule2.style.removeProperty(property);
if ("prerequisites" in info) {
var prereqs = info.prerequisites;
for (var prereq in prereqs) {
gRule1.style.removeProperty(prereq);
gInitialPrereqsRuleN.style.removeProperty(prereq);
gInitialPrereqsRuleF.style.removeProperty(prereq);
}
}
if (info.inherited && is_initial) {
gElementN.parentNode.style.removeProperty(property);
gElementF.parentNode.style.removeProperty(property);
}
}
function test_property(prop) {
var info = gCSSProperties[prop];
for (var idx in info.initial_values)
test_value(prop, info.initial_values[idx], true);
for (var idx in info.other_values)
test_value(prop, info.other_values[idx], false);
}
function run_tests() {
setup_initial_values("unstyledn", "gInitialValuesN", "gInitialPrereqsRuleN");
setup_initial_values("unstyledf", "gInitialValuesF", "gInitialPrereqsRuleF");
var props = [];
for (var prop in gCSSProperties)
props.push(prop);
props = props.reverse();
function do_one(l) {
if (l.length == 0) {
// SimpleTest.finish() is really slow, so we have to disable the
// slow script dialog for this part
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
var prefService = Components.classes["@mozilla.org/preferences-service;1"].
getService(Components.interfaces.nsIPrefService);
var domBranch = prefService.getBranch("dom.");
var oldVal = domBranch.getIntPref("max_script_run_time");
domBranch.setIntPref("max_script_run_time", 0);
SimpleTest.finish();
domBranch.setIntPref("max_script_run_time", oldVal);
return;
}
test_property(l.pop());
setTimeout(do_one, 0, l);
}
setTimeout(do_one, 0, props);
}
load_done();
</script>
</pre>
</body>
</html>