mirror of
https://github.com/servo/servo.git
synced 2025-07-05 14:33:38 +01:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
parent
9aa1b1e408
commit
35c74aecc2
11290 changed files with 92400 additions and 49214 deletions
|
@ -10,87 +10,54 @@
|
|||
<style id="styleElement">
|
||||
#test { color: green; }
|
||||
</style>
|
||||
<script id="metadata_cache">/*
|
||||
{
|
||||
"CSSStyleDeclaration_accessible": {
|
||||
"help": ["http://www.w3.org/TR/cssom/#the-cssstylesheet-interface",
|
||||
"http://www.w3.org/TR/cssom/#the-cssrulelist-interface",
|
||||
"http://www.w3.org/TR/cssom/#the-cssstylerule-interface"],
|
||||
"assert": "Can access CSSStyleDeclaration through CSSOM"
|
||||
},
|
||||
"read": { "assert": "initial property values are correct" },
|
||||
"csstext_write": {
|
||||
"assert": ["setting cssText adds new properties",
|
||||
"setting cssText removes existing properties",
|
||||
"properties set through cssText are reflected in the computed style"]
|
||||
},
|
||||
"property_write": {
|
||||
"assert": ["setProperty adds new properties",
|
||||
"properties set through setProperty are reflected in the computed style"]
|
||||
}
|
||||
}
|
||||
*/</script>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>Test not run - javascript required.</noscript>
|
||||
<div id="log"></div>
|
||||
<div id="test"></div>
|
||||
<script type="text/javascript">
|
||||
var styleElement = document.getElementById("styleElement");
|
||||
var styleDeclaration;
|
||||
test(function() {
|
||||
assert_own_property(styleElement, "sheet");
|
||||
assert_own_property(styleElement.sheet, "cssRules");
|
||||
assert_true(styleElement.sheet.cssRules instanceof CSSRuleList);
|
||||
assert_true(styleElement.sheet.cssRules.item(0) instanceof CSSStyleRule);
|
||||
declaration = styleElement.sheet.cssRules.item(0).style;
|
||||
}, "CSSStyleDeclaration_accessible",
|
||||
{ help: [ "http://www.w3.org/TR/cssom/#the-cssstylesheet-interface",
|
||||
"http://www.w3.org/TR/cssom/#the-cssrulelist-interface",
|
||||
"http://www.w3.org/TR/cssom/#the-cssstylerule-interface" ],
|
||||
assert: "Can access CSSStyleDeclaration through CSSOM" });
|
||||
var declaration;
|
||||
setup(function() {
|
||||
var styleElement = document.getElementById("styleElement");
|
||||
declaration = styleElement.sheet.cssRules.item(0).style;
|
||||
});
|
||||
|
||||
test(function() {
|
||||
assert_regexp_match(declaration.cssText, /color: green;\s*/);
|
||||
test(function() {
|
||||
assert_equals(declaration.cssText, "color: green;");
|
||||
assert_equals(declaration.getPropertyValue("color"), "green");
|
||||
}, "read",
|
||||
{ assert: "initial property values are correct" });
|
||||
}, "Reading CSSStyleDeclaration initialized from a style element");
|
||||
|
||||
test(function() {
|
||||
declaration.cssText = "margin-left: 10px; padding-left: 10px;";
|
||||
assert_regexp_match(declaration.cssText, /margin-left: 10px;\s+padding-left: 10px;\s+/);
|
||||
declaration.cssText = "margin-left:10px; padding-left:10px";
|
||||
assert_equals(declaration.cssText, "margin-left: 10px; padding-left: 10px;");
|
||||
assert_equals(declaration.length, 2);
|
||||
assert_equals(declaration.item(0), "margin-left");
|
||||
assert_equals(declaration.item(1), "padding-left");
|
||||
assert_equals(declaration.getPropertyValue("margin-left"), "10px");
|
||||
assert_equals(declaration.getPropertyValue("padding-left"), "10px");
|
||||
|
||||
|
||||
var computedStyle = window.getComputedStyle(document.getElementById("test"));
|
||||
assert_equals(computedStyle.getPropertyValue("margin-left"), "10px");
|
||||
assert_equals(computedStyle.getPropertyValue("padding-left"), "10px");
|
||||
}, "csstext_write",
|
||||
{ assert: [ "setting cssText adds new properties",
|
||||
"setting cssText removes existing properties",
|
||||
"properties set through cssText are reflected in the computed style"] });
|
||||
}, "Setting CSSStyleDeclaration#cssText");
|
||||
|
||||
test(function() {
|
||||
while(declaration.length > 0)
|
||||
while (declaration.length > 0) {
|
||||
declaration.removeProperty(declaration.item(0));
|
||||
}
|
||||
declaration.setProperty("margin-left", "15px");
|
||||
declaration.setProperty("padding-left", "15px");
|
||||
|
||||
|
||||
assert_equals(declaration.length, 2);
|
||||
assert_equals(declaration.item(0), "margin-left");
|
||||
assert_equals(declaration.item(1), "padding-left");
|
||||
assert_equals(declaration.getPropertyValue("margin-left"), "15px");
|
||||
assert_equals(declaration.getPropertyValue("padding-left"), "15px");
|
||||
|
||||
|
||||
var computedStyle = window.getComputedStyle(document.getElementById("test"));
|
||||
assert_equals(computedStyle.getPropertyValue("margin-left"), "15px");
|
||||
assert_equals(computedStyle.getPropertyValue("padding-left"), "15px");
|
||||
}, "property_write",
|
||||
{ assert: [ "setProperty adds new properties",
|
||||
"properties set through setProperty are reflected in the computed style"] });
|
||||
}, "Calling CSSStyleDeclaration#setProperty");
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
Loading…
Add table
Add a link
Reference in a new issue