mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
This commit is contained in:
James Graham
parent
1a81b18b9f
commit
2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
224
tests/wpt/css-tests/css-conditional-3_dev/html/001.htm
Normal file
224
tests/wpt/css-tests/css-conditional-3_dev/html/001.htm
Normal file
|
|
@ -0,0 +1,224 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Test (Conditional Rules): @supports rules OM support</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<meta content="" name="flags">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
@supports (padding: 0) {
|
||||
dfn { width:0; }
|
||||
@supports (width: 0) {
|
||||
br { height:0; }
|
||||
}
|
||||
ol { display:none; }
|
||||
}
|
||||
@media all {
|
||||
@supports (padding: 0) {
|
||||
@keyframes foo {
|
||||
0% { top: 0; left: 0; }
|
||||
100% { top: 100px; left: 100px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
@supports (border: black) and (padding: 0) and (width: 0) {
|
||||
dfn { width:0; }
|
||||
}
|
||||
@supports (border: black) or (padding: 0) or (width: 0) {
|
||||
dfn { width:0; }
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
/**
|
||||
* Asserts tha the two strings are equal, after normalizing whitespace
|
||||
*
|
||||
* If the serialization of whitespace and identation ever becomes
|
||||
* specified to a sufficient degree of presition, this should be
|
||||
* replaced by a strict textual comparison with assert_equals.
|
||||
*/
|
||||
function assert_equals_normalized(a, b) {
|
||||
var normal_a = a.replace(/\s+/g, " ");
|
||||
var normal_b = b.replace(/\s+/g, " ");
|
||||
assert_equals(normal_a, normal_b);
|
||||
}
|
||||
test(function(){
|
||||
var base_rule = document.styleSheets[0].cssRules[0];
|
||||
var child_rule = base_rule.cssRules[1];
|
||||
assert_equals_normalized(base_rule.cssText,
|
||||
"@supports (padding: 0) {\n"
|
||||
+" dfn { width: 0px; }\n"
|
||||
+" @supports (width: 0) {\n"
|
||||
+" br { height: 0px; }\n"
|
||||
+" }\n"
|
||||
+" ol { display: none; }\n"
|
||||
+"}");
|
||||
assert_equals_normalized(child_rule.cssText,
|
||||
"@supports (width: 0) {\n"
|
||||
+" br { height: 0px; }\n"
|
||||
+"}");
|
||||
}, "nested @supports serialize properly");
|
||||
|
||||
test(function(){
|
||||
var base_rule = document.styleSheets[0].cssRules[1];
|
||||
var child_rule = base_rule.cssRules[0];
|
||||
var grand_child_rule = child_rule.cssRules[0];
|
||||
assert_equals_normalized(base_rule.cssText,
|
||||
"@media all {\n"
|
||||
+" @supports (padding: 0) {\n"
|
||||
+" @keyframes foo {\n"
|
||||
+" 0% { top: 0px; left: 0px; }\n"
|
||||
+" 100% { top: 100px; left: 100px; }\n"
|
||||
+" }\n"
|
||||
+" }\n"
|
||||
+"}");
|
||||
assert_equals_normalized(child_rule.cssText,
|
||||
"@supports (padding: 0) {\n"
|
||||
+" @keyframes foo {\n"
|
||||
+" 0% { top: 0px; left: 0px; }\n"
|
||||
+" 100% { top: 100px; left: 100px; }\n"
|
||||
+" }\n"
|
||||
+"}");
|
||||
assert_equals_normalized(grand_child_rule.cssText,
|
||||
"@keyframes foo {\n"
|
||||
+" 0% { top: 0px; left: 0px; }\n"
|
||||
+" 100% { top: 100px; left: 100px; }\n"
|
||||
+"}");
|
||||
}, "@keyframes nested in @supports serialize properly");
|
||||
|
||||
test(function(){
|
||||
var rules = document.styleSheets[0].cssRules;
|
||||
assert_equals(rules.length, 4);
|
||||
assert_equals(rules[0].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[1].type, CSSRule.MEDIA_RULE);
|
||||
assert_equals(rules[0].cssRules.length, 3);
|
||||
assert_equals(rules[0].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
assert_equals(rules[0].cssRules[1].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[0].cssRules[2].type, CSSRule.STYLE_RULE);
|
||||
|
||||
assert_equals(rules[0].cssRules[1].cssRules.length, 1);
|
||||
assert_equals(rules[0].cssRules[1].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
|
||||
assert_equals(rules[1].cssRules.length, 1);
|
||||
assert_equals(rules[1].cssRules[0].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[1].cssRules[0].cssRules.length, 1);
|
||||
assert_equals(rules[1].cssRules[0].cssRules[0].type, CSSRule.KEYFRAMES_RULE);
|
||||
|
||||
assert_equals(rules[2].cssRules.length, 1);
|
||||
assert_equals(rules[2].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
|
||||
assert_equals(rules[3].cssRules.length, 1);
|
||||
assert_equals(rules[3].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
}, "The style sheet structure is properly represented");
|
||||
|
||||
test(function(){
|
||||
document.styleSheets[0].deleteRule(1);
|
||||
|
||||
var rules = document.styleSheets[0].cssRules;
|
||||
assert_equals(rules.length, 3);
|
||||
assert_equals(rules[0].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[0].cssRules.length, 3);
|
||||
assert_equals(rules[0].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
assert_equals(rules[0].cssRules[1].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[0].cssRules[2].type, CSSRule.STYLE_RULE);
|
||||
|
||||
assert_equals(rules[0].cssRules[1].cssRules.length, 1);
|
||||
assert_equals(rules[0].cssRules[1].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
}, "Deleting the top level of a nested structue works");
|
||||
|
||||
test(function(){
|
||||
var rules = document.styleSheets[0].cssRules;
|
||||
|
||||
rules[0].cssRules[1].insertRule("img { visibility:hidden; }", 0);
|
||||
|
||||
assert_equals(rules.length, 3);
|
||||
assert_equals(rules[0].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[0].cssRules.length, 3);
|
||||
assert_equals(rules[0].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
assert_equals(rules[0].cssRules[1].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[0].cssRules[2].type, CSSRule.STYLE_RULE);
|
||||
|
||||
assert_equals(rules[0].cssRules[1].cssRules.length, 2);
|
||||
assert_equals(rules[0].cssRules[1].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
assert_equals(rules[0].cssRules[1].cssRules[0].cssText, "img { visibility: hidden; }");
|
||||
assert_equals(rules[0].cssRules[1].cssRules[1].type, CSSRule.STYLE_RULE);
|
||||
assert_equals(rules[0].cssRules[1].cssRules[1].cssText, "br { height: 0px; }");
|
||||
}, "Rule insertion works in nested @supports rules");
|
||||
|
||||
test(function(){
|
||||
var rules = document.styleSheets[0].cssRules;
|
||||
|
||||
rules[0].insertRule("@supports (left: 42px) { #foo { color:green; } }", 1);
|
||||
|
||||
assert_equals(rules.length, 3);
|
||||
assert_equals(rules[0].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[0].cssRules.length, 4);
|
||||
assert_equals(rules[0].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
assert_equals(rules[0].cssRules[1].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[0].cssRules[2].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[0].cssRules[3].type, CSSRule.STYLE_RULE);
|
||||
|
||||
assert_equals(rules[0].cssRules[1].cssRules.length, 1);
|
||||
assert_equals(rules[0].cssRules[1].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
assert_equals(rules[0].cssRules[1].cssRules[0].cssText, "#foo { color: green; }");
|
||||
|
||||
assert_equals(rules[0].cssRules[2].cssRules.length, 2);
|
||||
assert_equals(rules[0].cssRules[2].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
assert_equals(rules[0].cssRules[2].cssRules[0].cssText, "img { visibility: hidden; }");
|
||||
assert_equals(rules[0].cssRules[2].cssRules[1].type, CSSRule.STYLE_RULE);
|
||||
assert_equals(rules[0].cssRules[2].cssRules[1].cssText, "br { height: 0px; }");
|
||||
}, "Insertion @supports rules into another @supports rule works");
|
||||
|
||||
test(function(){
|
||||
var rules = document.styleSheets[0].cssRules;
|
||||
|
||||
rules[0].deleteRule(2);
|
||||
|
||||
assert_equals(rules.length, 3);
|
||||
assert_equals(rules[0].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[0].cssRules.length, 3);
|
||||
assert_equals(rules[0].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
assert_equals(rules[0].cssRules[1].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[0].cssRules[2].type, CSSRule.STYLE_RULE);
|
||||
|
||||
assert_equals(rules[0].cssRules[1].cssRules.length, 1);
|
||||
assert_equals(rules[0].cssRules[1].cssRules[0].type, CSSRule.STYLE_RULE);
|
||||
assert_equals(rules[0].cssRules[1].cssRules[0].cssText, "#foo { color: green; }");
|
||||
}, "Deletion of a nested @supports rule works");
|
||||
|
||||
test(function(){
|
||||
var rules = document.styleSheets[0].cssRules;
|
||||
|
||||
rules[0].insertRule("@font-face { font-familly: foo; src: url('http://www.example.com/foo'; }", 0);
|
||||
|
||||
assert_equals(rules.length, 3);
|
||||
assert_equals(rules[0].type, CSSRule.SUPPORTS_RULE);
|
||||
assert_equals(rules[0].cssRules.length, 4);
|
||||
assert_equals(rules[0].cssRules[0].type, CSSRule.FONT_FACE_RULE);
|
||||
}, "Inserting @font-face inside @supports works");
|
||||
|
||||
test(function(){
|
||||
var style_rule = document.styleSheets[0].cssRules[0].cssRules[1];
|
||||
|
||||
assert_throws(new TypeError(), function() { style_rule.insertRule("@supports (width: 0) { ol { width: 0; } }", 0);} );
|
||||
|
||||
}, "Inserting an @supports inside a style rule should fail");
|
||||
test(function(){
|
||||
var rule = document.styleSheets[0].cssRules[1];
|
||||
assert_equals_normalized(rule.cssText,
|
||||
"@supports (border: black) and (padding: 0) and (width: 0) {\n"
|
||||
+" dfn { width: 0px; }\n"
|
||||
+"}");
|
||||
}, "'and' arguments in @supports serialize in the correct order and with extra parentheses");
|
||||
test(function(){
|
||||
var rule = document.styleSheets[0].cssRules[2];
|
||||
assert_equals_normalized(rule.cssText,
|
||||
"@supports (border: black) or (padding: 0) or (width: 0) {\n"
|
||||
+" dfn { width: 0px; }\n"
|
||||
+"}");
|
||||
}, "'or' arguments in @supports serialize in the correct order and with extra parentheses");
|
||||
</script>
|
||||
|
||||
</head><body><div id="log"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test: DESCRIPTION OF TEST</title>
|
||||
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://mozilla.com/" rel="author" title="Mozilla Corporation">
|
||||
<link href="reference/background-lime.htm" rel="match">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-media" rel="help">
|
||||
<meta content="Whitespace after the MEDIA_SYM token is optional (S*)." name="assert">
|
||||
<style>
|
||||
@media{ body { background: lime; color: black; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
This page should have a light green background.
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test: DESCRIPTION OF TEST</title>
|
||||
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://mozilla.com/" rel="author" title="Mozilla Corporation">
|
||||
<link href="reference/background-lime.htm" rel="match">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-media" rel="help">
|
||||
<meta content="Whitespace after the MEDIA_SYM token is optional (S*)." name="assert">
|
||||
<style>
|
||||
@media(min-width:0px){ body { background: lime; color: black; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
This page should have a light green background.
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Support for simple passing conditions in @supports</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin: 0) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Support for @supports within @media</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@media all {
|
||||
@supports (margin: 0) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Support for @media within @supports</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin: 0) {
|
||||
@media all{
|
||||
div { background-color:green; }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): @supports within non-matching @media should not apply</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
@media not all {
|
||||
@supports (margin: 0) {
|
||||
div { background-color:red; }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): non-matching @media within @supports should not apply</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
@supports (margin: 0) {
|
||||
@media not all {
|
||||
div { background-color:red; }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Nested parens around conditions in @supports should work</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports ((margin: 0)) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Conjunctions of passing simple conditions in @supports should pass</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports ((margin: 0) and (display:inline-block !important)) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Disjunctions with at least a passing simple condition in @supports should pass</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports ((margin: 0) or (foo: 15em)) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Negations of failing simple conditions in @supports should pass</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (not (yadayada: x, calc( 2/3 ))) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Combinations of conjuctions, disjunctions, and negations of simple conditions in @supports should work</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports ((yada: 2kg !trivial) or ((not (foo:bar)) and (((visibility:hidden))))) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Conditions not enclosed in parens in @supports should not work</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
@supports margin: 0 {
|
||||
div { background-color:red; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Conjunctions with more than two terms in @supports should work</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports ((margin: 0) and (background: blue) and (padding:inherit)) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Disjunction with more than two terms in @supports should work</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports ((yoyo: yaya) or (margin: 0) or (answer: 42)) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Negations in @supports should not work if "not" isn't follow by a space</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (width: 0) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
@supports not(foo: baz) {
|
||||
div { background-color:red; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Bizarre syntax that still conforms to the core grammar should succesfully parse in @supports</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (not (foo: baz !unrelated $ ,/[&])) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): In @supports, parens are required to mix conjunctions with disjunctions</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div{
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
@supports ((margin: 0) and (display: inline) or (width:1em)) {
|
||||
div { background-color:red; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): In @supports, functions can be parsed successfully</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (background: url("http://www.example.com/foo.jpg")) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): In @supports conditions, the arguments of a function can begin with spaces</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (not (width:compute( 2px + 2px ))) {
|
||||
div { background-color:green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin: ) {
|
||||
div { background-color:red !important; }
|
||||
}
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin: 2px) ) {
|
||||
div { background-color:red !important; }
|
||||
}
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin:0 );
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports [margin: 0] {
|
||||
div { background-color:red !important; }
|
||||
}
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in nested @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@media all {
|
||||
@supports (width: 0)) {}
|
||||
@supports (margin:0) { div { background-color:green !important; } }
|
||||
}
|
||||
div { background-color:red; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports;
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports ((margin:0) and [padding:0]) {
|
||||
div { background-color:red !important; }
|
||||
}
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin: 0]) {
|
||||
div { background-color:red !important; }
|
||||
}
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-027-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
div {
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin: 0)
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin: 0)) {}
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-027-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
div {
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin: 0) !
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
@supports ((margin: 0) and ;
|
||||
div { background-color:red; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports (margin: 0)) ;
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports {}
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<style>
|
||||
div {
|
||||
background-color:red;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
@supports ;
|
||||
@supports (margin:0) { div { background-color:green; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<meta content="Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'." name="assert">
|
||||
|
||||
<!--
|
||||
|
||||
supports_condition_in_parens
|
||||
: ( '(' S* supports_condition ')' S* ) | supports_declaration_condition |
|
||||
general_enclosed
|
||||
;
|
||||
|
||||
-->
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
@supports (margin: 0 or padding: 0) { div {background-color: red !important;} }
|
||||
|
||||
@supports (margin: 0) { div {background-color: green;} }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<meta content="Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'." name="assert">
|
||||
|
||||
<!--
|
||||
|
||||
supports_condition_in_parens
|
||||
: ( '(' S* supports_condition ')' S* ) | supports_declaration_condition |
|
||||
general_enclosed
|
||||
;
|
||||
|
||||
-->
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
@supports (margin: 0) { div {background-color: green;} }
|
||||
|
||||
@supports (margin: 0 or padding: 0) { div {background-color: red;} }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<meta content="Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'." name="assert">
|
||||
|
||||
<!--
|
||||
|
||||
supports_condition_in_parens
|
||||
: ( '(' S* supports_condition ')' S* ) | supports_declaration_condition |
|
||||
general_enclosed
|
||||
;
|
||||
|
||||
-->
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
@supports (margin: 0 and padding: 0)
|
||||
{
|
||||
div {background-color: red !important;}
|
||||
}
|
||||
|
||||
@supports (margin: 0) { div {background-color: green;} }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<meta content="Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'." name="assert">
|
||||
|
||||
<!--
|
||||
|
||||
supports_condition_in_parens
|
||||
: ( '(' S* supports_condition ')' S* ) | supports_declaration_condition |
|
||||
general_enclosed
|
||||
;
|
||||
|
||||
-->
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
@supports (margin: 0) { div {background-color: green;} }
|
||||
|
||||
@supports (margin: 0 and padding: 0) { div {background-color: red;} }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<meta content="Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se." name="assert">
|
||||
|
||||
<!--
|
||||
|
||||
supports_condition_in_parens
|
||||
: ( '(' S* supports_condition ')' S* ) | supports_declaration_condition |
|
||||
general_enclosed
|
||||
;
|
||||
|
||||
-->
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
@supports (margin: 0;) { div {background-color: red !important;} }
|
||||
|
||||
@supports (margin: 0) { div {background-color: green;} }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
||||
<link href="reference/at-supports-001-ref.htm" rel="match">
|
||||
<meta content="invalid" name="flags">
|
||||
<meta content="Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se." name="assert">
|
||||
|
||||
<!--
|
||||
|
||||
supports_condition_in_parens
|
||||
: ( '(' S* supports_condition ')' S* ) | supports_declaration_condition |
|
||||
general_enclosed
|
||||
;
|
||||
|
||||
-->
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
@supports (margin: 0) { div {background-color: green;} }
|
||||
|
||||
@supports (margin: 0;) { div {background-color: red;} }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
57
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-1.htm
Normal file
57
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-1.htm
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Introduction - CSS Conditional Rules Module Level 3 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Conditional Rules Module Level 3 CR Test Suite</h1>
|
||||
<h2>Introduction (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#introduction">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#context">1.1 Background</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#placement">1.2 Module Interactions</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#conventions">1.3 Document Conventions</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
42
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-2.htm
Normal file
42
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-2.htm
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Processing of conditional group rules - CSS Conditional Rules Module Level 3 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Conditional Rules Module Level 3 CR Test Suite</h1>
|
||||
<h2>Processing of conditional group rules (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#processing">2 Processing of conditional group rules</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#conditional-group-rules">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
48
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-3.htm
Normal file
48
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-3.htm
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Contents of conditional group rules - CSS Conditional Rules Module Level 3 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Conditional Rules Module Level 3 CR Test Suite</h1>
|
||||
<h2>Contents of conditional group rules (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#contents-of">3 Contents of conditional group rules</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#group-rule-body">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#group_rule_body">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#nested_statement">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
39
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-4.htm
Normal file
39
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-4.htm
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Placement of conditional group rules - CSS Conditional Rules Module Level 3 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Conditional Rules Module Level 3 CR Test Suite</h1>
|
||||
<h2>Placement of conditional group rules (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#use">4 Placement of conditional group rules</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
89
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-5.htm
Normal file
89
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-5.htm
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Media-specific style sheets: the ‘@media’ rule - CSS Conditional Rules Module Level 3 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Conditional Rules Module Level 3 CR Test Suite</h1>
|
||||
<h2>Media-specific style sheets: the ‘@media’ rule (4 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#at-media">5 Media-specific style sheets: the ‘@media’ rule</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="at-media-whitespace-optional-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-media-whitespace-optional-001.htm">at-media-whitespace-optional-001</a></strong></td>
|
||||
<td><a href="reference/background-lime.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>DESCRIPTION OF TEST
|
||||
<ul class="assert">
|
||||
<li>Whitespace after the MEDIA_SYM token is optional (S*).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-media-whitespace-optional-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-media-whitespace-optional-002.htm">at-media-whitespace-optional-002</a></strong></td>
|
||||
<td><a href="reference/background-lime.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>DESCRIPTION OF TEST
|
||||
<ul class="assert">
|
||||
<li>Whitespace after the MEDIA_SYM token is optional (S*).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-026-5" class="">
|
||||
<td>
|
||||
<a href="css-supports-026.htm">css-supports-026</a></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>A nested @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>An outer @supports rule with an inner @media rule must apply the rules inside the @media only if both the @supports and @media conditions pass.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-046-5" class="">
|
||||
<td>
|
||||
<a href="css-supports-046.htm">css-supports-046</a></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>A nested @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>An outer @media rule with an inner @supports rule must apply the rules inside the @supports only if both the @supports and @media conditions pass.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.#atmedia-rule">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.#media">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
903
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-6.htm
Normal file
903
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-6.htm
Normal file
|
|
@ -0,0 +1,903 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Feature queries: the ‘@supports’ rule - CSS Conditional Rules Module Level 3 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Conditional Rules Module Level 3 CR Test Suite</h1>
|
||||
<h2>Feature queries: the ‘@supports’ rule (84 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#at-supports">6 Feature queries: the ‘@supports’ rule</a></th></tr>
|
||||
<!-- 84 tests -->
|
||||
<tr id="001-6" class="primary script">
|
||||
<td><strong>
|
||||
<a href="001.htm">001</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>@supports rules OM support
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-001-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-001.htm">at-supports-001</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Support for simple passing conditions in @supports
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-002-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-002.htm">at-supports-002</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Support for @supports within @media
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-003-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-003.htm">at-supports-003</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Support for @media within @supports
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-004-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-004.htm">at-supports-004</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>@supports within non-matching @media should not apply
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-005-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-005.htm">at-supports-005</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>non-matching @media within @supports should not apply
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-006-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-006.htm">at-supports-006</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Nested parens around conditions in @supports should work
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-007-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-007.htm">at-supports-007</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Conjunctions of passing simple conditions in @supports should pass
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-008-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-008.htm">at-supports-008</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Disjunctions with at least a passing simple condition in @supports should pass
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-009-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-009.htm">at-supports-009</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Negations of failing simple conditions in @supports should pass
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-010-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-010.htm">at-supports-010</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Combinations of conjuctions, disjunctions, and negations of simple conditions in @supports should work
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-011-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-011.htm">at-supports-011</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Conditions not enclosed in parens in @supports should not work
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-012-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-012.htm">at-supports-012</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Conjunctions with more than two terms in @supports should work
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-013-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-013.htm">at-supports-013</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Disjunction with more than two terms in @supports should work
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-014-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-014.htm">at-supports-014</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Negations in @supports should not work if "not" isn't follow by a space
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-015-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-015.htm">at-supports-015</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Bizarre syntax that still conforms to the core grammar should succesfully parse in @supports
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-016-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-016.htm">at-supports-016</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>In @supports, parens are required to mix conjunctions with disjunctions
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-017-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-017.htm">at-supports-017</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>In @supports, functions can be parsed successfully
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-018-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="at-supports-018.htm">at-supports-018</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>In @supports conditions, the arguments of a function can begin with spaces
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-019-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-019.htm">at-supports-019</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-020-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-020.htm">at-supports-020</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-021-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-021.htm">at-supports-021</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-022-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-022.htm">at-supports-022</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-023-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-023.htm">at-supports-023</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in nested @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-024-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-024.htm">at-supports-024</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-025-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-025.htm">at-supports-025</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-026-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-026.htm">at-supports-026</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-027-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-027.htm">at-supports-027</a></strong></td>
|
||||
<td><a href="reference/at-supports-027-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-028-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-028.htm">at-supports-028</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-029-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-029.htm">at-supports-029</a></strong></td>
|
||||
<td><a href="reference/at-supports-027-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-030-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-030.htm">at-supports-030</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-031-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-031.htm">at-supports-031</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-032-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-032.htm">at-supports-032</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-033-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-033.htm">at-supports-033</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax in @supports recovers properly
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-034-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-034.htm">at-supports-034</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax of supports condition
|
||||
<ul class="assert">
|
||||
<li>Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-035-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-035.htm">at-supports-035</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax of supports condition
|
||||
<ul class="assert">
|
||||
<li>Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-036-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-036.htm">at-supports-036</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax of supports condition
|
||||
<ul class="assert">
|
||||
<li>Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-037-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-037.htm">at-supports-037</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Incorrect syntax of supports condition
|
||||
<ul class="assert">
|
||||
<li>Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-038-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-038.htm">at-supports-038</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>a supports condition declaration can not end with a semi-colon
|
||||
<ul class="assert">
|
||||
<li>Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-supports-039-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="at-supports-039.htm">at-supports-039</a></strong></td>
|
||||
<td><a href="reference/at-supports-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>a supports condition declaration can not end with a semi-colon
|
||||
<ul class="assert">
|
||||
<li>Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-001-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-001.htm">css-supports-001</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>An @supports rule condition with a single, valid property declaration for a supported property must cause the rules inside the @supports rule to apply.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-002-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="css-supports-002.htm">css-supports-002</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>An @supports rule with invalid syntax must not apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>Property declarations in an @supports rule condition must be surrounded by parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-003-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-003.htm">css-supports-003</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>Any subexpression in an @supports rule condition can be surrounded by an extra pair of parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-004-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-004.htm">css-supports-004</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>Property declarations in an @supports rule can have !important specified.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-005-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-005.htm">css-supports-005</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax but a failing condition must not apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A supported property with an unsupported value must cause the @supports condition to fail.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-006-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-006.htm">css-supports-006</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A disjunction of two @supports conditions must cause the @supports condition to pass if the left condition passes.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-007-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-007.htm">css-supports-007</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A disjunction of two @supports conditions must cause the @supports condition to pass if the right condition passes.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-008-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-008.htm">css-supports-008</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A conjunction of two @supports conditions must cause the @supports condition to pass if both sub-conditions pass.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-009-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-009.htm">css-supports-009</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax but a failing condition must not apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A conjunction of two @supports conditions must cause the @supports condition to fail if the left sub-condition passes.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-010-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-010.htm">css-supports-010</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax but a failing condition must not apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A conjunction of two @supports conditions must cause the @supports condition to fail if the right sub-condition passes.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-011-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-011.htm">css-supports-011</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A disjunction of three @supports conditions must cause the @supports condition to pass if at least one of the sub-conditions passes.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-012-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-012.htm">css-supports-012</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A conjunction of three @supports conditions must cause the @supports condition to pass if all three sub-conditions pass.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-013-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="css-supports-013.htm">css-supports-013</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>An @supports rule with invalid syntax must not apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A disjunction and a conjunction of @supports conditions must not be combined unless one of the two is surrounded by parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-014-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="css-supports-014.htm">css-supports-014</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>An @supports rule with invalid syntax must not apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A disjunction and a conjunction of @supports conditions must not be combined unless one of the two is surrounded by parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-015-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-015.htm">css-supports-015</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>There need not be any white space between the '@supports' and open brace of the rule set, nor between a declaration's property name and value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-016-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-016.htm">css-supports-016</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A negation of an @supports condition must pass if and only if the sub-condition fails. The sub-condition here is a supported property name with an unsupported value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-017-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="css-supports-017.htm">css-supports-017</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>An @supports rule with invalid syntax must not apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>The sub-condition of a negation in an @supports condition must be in parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-018-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-018.htm">css-supports-018</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>The sub-condition of a negation in an @supports condition must be in parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-019-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="css-supports-019.htm">css-supports-019</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>An @supports rule with invalid syntax must not apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A conjunction in an @supports condition must have both sub-conditions enclosed in parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-020-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-020.htm">css-supports-020</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax but a failing condition must not apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>An @supports condition that is a declaration with a supported property name with an unsupported value must fail.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-021-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-021.htm">css-supports-021</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax but a failing condition must not apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A disjunction of two @supports conditions must cause the @supports condition to pass if one condition passes and the other fails due to being an unsupported property.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-022-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-022.htm">css-supports-022</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with balanced invalid syntax within parentheses must evaluate to false
|
||||
<ul class="assert">
|
||||
<li>An @supports condition must successfully parse even if a declaration has an empty property value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-023-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-023.htm">css-supports-023</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with balanced invalid syntax within parentheses must evaluate to false
|
||||
<ul class="assert">
|
||||
<li>An @supports condition must successfully parse a parenthesized expression that has invalid syntax with balanced parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-024-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-024.htm">css-supports-024</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A supported shorthand property declaration must be considered to pass.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-025-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-025.htm">css-supports-025</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>A nested @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>An inner @supports rule inside an outer @supports must apply its child rules only if both @supports conditions succeeded.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-026-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-026.htm">css-supports-026</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>A nested @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>An outer @supports rule with an inner @media rule must apply the rules inside the @media only if both the @supports and @media conditions pass.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-029-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-029.htm">css-supports-029</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A disjunction in an @supports condition must have both sub-conditions enclosed in parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-030-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-030.htm">css-supports-030</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>A disjunction in an @supports condition must have both sub-conditions enclosed in parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-031-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-031.htm">css-supports-031</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with balanced invalid syntax within parentheses must evaluate to false
|
||||
<ul class="assert">
|
||||
<li>An @supports condition must successfully parse a parenthesized expression that has invalid syntax with balanced parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-032-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-032.htm">css-supports-032</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with balanced invalid syntax must evaluate to false
|
||||
<ul class="assert">
|
||||
<li>An @supports condition must successfully parse and evaluate to false a parenthesized expression has invalid syntax.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-033-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-033.htm">css-supports-033</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with balanced invalid syntax must evaluate to false
|
||||
<ul class="assert">
|
||||
<li>An @supports condition must successfully parse a parenthesized expression that has invalid syntax with balanced parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-034-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-034.htm">css-supports-034</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with balanced invalid syntax must evaluate to false
|
||||
<ul class="assert">
|
||||
<li>An @supports condition must successfully parse a parenthesized expression that has invalid syntax with balanced parentheses.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-035-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="css-supports-035.htm">css-supports-035</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>An @supports rule with unbalanced invalid syntax must fail to parse
|
||||
<ul class="assert">
|
||||
<li>An @supports condition with a parenthesized expression that has unbalanced parentheses must fail to parse.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-036-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-036.htm">css-supports-036</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule with an unrecognized condition using functional notation must evaluate to false
|
||||
<ul class="assert">
|
||||
<li>An @supports condition with an unrecognized condition using functional notation must evaluate to false.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-037-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="css-supports-037.htm">css-supports-037</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>An @supports rule with an unrecognized condition using functional notation with unbalanced parentheses must fail to parse
|
||||
<ul class="assert">
|
||||
<li>An @supports condition with an unrecognized condition using functional notation with unbalanced parentheses must fail to parse.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-038-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-038.htm">css-supports-038</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>In an @supports rule "not(" must be parsed as a FUNCTION
|
||||
<ul class="assert">
|
||||
<li>An @supports condition with 'not(' must parse be parsed as a FUNCTION token.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-039-6" class="primary invalid">
|
||||
<td><strong>
|
||||
<a href="css-supports-039.htm">css-supports-039</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>In an @supports rule "or(" must be parsed as a FUNCTION
|
||||
<ul class="assert">
|
||||
<li>An @supports condition with 'or(' must parse be parsed as a FUNCTION token.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-040-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-040.htm">css-supports-040</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule condition with empty parentheses should evaluates to false
|
||||
<ul class="assert">
|
||||
<li>An @supports rule condition that consists just of a pair of parentheses should evaluate to false.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-041-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-041.htm">css-supports-041</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule condition with empty parentheses should evaluates to false
|
||||
<ul class="assert">
|
||||
<li>An @supports rule condition that consists just of a pair of parentheses should evaluate to false.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-042-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-042.htm">css-supports-042</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule condition with an unexpected token before the closing paren of a supports_condition_in_parens should parse as a general_enclosed
|
||||
<ul class="assert">
|
||||
<li>An @supports rule condition that has an unexpected token before the closing paren of a supports_condition_in_parens should parse as a general_enclosed and evaluate to false rather than fail to parse.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-043-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-043.htm">css-supports-043</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule condition with a bogus priority should evaluate to false
|
||||
<ul class="assert">
|
||||
<li>An @supports rule condition with a bogus priority should evaluate to false</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-044-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-044.htm">css-supports-044</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule condition with tokens after the priority should evaluate to false
|
||||
<ul class="assert">
|
||||
<li>An @supports rule condition with tokens after the priority should evaluate to false</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-045-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-045.htm">css-supports-045</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>An @supports rule condition with two priorities should evaluate to false
|
||||
<ul class="assert">
|
||||
<li>An @supports rule condition with two priorities should evaluate to false</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-supports-046-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-supports-046.htm">css-supports-046</a></strong></td>
|
||||
<td><a href="support/pass.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>A nested @supports rule with valid syntax and a passing condition must apply rules inside it
|
||||
<ul class="assert">
|
||||
<li>An outer @media rule with an inner @supports rule must apply the rules inside the @supports only if both the @supports and @media conditions pass.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.#atsupports-rule">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#general_enclosed">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#or">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#supports_condition">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#supports_condition_in_parens">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#supports_conjunction">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#supports_declaration_condition">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#supports_disjunction">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#supports_negation">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#supports_rule">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#supports_sym">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#support-definition">6.1 Definition of support</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#dfn-support">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
101
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-7.htm
Normal file
101
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-7.htm
Normal file
|
|
@ -0,0 +1,101 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>APIs - CSS Conditional Rules Module Level 3 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Conditional Rules Module Level 3 CR Test Suite</h1>
|
||||
<h2>APIs (1 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#apis">7 APIs</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#extentions-to-cssrule-interface">7.1 Extensions to the CSSRule interface</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#the-cssgroupingrule-interface">7.2 The CSSGroupingRule interface</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="test_group_insertrule-7.2" class="primary script">
|
||||
<td><strong>
|
||||
<a href="test_group_insertRule.htm">test_group_insertrule</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Variables Allowed Syntax
|
||||
<ul class="assert">
|
||||
<li>requirements in definition of insertRule</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s7.2.#cssgroupingrule">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#the-cssconditionrule-interface">7.3 The CSSConditionRule interface</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.3.#cssconditionrule">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#the-cssmediarule-interface">7.4 The CSSMediaRule interface</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.4.#cssmediarule">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#the-csssupportsrule-interface">7.5 The CSSSupportsRule interface</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.5.#csssupportsrule">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#the-css-interface">7.6 The CSS interface, and the supports() function</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.6.#CSS-interface">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
78
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-8.htm
Normal file
78
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-8.htm
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Conformance - CSS Conditional Rules Module Level 3 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Conditional Rules Module Level 3 CR Test Suite</h1>
|
||||
<h2>Conformance (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#conformance">8 Conformance</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#base-modules">8.1 Base Modules</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#conformance-classes">8.2 Conformance Classes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.2.#conform-authoring-tool">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.2.#conform-processor">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.2.#conform-style-sheet">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#partial">8.3 Partial Implementations</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#experimental">8.4 Experimental Implementations</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#cr-exit-criteria">8.5 CR Exit Criteria</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
90
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-9.htm
Normal file
90
tests/wpt/css-tests/css-conditional-3_dev/html/chapter-9.htm
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Changes - CSS Conditional Rules Module Level 3 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Conditional Rules Module Level 3 CR Test Suite</h1>
|
||||
<h2>Changes (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-conditional/#changes">9 Changes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#CSS1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#CSS21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#CSS3-ANIMATIONS">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#CSS3-FONTS">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#CSS3-TRANSITIONS">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#MEDIAQ">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#RFC2119">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#acknowledgments">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#grammar">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#longstatus-date">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#normative-references">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#other-references">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#references">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#status">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports rule condition with a single, valid property declaration for a supported property must cause the rules inside the @supports rule to apply.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports (color: green) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with invalid syntax must not apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="invalid">
|
||||
<meta name="assert" content="Property declarations in an @supports rule condition must be surrounded by parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports color: green {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Any subexpression in an @supports rule condition can be surrounded by an extra pair of parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports ((color: green)) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Property declarations in an @supports rule can have !important specified.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports (color: green !important) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax but a failing condition must not apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A supported property with an unsupported value must cause the @supports condition to fail.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports (color: rainbow) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A disjunction of two @supports conditions must cause the @supports condition to pass if the left condition passes.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports (color: rainbow) or (color: green) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A disjunction of two @supports conditions must cause the @supports condition to pass if the right condition passes.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports (color: green) or (color: rainbow) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A conjunction of two @supports conditions must cause the @supports condition to pass if both sub-conditions pass.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports (color: green) and (color: blue) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax but a failing condition must not apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A conjunction of two @supports conditions must cause the @supports condition to fail if the left sub-condition passes.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports (color: rainbow) and (color: blue) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax but a failing condition must not apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A conjunction of two @supports conditions must cause the @supports condition to fail if the right sub-condition passes.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports (color: blue) and (color: rainbow) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A disjunction of three @supports conditions must cause the @supports condition to pass if at least one of the sub-conditions passes.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports (color: rainbow) or (color: iridescent) or (color: green) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A conjunction of three @supports conditions must cause the @supports condition to pass if all three sub-conditions pass.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports (color: red) and (color: green) and (color: blue) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with invalid syntax must not apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="invalid">
|
||||
<meta name="assert" content="A disjunction and a conjunction of @supports conditions must not be combined unless one of the two is surrounded by parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports (color: green) and (color: green) or (color: green) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with invalid syntax must not apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="invalid">
|
||||
<meta name="assert" content="A disjunction and a conjunction of @supports conditions must not be combined unless one of the two is surrounded by parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports (color: green) or (color: green) and (color: green) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="There need not be any white space between the '@supports' and open brace of the rule set, nor between a declaration's property name and value.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports(color:green){
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A negation of an @supports condition must pass if and only if the sub-condition fails. The sub-condition here is a supported property name with an unsupported value.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports not (color: rainbow) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with invalid syntax must not apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="invalid">
|
||||
<meta name="assert" content="The sub-condition of a negation in an @supports condition must be in parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports not not (color: green) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="The sub-condition of a negation in an @supports condition must be in parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports not (not (color: green)) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with invalid syntax must not apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="invalid">
|
||||
<meta name="assert" content="A conjunction in an @supports condition must have both sub-conditions enclosed in parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports not (color: rainbow) and not (color: iridescent) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax but a failing condition must not apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports condition that is a declaration with a supported property name with an unsupported value must fail.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports (unknown: green) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax but a failing condition must not apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A disjunction of two @supports conditions must cause the @supports condition to pass if one condition passes and the other fails due to being an unsupported property.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports (unknown: green) or (color: green) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with balanced invalid syntax within parentheses must evaluate to false</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports condition must successfully parse even if a declaration has an empty property value.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: red }
|
||||
@supports (unknown:) or (color: green) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with balanced invalid syntax within parentheses must evaluate to false</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports condition must successfully parse a parenthesized expression that has invalid syntax with balanced parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: red }
|
||||
@supports (unknown) or (color: green) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A supported shorthand property declaration must be considered to pass.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports (font: 16px serif) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: A nested @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An inner @supports rule inside an outer @supports must apply its child rules only if both @supports conditions succeeded.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports (color: green) {
|
||||
@supports (color: blue) {
|
||||
html { background-color: green }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: A nested @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-media">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An outer @supports rule with an inner @media rule must apply the rules inside the @media only if both the @supports and @media conditions pass.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports (color: green) {
|
||||
@media all {
|
||||
html { background-color: green }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A disjunction in an @supports condition must have both sub-conditions enclosed in parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports not (color: rainbow) or (color: green) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A disjunction in an @supports condition must have both sub-conditions enclosed in parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports (not (color: rainbow) or (color: green)) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with balanced invalid syntax within parentheses must evaluate to false</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports condition must successfully parse a parenthesized expression that has invalid syntax with balanced parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: red }
|
||||
@supports (color:) or (color: green) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with balanced invalid syntax must evaluate to false</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports condition must successfully parse and evaluate to false a parenthesized expression has invalid syntax.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: red }
|
||||
@supports not (@page) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with balanced invalid syntax must evaluate to false</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports condition must successfully parse a parenthesized expression that has invalid syntax with balanced parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: red }
|
||||
@supports not ({ something @with [ balanced ] parens }) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with balanced invalid syntax must evaluate to false</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports condition must successfully parse a parenthesized expression that has invalid syntax with balanced parentheses.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: red }
|
||||
@supports not ({ something @with [ balanced ] parens }) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with unbalanced invalid syntax must fail to parse</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="invalid">
|
||||
<meta name="assert" content="An @supports condition with a parenthesized expression that has unbalanced parentheses must fail to parse.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports not ({ something @with (unbalanced parens }) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with an unrecognized condition using functional notation must evaluate to false</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports condition with an unrecognized condition using functional notation must evaluate to false.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: red }
|
||||
@supports an-extension(of some kind) or (color: green) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule with an unrecognized condition using functional notation with unbalanced parentheses must fail to parse</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="invalid">
|
||||
<meta name="assert" content="An @supports condition with an unrecognized condition using functional notation with unbalanced parentheses must fail to parse.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports (color: green) or an-extension(that is [unbalanced) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: In an @supports rule "not(" must be parsed as a FUNCTION</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports condition with 'not(' must parse be parsed as a FUNCTION token.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports not(unknown: unknown) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: In an @supports rule "or(" must be parsed as a FUNCTION</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="invalid">
|
||||
<meta name="assert" content="An @supports condition with 'or(' must parse be parsed as a FUNCTION token.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: green }
|
||||
@supports (color: green) or(color: blue) {
|
||||
html { background-color: red }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule condition with empty parentheses should evaluates to false</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports rule condition that consists just of a pair of parentheses should evaluate to false.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports not () {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule condition with empty parentheses should evaluates to false</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports rule condition that consists just of a pair of parentheses should evaluate to false.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports () or (color: green) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule condition with an unexpected token before the closing paren of a supports_condition_in_parens should parse as a general_enclosed</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports rule condition that has an unexpected token before the closing paren of a supports_condition_in_parens should parse as a general_enclosed and evaluate to false rather than fail to parse.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@supports ((color: green) bad) or (color: green) {
|
||||
html { background-color: green }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule condition with a bogus priority should evaluate to false</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports rule condition with a bogus priority should evaluate to false">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: red; }
|
||||
@supports not (color: green !bogus) {
|
||||
html { background-color: green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule condition with tokens after the priority should evaluate to false</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports rule condition with tokens after the priority should evaluate to false">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: red; }
|
||||
@supports not (color: green !important green) {
|
||||
html { background-color: green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: An @supports rule condition with two priorities should evaluate to false</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An @supports rule condition with two priorities should evaluate to false">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
html { background-color: red; }
|
||||
@supports not (color: green !important !important) {
|
||||
html { background-color: green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: A nested @supports rule with valid syntax and a passing condition must apply rules inside it</title>
|
||||
<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">
|
||||
<link rel="author" title="L. David Baron" href="mailto:dbaron@dbaron.org">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-media">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="An outer @media rule with an inner @supports rule must apply the rules inside the @supports only if both the @supports and @media conditions pass.">
|
||||
<link rel="match" href="support/pass.htm">
|
||||
<style type="text/css">
|
||||
@media all {
|
||||
@supports (color: green) {
|
||||
html { background-color: green }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<style>
|
||||
div {
|
||||
background-color:green;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
|
||||
<link href="http://opera.com" rel="author" title="Opera Software ASA">
|
||||
<style>
|
||||
div {
|
||||
background-color:green;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test Reference</title>
|
||||
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://mozilla.com/" rel="author" title="Mozilla Corporation">
|
||||
<style>
|
||||
body { background: lime; color: black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
This page should have a light green background.
|
||||
|
||||
|
||||
</body></html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 135 B |
Binary file not shown.
|
After Width: | Height: | Size: 135 B |
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue