WebKit Bugzilla
New
Browse
Search+
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
[patch]
Patch
bug-137569-20141010073432.patch (text/plain), 66.78 KB, created by
Dean Jackson
on 2014-10-09 13:34:30 PDT
(
hide
)
Description:
Patch
Filename:
MIME Type:
Creator:
Dean Jackson
Created:
2014-10-09 13:34:30 PDT
Size:
66.78 KB
patch
obsolete
>Subversion Revision: 174515 >diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog >index 6052f4198de5b2e9e1bf2ea1a312259387a29d51..d0184f4dcde5d34822c0d054c6633d818c3763c6 100644 >--- a/LayoutTests/ChangeLog >+++ b/LayoutTests/ChangeLog >@@ -1,3 +1,84 @@ >+2014-10-09 Dean Jackson <dino@apple.com> >+ >+ Import W3C @supports tests >+ https://bugs.webkit.org/show_bug.cgi?id=137569 >+ <rdar://problem/18601076> >+ >+ Reviewed by NOBODY (OOPS!). >+ >+ Import the tests from https://test.csswg.org/source/css-conditional-3/ >+ >+ We currently fail 2 tests, tracked in TestExpectations. >+ >+ * TestExpectations: >+ * css3/conditional/w3c/LICENSE: Added. >+ * css3/conditional/w3c/at-supports-001-expected.html: Added. >+ * css3/conditional/w3c/at-supports-001.html: Added. >+ * css3/conditional/w3c/at-supports-002-expected.html: Added. >+ * css3/conditional/w3c/at-supports-002.html: Added. >+ * css3/conditional/w3c/at-supports-003-expected.html: Added. >+ * css3/conditional/w3c/at-supports-003.html: Added. >+ * css3/conditional/w3c/at-supports-004-expected.html: Added. >+ * css3/conditional/w3c/at-supports-004.html: Added. >+ * css3/conditional/w3c/at-supports-005-expected.html: Added. >+ * css3/conditional/w3c/at-supports-005.html: Added. >+ * css3/conditional/w3c/at-supports-006-expected.html: Added. >+ * css3/conditional/w3c/at-supports-006.html: Added. >+ * css3/conditional/w3c/at-supports-007-expected.html: Added. >+ * css3/conditional/w3c/at-supports-007.html: Added. >+ * css3/conditional/w3c/at-supports-008-expected.html: Added. >+ * css3/conditional/w3c/at-supports-008.html: Added. >+ * css3/conditional/w3c/at-supports-009-expected.html: Added. >+ * css3/conditional/w3c/at-supports-009.html: Added. >+ * css3/conditional/w3c/at-supports-010-expected.html: Added. >+ * css3/conditional/w3c/at-supports-010.html: Added. >+ * css3/conditional/w3c/at-supports-011-expected.html: Added. >+ * css3/conditional/w3c/at-supports-011.html: Added. >+ * css3/conditional/w3c/at-supports-012-expected.html: Added. >+ * css3/conditional/w3c/at-supports-012.html: Added. >+ * css3/conditional/w3c/at-supports-013-expected.html: Added. >+ * css3/conditional/w3c/at-supports-013.html: Added. >+ * css3/conditional/w3c/at-supports-014-expected.html: Added. >+ * css3/conditional/w3c/at-supports-014.html: Added. >+ * css3/conditional/w3c/at-supports-015-expected.html: Added. >+ * css3/conditional/w3c/at-supports-015.html: Added. >+ * css3/conditional/w3c/at-supports-016-expected.html: Added. >+ * css3/conditional/w3c/at-supports-016.html: Added. >+ * css3/conditional/w3c/at-supports-017-expected.html: Added. >+ * css3/conditional/w3c/at-supports-017.html: Added. >+ * css3/conditional/w3c/at-supports-018-expected.html: Added. >+ * css3/conditional/w3c/at-supports-018.html: Added. >+ * css3/conditional/w3c/at-supports-019-expected.html: Added. >+ * css3/conditional/w3c/at-supports-019.html: Added. >+ * css3/conditional/w3c/at-supports-020-expected.html: Added. >+ * css3/conditional/w3c/at-supports-020.html: Added. >+ * css3/conditional/w3c/at-supports-021-expected.html: Added. >+ * css3/conditional/w3c/at-supports-021.html: Added. >+ * css3/conditional/w3c/at-supports-022-expected.html: Added. >+ * css3/conditional/w3c/at-supports-022.html: Added. >+ * css3/conditional/w3c/at-supports-023-expected.html: Added. >+ * css3/conditional/w3c/at-supports-023.html: Added. >+ * css3/conditional/w3c/at-supports-024-expected.html: Added. >+ * css3/conditional/w3c/at-supports-024.html: Added. >+ * css3/conditional/w3c/at-supports-025-expected.html: Added. >+ * css3/conditional/w3c/at-supports-025.html: Added. >+ * css3/conditional/w3c/at-supports-026-expected.html: Added. >+ * css3/conditional/w3c/at-supports-026.html: Added. >+ * css3/conditional/w3c/at-supports-027-expected.html: Added. >+ * css3/conditional/w3c/at-supports-027.html: Added. >+ * css3/conditional/w3c/at-supports-028-expected.html: Added. >+ * css3/conditional/w3c/at-supports-028.html: Added. >+ * css3/conditional/w3c/at-supports-029-expected.html: Added. >+ * css3/conditional/w3c/at-supports-029.html: Added. >+ * css3/conditional/w3c/at-supports-030-expected.html: Added. >+ * css3/conditional/w3c/at-supports-030.html: Added. >+ * css3/conditional/w3c/at-supports-031-expected.html: Added. >+ * css3/conditional/w3c/at-supports-031.html: Added. >+ * css3/conditional/w3c/at-supports-032-expected.html: Added. >+ * css3/conditional/w3c/at-supports-032.html: Added. >+ * css3/conditional/w3c/at-supports-033-expected.html: Added. >+ * css3/conditional/w3c/at-supports-033.html: Added. >+ > 2014-10-09 Bear Travis <betravis@adobe.com> > > [CSS Font Loading] Decrement the font loading count before notifying callbacks >diff --git a/LayoutTests/TestExpectations b/LayoutTests/TestExpectations >index b982b5fa506e4eac26b6eb09474540a9a86eac55..fa6758d2638ab8593fe5d09b66275e0b30fca343 100644 >--- a/LayoutTests/TestExpectations >+++ b/LayoutTests/TestExpectations >@@ -216,3 +216,7 @@ webkit.org/b/137167 js/kde/function_arguments.html [ Failure ] > > # Promises/A+ 2.3.3 has many tests and it sometimes exceeds the time limit. > webkit.org/b/136878 js/promises-tests/promises-tests-2-3-3.html [ Slow ] >+ >+# @supports W3C Failures >+webkit.org/b/137566 css3/conditional/w3c/at-supports-010.html [ ImageOnlyFailure ] >+webkit.org/b/137568 css3/conditional/w3c/at-supports-014.html [ ImageOnlyFailure ] >diff --git a/LayoutTests/css3/conditional/w3c/LICENSE b/LayoutTests/css3/conditional/w3c/LICENSE >new file mode 100644 >index 0000000000000000000000000000000000000000..91a1c7fe411ad99cfce0266803b03220749999a5 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/LICENSE >@@ -0,0 +1,27 @@ >+W3C 3-clause BSD License >+------------------------ >+ >+Redistribution and use in source and binary forms, with or without >+modification, are permitted provided that the following conditions >+are met: >+ >+ * Redistributions of works must retain the original copyright notice, >+ this list of conditions and the following disclaimer. >+ * Redistributions in binary form must reproduce the original copyright >+ notice, this list of conditions and the following disclaimer in the >+ documentation and/or other materials provided with the distribution. >+ * Neither the name of the W3C nor the names of its contributors may be >+ used to endorse or promote products derived from this work without >+ specific prior written permission. >+ >+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS >+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT >+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR >+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT >+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, >+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT >+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, >+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY >+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT >+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE >+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-001-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-001-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-001-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-001.html b/LayoutTests/css3/conditional/w3c/at-supports-001.html >new file mode 100644 >index 0000000000000000000000000000000000000000..faedfe9689691060f7b0d65f9980ed9589049c51 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-001.html >@@ -0,0 +1,24 @@ >+<!doctype html> >+<head> >+ <title>CSS Test (Conditional Rules): Support for simple passing conditions in @supports</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-002-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-002-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-002-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-002.html b/LayoutTests/css3/conditional/w3c/at-supports-002.html >new file mode 100644 >index 0000000000000000000000000000000000000000..9632e68668f5e2bfcbbb6dd4954d2e8ed24b466d >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-002.html >@@ -0,0 +1,26 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Support for @supports within @media</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-003-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-003-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-003-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-003.html b/LayoutTests/css3/conditional/w3c/at-supports-003.html >new file mode 100644 >index 0000000000000000000000000000000000000000..ce8704408cdfc6dd416ad5a1613d49981625b29c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-003.html >@@ -0,0 +1,26 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Support for @media within @supports</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-004-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-004-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-004-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-004.html b/LayoutTests/css3/conditional/w3c/at-supports-004.html >new file mode 100644 >index 0000000000000000000000000000000000000000..60ff4e47dd528a50c0d949d87bc7aa9a95569f50 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-004.html >@@ -0,0 +1,27 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): @supports within non-matching @media should not apply</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-005-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-005-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-005-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-005.html b/LayoutTests/css3/conditional/w3c/at-supports-005.html >new file mode 100644 >index 0000000000000000000000000000000000000000..90821286a09a684346c60200d96c21f4e4532791 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-005.html >@@ -0,0 +1,27 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): non-matching @media within @supports should not apply</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-006-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-006-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-006-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-006.html b/LayoutTests/css3/conditional/w3c/at-supports-006.html >new file mode 100644 >index 0000000000000000000000000000000000000000..04a0d779e1b616cf8542a52be0d1462ec70149d0 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-006.html >@@ -0,0 +1,24 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Nested parens around conditions in @supports should work</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-007-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-007-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-007-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-007.html b/LayoutTests/css3/conditional/w3c/at-supports-007.html >new file mode 100644 >index 0000000000000000000000000000000000000000..624d3472cb32b49d3ce2826ecaedcf851c4b7037 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-007.html >@@ -0,0 +1,24 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Conjunctions of passing simple conditions in @supports should pass</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-008-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-008-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-008-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-008.html b/LayoutTests/css3/conditional/w3c/at-supports-008.html >new file mode 100644 >index 0000000000000000000000000000000000000000..1e51fc69ca00869231a7d7a928fe106c267cabec >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-008.html >@@ -0,0 +1,24 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Disjunctions with at least a passing simple condition in @supports should pass</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-009-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-009-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-009-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-009.html b/LayoutTests/css3/conditional/w3c/at-supports-009.html >new file mode 100644 >index 0000000000000000000000000000000000000000..53c785d488e218038ae1d3d15fcfb33ac745dd70 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-009.html >@@ -0,0 +1,24 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Negations of failing simple conditions in @supports should pass</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-010-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-010-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-010-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-010.html b/LayoutTests/css3/conditional/w3c/at-supports-010.html >new file mode 100644 >index 0000000000000000000000000000000000000000..6e6565ac4725d732ffa8cdbe23cb7d6adfca21d9 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-010.html >@@ -0,0 +1,24 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Combinations of conjuctions, disjunctions, and negations of simple conditions in @supports should work</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-011-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-011-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-011-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-011.html b/LayoutTests/css3/conditional/w3c/at-supports-011.html >new file mode 100644 >index 0000000000000000000000000000000000000000..5ffbdaba07d81f1b3ae9ed30feae037b1be7b3bf >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-011.html >@@ -0,0 +1,25 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Conditions not enclosed in parens in @supports should not work</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-012-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-012-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-012-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-012.html b/LayoutTests/css3/conditional/w3c/at-supports-012.html >new file mode 100644 >index 0000000000000000000000000000000000000000..b785f3868df7820dffeb9f1df24f98343bfadc4c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-012.html >@@ -0,0 +1,24 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Conjunctions with more than two terms in @supports should work</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-013-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-013-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-013-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-013.html b/LayoutTests/css3/conditional/w3c/at-supports-013.html >new file mode 100644 >index 0000000000000000000000000000000000000000..7c5bb4f6ab29835a1f62fdb895ff4c1588c176a6 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-013.html >@@ -0,0 +1,24 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Disjunction with more than two terms in @supports should work</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-014-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-014-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-014-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-014.html b/LayoutTests/css3/conditional/w3c/at-supports-014.html >new file mode 100644 >index 0000000000000000000000000000000000000000..95df17b6482cc15cdec2f31c4ef844e6d1804c23 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-014.html >@@ -0,0 +1,27 @@ >+<!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 rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-015-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-015-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-015-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-015.html b/LayoutTests/css3/conditional/w3c/at-supports-015.html >new file mode 100644 >index 0000000000000000000000000000000000000000..7cf7e6b0b3fa5c03ea47f5ac885ca0562e468663 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-015.html >@@ -0,0 +1,24 @@ >+<!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 rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-016-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-016-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-016-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-016.html b/LayoutTests/css3/conditional/w3c/at-supports-016.html >new file mode 100644 >index 0000000000000000000000000000000000000000..72556778b334bf11168865fd96cdc05be466a961 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-016.html >@@ -0,0 +1,25 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): In @supports, parens are required to mix conjunctions with disjunctions</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-017-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-017-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-017-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-017.html b/LayoutTests/css3/conditional/w3c/at-supports-017.html >new file mode 100644 >index 0000000000000000000000000000000000000000..3e694b34a234a7dd28a3f5fb723e3d605f14daa4 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-017.html >@@ -0,0 +1,24 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): In @supports, functions can be parsed successfully</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-018-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-018-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-018-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-018.html b/LayoutTests/css3/conditional/w3c/at-supports-018.html >new file mode 100644 >index 0000000000000000000000000000000000000000..d15e71c0a4e9de80152597b543f4df75783fff62 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-018.html >@@ -0,0 +1,24 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): In @supports conditions, the arguments of a function can begin with spaces</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content=""> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-019-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-019-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-019-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-019.html b/LayoutTests/css3/conditional/w3c/at-supports-019.html >new file mode 100644 >index 0000000000000000000000000000000000000000..f9879aa23a9c04bffa423b47579ebfd9bb2d3f64 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-019.html >@@ -0,0 +1,25 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-020-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-020-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-020-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-020.html b/LayoutTests/css3/conditional/w3c/at-supports-020.html >new file mode 100644 >index 0000000000000000000000000000000000000000..ec78cb6b5467d0321cb8775fd087248c39abdc31 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-020.html >@@ -0,0 +1,25 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-021-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-021-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-021-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-021.html b/LayoutTests/css3/conditional/w3c/at-supports-021.html >new file mode 100644 >index 0000000000000000000000000000000000000000..2ef23dcc1217a6b5a7d42912ee6dd3c75aff5ad1 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-021.html >@@ -0,0 +1,23 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-022-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-022-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-022-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-022.html b/LayoutTests/css3/conditional/w3c/at-supports-022.html >new file mode 100644 >index 0000000000000000000000000000000000000000..f70fbc7cc510a71a699012397e492676c2d2cd70 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-022.html >@@ -0,0 +1,25 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-023-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-023-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-023-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-023.html b/LayoutTests/css3/conditional/w3c/at-supports-023.html >new file mode 100644 >index 0000000000000000000000000000000000000000..98c84a7c9995194ea45ef0437f22f3bb923441ef >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-023.html >@@ -0,0 +1,26 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in nested @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-024-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-024-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-024-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-024.html b/LayoutTests/css3/conditional/w3c/at-supports-024.html >new file mode 100644 >index 0000000000000000000000000000000000000000..05d69c02e7be06c673aeca789417576e91ebc470 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-024.html >@@ -0,0 +1,23 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-025-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-025-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-025-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-025.html b/LayoutTests/css3/conditional/w3c/at-supports-025.html >new file mode 100644 >index 0000000000000000000000000000000000000000..8fc9cbcf222cad235210379d506f139e7fc69db8 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-025.html >@@ -0,0 +1,25 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-026-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-026-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-026-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-026.html b/LayoutTests/css3/conditional/w3c/at-supports-026.html >new file mode 100644 >index 0000000000000000000000000000000000000000..cd5d90d1cbffa09e5dec87239ebdbd34fc448660 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-026.html >@@ -0,0 +1,25 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-027-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-027-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..f8f638169171e99ccd18d2c68691f5fefdeda686 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-027-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-027.html b/LayoutTests/css3/conditional/w3c/at-supports-027.html >new file mode 100644 >index 0000000000000000000000000000000000000000..3a9567b69394a9d3bc809e4c2b58f9606c980e1e >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-027.html >@@ -0,0 +1,22 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-027-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-028-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-028-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-028-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-028.html b/LayoutTests/css3/conditional/w3c/at-supports-028.html >new file mode 100644 >index 0000000000000000000000000000000000000000..73080ddcc9da617427bcb22f5fa674587471c465 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-028.html >@@ -0,0 +1,23 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-029-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-029-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..f8f638169171e99ccd18d2c68691f5fefdeda686 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-029-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-029.html b/LayoutTests/css3/conditional/w3c/at-supports-029.html >new file mode 100644 >index 0000000000000000000000000000000000000000..84ce4ef9fed341c840170ad0be338eb6aa6667aa >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-029.html >@@ -0,0 +1,22 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-027-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-030-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-030-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-030-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-030.html b/LayoutTests/css3/conditional/w3c/at-supports-030.html >new file mode 100644 >index 0000000000000000000000000000000000000000..0509dfcfccb9a02500e2e5309f71579d9d69871d >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-030.html >@@ -0,0 +1,24 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-031-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-031-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-031-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-031.html b/LayoutTests/css3/conditional/w3c/at-supports-031.html >new file mode 100644 >index 0000000000000000000000000000000000000000..89931fa8158f962b1a9e120e9484bd3802e385f8 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-031.html >@@ -0,0 +1,23 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-032-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-032-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-032-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-032.html b/LayoutTests/css3/conditional/w3c/at-supports-032.html >new file mode 100644 >index 0000000000000000000000000000000000000000..281d6314f74be263d585ea9b1da46d6cc116a467 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-032.html >@@ -0,0 +1,23 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-033-expected.html b/LayoutTests/css3/conditional/w3c/at-supports-033-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcb89fc6decafb2f04de18b44186a1f22fff831c >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-033-expected.html >@@ -0,0 +1,18 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Reftest Reference</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <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> >diff --git a/LayoutTests/css3/conditional/w3c/at-supports-033.html b/LayoutTests/css3/conditional/w3c/at-supports-033.html >new file mode 100644 >index 0000000000000000000000000000000000000000..8d8112d8f2d7b9c123fbb8e9ee4bd6cc4f410f05 >--- /dev/null >+++ b/LayoutTests/css3/conditional/w3c/at-supports-033.html >@@ -0,0 +1,23 @@ >+<!doctype html> >+<html> >+ <head> >+ <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> >+ <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com"> >+ <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> >+ <link rel="match" href="at-supports-001-ref.html"> >+ <meta name="flags" content="invalid"> >+ <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>
<b>You cannot view the attachment while viewing its details because your browser does not support IFRAMEs. <a href="attachment.cgi?id=239564">View the attachment on a separate page</a>.</b>
View Attachment As Diff
View Attachment As Raw
Flags:
simon.fraser
:
review+
Actions:
View
|
Formatted Diff
|
Diff
Attachments on
bug 137569
: 239564