diff options
| author | James Graham <james@hoppipolla.co.uk> | 2015-03-27 09:18:12 +0000 |
|---|---|---|
| committer | James Graham <james@hoppipolla.co.uk> | 2015-04-03 23:29:19 +0100 |
| commit | 2c9faf5363be229498578bdeca55c0c52730f0fa (patch) | |
| tree | e070d5d12a587f1e1939410b2cd88450543d7534 /tests/wpt/css-tests/css-variables-1_dev | |
| parent | 1a81b18b9f22d7bc1a967d08fcc7fbcf2ee200f5 (diff) | |
| download | servo-2c9faf5363be229498578bdeca55c0c52730f0fa.tar.gz servo-2c9faf5363be229498578bdeca55c0c52730f0fa.zip | |
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
Diffstat (limited to 'tests/wpt/css-tests/css-variables-1_dev')
629 files changed, 21926 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/chapter-1.htm b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-1.htm new file mode 100644 index 00000000000..26083b1b1f3 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-1.htm @@ -0,0 +1,39 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<html> + <head> + <title>Introduction - CSS Custom Properties Level 1 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 Custom Properties Level 1 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/css-variables-1/#intro">1 Introduction</a></th></tr> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/chapter-2.htm b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-2.htm new file mode 100644 index 00000000000..7b6b71159a3 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-2.htm @@ -0,0 +1,837 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<html> + <head> + <title>Defining Custom Properties: the '--*' family of properties - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Defining Custom Properties: the '--*' family of properties (96 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/css-variables-1/#defining-variables">2 Defining Custom Properties: the '--*' family of properties</a></th></tr> + <!-- 35 tests --> + <tr id="test_variable_legal_values-2" class="primary script"> + <td><strong> + <a href="test_variable_legal_values.htm">test_variable_legal_values</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>The <value> type used in the syntax above is defined as anything matching the "value" production in CSS 2.1 Chapter 4.1 [CSS21].</li> + </ul> + </td> + </tr> + <tr id="variable-declaration-06-2" class="primary"> + <td><strong> + <a href="variable-declaration-06.htm">variable-declaration-06</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test overriding an existing variable declaration. + </td> + </tr> + <tr id="variable-declaration-29-2" class="primary"> + <td><strong> + <a href="variable-declaration-29.htm">variable-declaration-29</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable with a valid custom property name "--". + </td> + </tr> + <tr id="variable-declaration-31-2" class="primary"> + <td><strong> + <a href="variable-declaration-31.htm">variable-declaration-31</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with a digit. + </td> + </tr> + <tr id="variable-declaration-32-2" class="primary"> + <td><strong> + <a href="variable-declaration-32.htm">variable-declaration-32</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with an escaped digit. + </td> + </tr> + <tr id="variable-declaration-33-2" class="primary"> + <td><strong> + <a href="variable-declaration-33.htm">variable-declaration-33</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with an escaped letter. + </td> + </tr> + <tr id="variable-declaration-34-2" class="primary"> + <td><strong> + <a href="variable-declaration-34.htm">variable-declaration-34</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with a lone surrogate. + </td> + </tr> + <tr id="variable-declaration-35-2" class="primary"> + <td><strong> + <a href="variable-declaration-35.htm">variable-declaration-35</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with U+FFFD. + </td> + </tr> + <tr id="variable-declaration-36-2" class="primary"> + <td><strong> + <a href="variable-declaration-36.htm">variable-declaration-36</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with an out-of-range Unicode character escape. + </td> + </tr> + <tr id="variable-declaration-38-2" class="primary"> + <td><strong> + <a href="variable-declaration-38.htm">variable-declaration-38</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring two variables in the same declaration block that differ only in case, with lowercase first. + </td> + </tr> + <tr id="variable-declaration-39-2" class="primary"> + <td><strong> + <a href="variable-declaration-39.htm">variable-declaration-39</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring two variables in the same declaration block that differ only in case, with uppercase first. + </td> + </tr> + <tr id="variable-declaration-40-2" class="primary"> + <td><strong> + <a href="variable-declaration-40.htm">variable-declaration-40</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable with an invalid custom property name due to it beginning with "VAR-". + </td> + </tr> + <tr id="variable-declaration-41-2" class="primary"> + <td><strong> + <a href="variable-declaration-41.htm">variable-declaration-41</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped. + </td> + </tr> + <tr id="variable-declaration-42-2" class="primary"> + <td><strong> + <a href="variable-declaration-42.htm">variable-declaration-42</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character. + </td> + </tr> + <tr id="variable-declaration-43-2" class="primary"> + <td><strong> + <a href="variable-declaration-43.htm">variable-declaration-43</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "initial". + </td> + </tr> + <tr id="variable-declaration-44-2" class="primary"> + <td><strong> + <a href="variable-declaration-44.htm">variable-declaration-44</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "inherit" where there is no variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-45-2" class="primary"> + <td><strong> + <a href="variable-declaration-45.htm">variable-declaration-45</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "inherit" where there is a variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-46-2" class="primary"> + <td><strong> + <a href="variable-declaration-46.htm">variable-declaration-46</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "initial" where there is a variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-47-2" class="primary"> + <td><strong> + <a href="variable-declaration-47.htm">variable-declaration-47</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable whose value consists of a reference to a variable whose value is "inherit". + </td> + </tr> + <tr id="variable-declaration-56-2" class="primary"> + <td><strong> + <a href="variable-declaration-56.htm">variable-declaration-56</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "unset" where there is no variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-57-2" class="primary"> + <td><strong> + <a href="variable-declaration-57.htm">variable-declaration-57</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "unset" where there is a variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-58-2" class="primary"> + <td><strong> + <a href="variable-declaration-58.htm">variable-declaration-58</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable whose value consists of a reference to a variable whose value is "unset". + </td> + </tr> + <tr id="variable-declaration-59-2" class="primary"> + <td><strong> + <a href="variable-declaration-59.htm">variable-declaration-59</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable with a trailing invalid token. + </td> + </tr> + <tr id="variable-external-font-face-01-2" class="primary ahem"> + <td><strong> + <a href="variable-external-font-face-01.htm">variable-external-font-face-01</a></strong></td> + <td><a href="reference/variable-font-face-01-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test the invalid declaration and use of a variable in an @font-face rule within an external CSS. + </td> + </tr> + <tr id="variable-font-face-01-2" class="primary ahem"> + <td><strong> + <a href="variable-font-face-01.htm">variable-font-face-01</a></strong></td> + <td><a href="reference/variable-font-face-01-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test the invalid declaration and use of a variable in an @font-face rule. + </td> + </tr> + <tr id="variable-font-face-02-2" class="primary ahem"> + <td><strong> + <a href="variable-font-face-02.htm">variable-font-face-02</a></strong></td> + <td><a href="reference/variable-font-face-02-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element. + </td> + </tr> + <tr id="variable-reference-13-2" class="primary"> + <td><strong> + <a href="variable-reference-13.htm">variable-reference-13</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block. + </td> + </tr> + <tr id="variable-reference-14-2" class="primary"> + <td><strong> + <a href="variable-reference-14.htm">variable-reference-14</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test that important variable declarations cascade correctly. + </td> + </tr> + <tr id="variable-supports-58-2" class="primary"> + <td><strong> + <a href="variable-supports-58.htm">variable-supports-58</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing property declaration in an @supports rule with property name "--". + </td> + </tr> + <tr id="variable-supports-60-2" class="primary"> + <td><strong> + <a href="variable-supports-60.htm">variable-supports-60</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule for a variable whose name is a digit. + </td> + </tr> + <tr id="variable-supports-61-2" class="primary"> + <td><strong> + <a href="variable-supports-61.htm">variable-supports-61</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape. + </td> + </tr> + <tr id="variable-supports-62-2" class="primary"> + <td><strong> + <a href="variable-supports-62.htm">variable-supports-62</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an escaped lone surrogate. + </td> + </tr> + <tr id="variable-supports-63-2" class="primary"> + <td><strong> + <a href="variable-supports-63.htm">variable-supports-63</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an out-of-range Unicode character escape. + </td> + </tr> + <tr id="variable-supports-66-2" class="primary"> + <td><strong> + <a href="variable-supports-66.htm">variable-supports-66</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-". + </td> + </tr> + <tr id="variable-supports-67-2" class="primary"> + <td><strong> + <a href="variable-supports-67.htm">variable-supports-67</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse. + </td> + </tr> + </tbody> + <tbody id="s2.#custom-property"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.#propdef---"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.#typedef-custom-property-name"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.1"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s2.1">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#syntax">2.1 Custom Property Value Syntax</a></th></tr> + <!-- 55 tests --> + <tr id="variable-declaration-01-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-01.htm">variable-declaration-01</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a single token preceded by white space. + </td> + </tr> + <tr id="variable-declaration-02-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-02.htm">variable-declaration-02</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a single token with no preceding white space. + </td> + </tr> + <tr id="variable-declaration-03-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-03.htm">variable-declaration-03</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that references another variable. + </td> + </tr> + <tr id="variable-declaration-04-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-04.htm">variable-declaration-04</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a variable reference followed by white space. + </td> + </tr> + <tr id="variable-declaration-05-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-05.htm">variable-declaration-05</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a variable reference that includes white space around the variable name. + </td> + </tr> + <tr id="variable-declaration-07-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-07.htm">variable-declaration-07</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback. + </td> + </tr> + <tr id="variable-declaration-08-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-08.htm">variable-declaration-08</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a variable reference whose fallback is white space. + </td> + </tr> + <tr id="variable-declaration-09-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-09.htm">variable-declaration-09</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback. + </td> + </tr> + <tr id="variable-declaration-10-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-10.htm">variable-declaration-10</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier. + </td> + </tr> + <tr id="variable-declaration-11-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-11.htm">variable-declaration-11</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback. + </td> + </tr> + <tr id="variable-declaration-12-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-12.htm">variable-declaration-12</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback. + </td> + </tr> + <tr id="variable-declaration-13-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-13.htm">variable-declaration-13</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback. + </td> + </tr> + <tr id="variable-declaration-14-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-14.htm">variable-declaration-14</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space. + </td> + </tr> + <tr id="variable-declaration-15-2.1" class="primary ahem"> + <td><strong> + <a href="variable-declaration-15.htm">variable-declaration-15</a></strong></td> + <td><a href="reference/variable-declaration-15-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test declaring a variable that consists of a comma-separated font family list. + </td> + </tr> + <tr id="variable-declaration-16-2.1" class="primary ahem"> + <td><strong> + <a href="variable-declaration-16.htm">variable-declaration-16</a></strong></td> + <td><a href="reference/variable-declaration-16-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference. + </td> + </tr> + <tr id="variable-declaration-17-2.1" class="primary ahem"> + <td><strong> + <a href="variable-declaration-17.htm">variable-declaration-17</a></strong></td> + <td><a href="reference/variable-declaration-17-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference. + </td> + </tr> + <tr id="variable-declaration-18-2.1" class="primary ahem"> + <td><strong> + <a href="variable-declaration-18.htm">variable-declaration-18</a></strong></td> + <td><a href="reference/variable-declaration-18-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference. + </td> + </tr> + <tr id="variable-declaration-19-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-19.htm">variable-declaration-19</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a function where one of the arguments is a variable reference. + </td> + </tr> + <tr id="variable-declaration-20-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-20.htm">variable-declaration-20</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable with "!important". + </td> + </tr> + <tr id="variable-declaration-21-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-21.htm">variable-declaration-21</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references. + </td> + </tr> + <tr id="variable-declaration-22-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-22.htm">variable-declaration-22</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks. + </td> + </tr> + <tr id="variable-declaration-23-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-23.htm">variable-declaration-23</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to having two "!important" priorities. + </td> + </tr> + <tr id="variable-declaration-24-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-24.htm">variable-declaration-24</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that contains a CDO token. + </td> + </tr> + <tr id="variable-declaration-25-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-25.htm">variable-declaration-25</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that contains a CDC token. + </td> + </tr> + <tr id="variable-declaration-26-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-26.htm">variable-declaration-26</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that contains only a white space token. + </td> + </tr> + <tr id="variable-declaration-28-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-28.htm">variable-declaration-28</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to having no tokens. + </td> + </tr> + <tr id="variable-declaration-37-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-37.htm">variable-declaration-37</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback. + </td> + </tr> + <tr id="variable-declaration-60-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-60.htm">variable-declaration-60</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's. + </td> + </tr> + <tr id="variable-external-declaration-01-2.1" class="primary"> + <td><strong> + <a href="variable-external-declaration-01.htm">variable-external-declaration-01</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable in an external CSS file. + </td> + </tr> + <tr id="variable-supports-33-2.1" class="primary"> + <td><strong> + <a href="variable-supports-33.htm">variable-supports-33</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference. + </td> + </tr> + <tr id="variable-supports-34-2.1" class="primary"> + <td><strong> + <a href="variable-supports-34.htm">variable-supports-34</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference. + </td> + </tr> + <tr id="variable-supports-35-2.1" class="primary"> + <td><strong> + <a href="variable-supports-35.htm">variable-supports-35</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space. + </td> + </tr> + <tr id="variable-supports-36-2.1" class="primary"> + <td><strong> + <a href="variable-supports-36.htm">variable-supports-36</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space with the variable name also surrounded by white space. + </td> + </tr> + <tr id="variable-supports-37-2.1" class="primary"> + <td><strong> + <a href="variable-supports-37.htm">variable-supports-37</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens. + </td> + </tr> + <tr id="variable-supports-38-2.1" class="primary"> + <td><strong> + <a href="variable-supports-38.htm">variable-supports-38</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space. + </td> + </tr> + <tr id="variable-supports-39-2.1" class="primary"> + <td><strong> + <a href="variable-supports-39.htm">variable-supports-39</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment. + </td> + </tr> + <tr id="variable-supports-40-2.1" class="primary"> + <td><strong> + <a href="variable-supports-40.htm">variable-supports-40</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting of a comment and an identifier. + </td> + </tr> + <tr id="variable-supports-41-2.1" class="primary"> + <td><strong> + <a href="variable-supports-41.htm">variable-supports-41</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token. + </td> + </tr> + <tr id="variable-supports-42-2.1" class="primary"> + <td><strong> + <a href="variable-supports-42.htm">variable-supports-42</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important". + </td> + </tr> + <tr id="variable-supports-43-2.1" class="primary"> + <td><strong> + <a href="variable-supports-43.htm">variable-supports-43</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference. + </td> + </tr> + <tr id="variable-supports-44-2.1" class="primary"> + <td><strong> + <a href="variable-supports-44.htm">variable-supports-44</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension. + </td> + </tr> + <tr id="variable-supports-45-2.1" class="primary"> + <td><strong> + <a href="variable-supports-45.htm">variable-supports-45</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference. + </td> + </tr> + <tr id="variable-supports-46-2.1" class="primary"> + <td><strong> + <a href="variable-supports-46.htm">variable-supports-46</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority. + </td> + </tr> + <tr id="variable-supports-47-2.1" class="primary"> + <td><strong> + <a href="variable-supports-47.htm">variable-supports-47</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space. + </td> + </tr> + <tr id="variable-supports-48-2.1" class="primary"> + <td><strong> + <a href="variable-supports-48.htm">variable-supports-48</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference with a number of levels of variable reference fallbacks. + </td> + </tr> + <tr id="variable-supports-49-2.1" class="primary"> + <td><strong> + <a href="variable-supports-49.htm">variable-supports-49</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities. + </td> + </tr> + <tr id="variable-supports-50-2.1" class="primary"> + <td><strong> + <a href="variable-supports-50.htm">variable-supports-50</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token. + </td> + </tr> + <tr id="variable-supports-51-2.1" class="primary"> + <td><strong> + <a href="variable-supports-51.htm">variable-supports-51</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token. + </td> + </tr> + <tr id="variable-supports-52-2.1" class="primary"> + <td><strong> + <a href="variable-supports-52.htm">variable-supports-52</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets. + </td> + </tr> + <tr id="variable-supports-53-2.1" class="primary"> + <td><strong> + <a href="variable-supports-53.htm">variable-supports-53</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback. + </td> + </tr> + <tr id="variable-supports-54-2.1" class="primary"> + <td><strong> + <a href="variable-supports-54.htm">variable-supports-54</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token. + </td> + </tr> + <tr id="variable-supports-55-2.1" class="primary"> + <td><strong> + <a href="variable-supports-55.htm">variable-supports-55</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback. + </td> + </tr> + <tr id="variable-supports-56-2.1" class="primary"> + <td><strong> + <a href="variable-supports-56.htm">variable-supports-56</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains only a white space token. + </td> + </tr> + <tr id="variable-supports-57-2.1" class="primary"> + <td><strong> + <a href="variable-supports-57.htm">variable-supports-57</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains no tokens. + </td> + </tr> + <tr id="variable-supports-65-2.1" class="primary"> + <td><strong> + <a href="variable-supports-65.htm">variable-supports-65</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma. + </td> + </tr> + </tbody> + <tbody id="s2.1.#animation-tainted"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.1.#typedef-any-value"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.2"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s2.2">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#cycles">2.2 Resolving Dependency Cycles</a></th></tr> + <!-- 6 tests --> + <tr id="variable-declaration-30-2.2" class="primary"> + <td><strong> + <a href="variable-declaration-30.htm">variable-declaration-30</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that contains a variable reference to itself. + </td> + </tr> + <tr id="variable-declaration-48-2.2" class="primary"> + <td><strong> + <a href="variable-declaration-48.htm">variable-declaration-48</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a number of variables in a cycle. + </td> + </tr> + <tr id="variable-declaration-49-2.2" class="primary"> + <td><strong> + <a href="variable-declaration-49.htm">variable-declaration-49</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle. + </td> + </tr> + <tr id="variable-declaration-50-2.2" class="primary"> + <td><strong> + <a href="variable-declaration-50.htm">variable-declaration-50</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a number of variables in a chain, where the final element of the chain uses its fallback. + </td> + </tr> + <tr id="variable-reference-39-2.2" class="primary"> + <td><strong> + <a href="variable-reference-39.htm">variable-reference-39</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that references itself but uses fallback. + </td> + </tr> + <tr id="variable-supports-59-2.2" class="primary"> + <td><strong> + <a href="variable-supports-59.htm">variable-supports-59</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself. + </td> + </tr> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-3.htm new file mode 100644 index 00000000000..1213593a36f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-3.htm @@ -0,0 +1,693 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<html> + <head> + <title>Using Cascading Variables: the var() notation - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Using Cascading Variables: the var() notation (78 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/css-variables-1/#using-variables">3 Using Cascading Variables: the var() notation</a></th></tr> + <!-- 73 tests --> + <tr id="css-vars-custom-property-case-sensitive-001-3" class="primary"> + <td><strong> + <a href="css-vars-custom-property-case-sensitive-001.htm">css-vars-custom-property-case-sensitive-001</a></strong></td> + <td><a href="reference/css-vars-custom-property-case-sensitive-ref.htm">=</a> </td> + <td></td> + <td>custom property names start with "var-" in lower case + <ul class="assert"> + <li>Custom property names start with var- which must be lower case</li> + </ul> + </td> + </tr> + <tr id="css-vars-custom-property-inheritance-3" class="primary"> + <td><strong> + <a href="css-vars-custom-property-inheritance.htm">css-vars-custom-property-inheritance</a></strong></td> + <td><a href="reference/css-vars-custom-property-inheritance-ref.htm">=</a> </td> + <td></td> + <td>custom properties use normal inheritance and cascade rules + <ul class="assert"> + <li>custom properties are resolved with the normal inheritance and cascade rules</li> + </ul> + </td> + </tr> + <tr id="variable-declaration-52-3" class="primary"> + <td><strong> + <a href="variable-declaration-52.htm">variable-declaration-52</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback. + </td> + </tr> + <tr id="variable-declaration-53-3" class="primary"> + <td><strong> + <a href="variable-declaration-53.htm">variable-declaration-53</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of two variable references without fallback and with no intervening white space. + </td> + </tr> + <tr id="variable-declaration-54-3" class="primary"> + <td><strong> + <a href="variable-declaration-54.htm">variable-declaration-54</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space. + </td> + </tr> + <tr id="variable-declaration-55-3" class="primary"> + <td><strong> + <a href="variable-declaration-55.htm">variable-declaration-55</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space. + </td> + </tr> + <tr id="variable-external-reference-01-3" class="primary"> + <td><strong> + <a href="variable-external-reference-01.htm">variable-external-reference-01</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS. + </td> + </tr> + <tr id="variable-external-supports-01-3" class="primary"> + <td><strong> + <a href="variable-external-supports-01.htm">variable-external-supports-01</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file. + </td> + </tr> + <tr id="variable-reference-01-3" class="primary"> + <td><strong> + <a href="variable-reference-01.htm">variable-reference-01</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test the use of a variable in a non-custom property where the variable value is inherited. + </td> + </tr> + <tr id="variable-reference-03-3" class="primary"> + <td><strong> + <a href="variable-reference-03.htm">variable-reference-03</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test the use of two variables in a non-custom property where the variable values are inherited and one of the variable values consists only of white space. + </td> + </tr> + <tr id="variable-reference-04-3" class="primary"> + <td><strong> + <a href="variable-reference-04.htm">variable-reference-04</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test the use of two variables in a non-custom property where one variable is inherited and the other references a non-existing variable with fallback that consists only of white space. + </td> + </tr> + <tr id="variable-reference-05-3" class="primary"> + <td><strong> + <a href="variable-reference-05.htm">variable-reference-05</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference. + </td> + </tr> + <tr id="variable-reference-06-3" class="primary"> + <td><strong> + <a href="variable-reference-06.htm">variable-reference-06</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens. + </td> + </tr> + <tr id="variable-reference-07-3" class="primary"> + <td><strong> + <a href="variable-reference-07.htm">variable-reference-07</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token. + </td> + </tr> + <tr id="variable-reference-08-3" class="primary"> + <td><strong> + <a href="variable-reference-08.htm">variable-reference-08</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token. + </td> + </tr> + <tr id="variable-reference-09-3" class="primary"> + <td><strong> + <a href="variable-reference-09.htm">variable-reference-09</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with a variable reference that has a non-top level ';' token. + </td> + </tr> + <tr id="variable-reference-10-3" class="primary"> + <td><strong> + <a href="variable-reference-10.htm">variable-reference-10</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with a variable reference that has a non-top level '!' token. + </td> + </tr> + <tr id="variable-reference-11-3" class="primary"> + <td><strong> + <a href="variable-reference-11.htm">variable-reference-11</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment. + </td> + </tr> + <tr id="variable-reference-12-3" class="primary"> + <td><strong> + <a href="variable-reference-12.htm">variable-reference-12</a></strong></td> + <td><a href="reference/variable-reference-12-ref.htm">=</a> </td> + <td></td> + <td>Test the use of variable references in the 'content' property. + </td> + </tr> + <tr id="variable-reference-15-3" class="primary"> + <td><strong> + <a href="variable-reference-15.htm">variable-reference-15</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with two variable references with no intervening white space. + </td> + </tr> + <tr id="variable-reference-16-3" class="primary"> + <td><strong> + <a href="variable-reference-16.htm">variable-reference-16</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks. + </td> + </tr> + <tr id="variable-reference-17-3" class="primary"> + <td><strong> + <a href="variable-reference-17.htm">variable-reference-17</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token. + </td> + </tr> + <tr id="variable-reference-18-3" class="primary"> + <td><strong> + <a href="variable-reference-18.htm">variable-reference-18</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets. + </td> + </tr> + <tr id="variable-reference-19-3" class="primary"> + <td><strong> + <a href="variable-reference-19.htm">variable-reference-19</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference and a non-top level ';' token. + </td> + </tr> + <tr id="variable-reference-20-3" class="primary"> + <td><strong> + <a href="variable-reference-20.htm">variable-reference-20</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference whose function token is in uppercase. + </td> + </tr> + <tr id="variable-reference-21-3" class="primary"> + <td><strong> + <a href="variable-reference-21.htm">variable-reference-21</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a reference to a variable whose name must be escaped. + </td> + </tr> + <tr id="variable-reference-22-3" class="primary"> + <td><strong> + <a href="variable-reference-22.htm">variable-reference-22</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared and referenced using a lone surrogate. + </td> + </tr> + <tr id="variable-reference-23-3" class="primary"> + <td><strong> + <a href="variable-reference-23.htm">variable-reference-23</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using a lone surrogate. + </td> + </tr> + <tr id="variable-reference-24-3" class="primary"> + <td><strong> + <a href="variable-reference-24.htm">variable-reference-24</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using an out-of-range Unicode character escape. + </td> + </tr> + <tr id="variable-reference-25-3" class="primary"> + <td><strong> + <a href="variable-reference-25.htm">variable-reference-25</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-26-3" class="primary"> + <td><strong> + <a href="variable-reference-26.htm">variable-reference-26</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference with white space before its comma and fallback consisting only of white space and which is implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-27-3" class="primary"> + <td><strong> + <a href="variable-reference-27.htm">variable-reference-27</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference with fallback consisting only of white space and which is implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-28-3" class="primary"> + <td><strong> + <a href="variable-reference-28.htm">variable-reference-28</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference whose fallback is a variable reference, both of which are implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-29-3" class="primary"> + <td><strong> + <a href="variable-reference-29.htm">variable-reference-29</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference with no fallback, and whose variable name is followed by a comment, and where the comment and the variable reference are implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-30-3" class="primary"> + <td><strong> + <a href="variable-reference-30.htm">variable-reference-30</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities. + </td> + </tr> + <tr id="variable-reference-31-3" class="primary"> + <td><strong> + <a href="variable-reference-31.htm">variable-reference-31</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix. + </td> + </tr> + <tr id="variable-reference-32-3" class="primary"> + <td><strong> + <a href="variable-reference-32.htm">variable-reference-32</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string. + </td> + </tr> + <tr id="variable-reference-33-3" class="primary"> + <td><strong> + <a href="variable-reference-33.htm">variable-reference-33</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF. + </td> + </tr> + <tr id="variable-reference-34-3" class="primary"> + <td><strong> + <a href="variable-reference-34.htm">variable-reference-34</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL. + </td> + </tr> + <tr id="variable-reference-35-3" class="primary"> + <td><strong> + <a href="variable-reference-35.htm">variable-reference-35</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF. + </td> + </tr> + <tr id="variable-supports-01-3" class="primary"> + <td><strong> + <a href="variable-supports-01.htm">variable-supports-01</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens. + </td> + </tr> + <tr id="variable-supports-02-3" class="primary"> + <td><strong> + <a href="variable-supports-02.htm">variable-supports-02</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a white space token followed by a variable reference. + </td> + </tr> + <tr id="variable-supports-03-3" class="primary"> + <td><strong> + <a href="variable-supports-03.htm">variable-supports-03</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens. + </td> + </tr> + <tr id="variable-supports-04-3" class="primary"> + <td><strong> + <a href="variable-supports-04.htm">variable-supports-04</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens and with white space surrounding the variable name. + </td> + </tr> + <tr id="variable-supports-05-3" class="primary"> + <td><strong> + <a href="variable-supports-05.htm">variable-supports-05</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens. + </td> + </tr> + <tr id="variable-supports-06-3" class="primary"> + <td><strong> + <a href="variable-supports-06.htm">variable-supports-06</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference with fallback that is only white space. + </td> + </tr> + <tr id="variable-supports-07-3" class="primary"> + <td><strong> + <a href="variable-supports-07.htm">variable-supports-07</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens, just a comment. + </td> + </tr> + <tr id="variable-supports-08-3" class="primary"> + <td><strong> + <a href="variable-supports-08.htm">variable-supports-08</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier. + </td> + </tr> + <tr id="variable-supports-09-3" class="primary"> + <td><strong> + <a href="variable-supports-09.htm">variable-supports-09</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a '!' token at the top level of its fallback. + </td> + </tr> + <tr id="variable-supports-10-3" class="primary"> + <td><strong> + <a href="variable-supports-10.htm">variable-supports-10</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having "!important" at the top level of its fallback. + </td> + </tr> + <tr id="variable-supports-11-3" class="primary"> + <td><strong> + <a href="variable-supports-11.htm">variable-supports-11</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value. + </td> + </tr> + <tr id="variable-supports-12-3" class="primary"> + <td><strong> + <a href="variable-supports-12.htm">variable-supports-12</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value. + </td> + </tr> + <tr id="variable-supports-13-3" class="primary"> + <td><strong> + <a href="variable-supports-13.htm">variable-supports-13</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing 'color' property declaration in an @supports rule with a range of different tokens and a variable reference not at the top level. + </td> + </tr> + <tr id="variable-supports-14-3" class="primary"> + <td><strong> + <a href="variable-supports-14.htm">variable-supports-14</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority. + </td> + </tr> + <tr id="variable-supports-15-3" class="primary"> + <td><strong> + <a href="variable-supports-15.htm">variable-supports-15</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space. + </td> + </tr> + <tr id="variable-supports-16-3" class="primary"> + <td><strong> + <a href="variable-supports-16.htm">variable-supports-16</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule with a variable reference that has a number of levels of variable reference fallbacks. + </td> + </tr> + <tr id="variable-supports-17-3" class="primary"> + <td><strong> + <a href="variable-supports-17.htm">variable-supports-17</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule with two "!important" priorities. + </td> + </tr> + <tr id="variable-supports-18-3" class="primary"> + <td><strong> + <a href="variable-supports-18.htm">variable-supports-18</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token. + </td> + </tr> + <tr id="variable-supports-19-3" class="primary"> + <td><strong> + <a href="variable-supports-19.htm">variable-supports-19</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token. + </td> + </tr> + <tr id="variable-supports-20-3" class="primary"> + <td><strong> + <a href="variable-supports-20.htm">variable-supports-20</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets. + </td> + </tr> + <tr id="variable-supports-21-3" class="primary"> + <td><strong> + <a href="variable-supports-21.htm">variable-supports-21</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a ';' token at the top level of its fallback. + </td> + </tr> + <tr id="variable-supports-22-3" class="primary"> + <td><strong> + <a href="variable-supports-22.htm">variable-supports-22</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token. + </td> + </tr> + <tr id="variable-supports-23-3" class="primary"> + <td><strong> + <a href="variable-supports-23.htm">variable-supports-23</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token. + </td> + </tr> + <tr id="variable-supports-24-3" class="primary"> + <td><strong> + <a href="variable-supports-24.htm">variable-supports-24</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a non-top level ';' token in its fallback. + </td> + </tr> + <tr id="variable-supports-25-3" class="primary"> + <td><strong> + <a href="variable-supports-25.htm">variable-supports-25</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase. + </td> + </tr> + <tr id="variable-supports-26-3" class="primary"> + <td><strong> + <a href="variable-supports-26.htm">variable-supports-26</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a digit after the "--" variable name prefix. + </td> + </tr> + <tr id="variable-supports-27-3" class="primary"> + <td><strong> + <a href="variable-supports-27.htm">variable-supports-27</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a variable name beginning with an escaped digit. + </td> + </tr> + <tr id="variable-supports-28-3" class="primary"> + <td><strong> + <a href="variable-supports-28.htm">variable-supports-28</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an escaped lone surrogate. + </td> + </tr> + <tr id="variable-supports-29-3" class="primary"> + <td><strong> + <a href="variable-supports-29.htm">variable-supports-29</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an out-of-range Unicode character escape. + </td> + </tr> + <tr id="variable-supports-30-3" class="primary"> + <td><strong> + <a href="variable-supports-30.htm">variable-supports-30</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a dimension token as the variable name. + </td> + </tr> + <tr id="variable-supports-31-3" class="primary"> + <td><strong> + <a href="variable-supports-31.htm">variable-supports-31</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma. + </td> + </tr> + <tr id="variable-supports-32-3" class="primary"> + <td><strong> + <a href="variable-supports-32.htm">variable-supports-32</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference. + </td> + </tr> + <tr id="variable-supports-64-3" class="primary"> + <td><strong> + <a href="variable-supports-64.htm">variable-supports-64</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name. + </td> + </tr> + </tbody> + <tbody id="s3.#funcdef-var"> + <!-- 0 tests --> + </tbody> + <tbody id="s3.#substitute-a-var"> + <!-- 0 tests --> + </tbody> + <tbody id="s3.1"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s3.1">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#invalid-variables">3.1 Invalid Variables</a></th></tr> + <!-- 2 tests --> + <tr id="variable-declaration-51-3.1" class="primary"> + <td><strong> + <a href="variable-declaration-51.htm">variable-declaration-51</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a reference to an invalid inherited variable. + </td> + </tr> + <tr id="variable-reference-02-3.1" class="primary"> + <td><strong> + <a href="variable-reference-02.htm">variable-reference-02</a></strong></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td></td> + <td>Test the use of a variable in a non-custom property where the value is invalid at computed-value time due to referencing a non-existent variable. + </td> + </tr> + </tbody> + <tbody id="s3.1.#invalid-at-computed-value-time"> + <!-- 0 tests --> + </tbody> + <tbody id="s3.2"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s3.2">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands">3.2 Variables in Shorthand Properties</a></th></tr> + <!-- 3 tests --> + <tr id="variable-reference-36-3.2" class="primary"> + <td><strong> + <a href="variable-reference-36.htm">variable-reference-36</a></strong></td> + <td><a href="reference/variable-reference-36-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom shorthand property containing a variable reference. + </td> + </tr> + <tr id="variable-reference-37-3.2" class="primary"> + <td><strong> + <a href="variable-reference-37.htm">variable-reference-37</a></strong></td> + <td><a href="reference/variable-reference-37-ref.htm">=</a> </td> + <td></td> + <td>Test declaring a non-custom shorthand property containing a variable reference, with a subsequent property in the declaration block that overrides one of the shorthand's components. + </td> + </tr> + <tr id="variable-reference-38-3.2" class="primary"> + <td><strong> + <a href="variable-reference-38.htm">variable-reference-38</a></strong></td> + <td><a href="reference/variable-declaration-59-ref.htm">=</a> </td> + <td></td> + <td>Test using variables in overlapping shorthands. + </td> + </tr> + </tbody> + <tbody id="s3.2.#pending-substitution-value"> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/chapter-4.htm b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-4.htm new file mode 100644 index 00000000000..55d6e146f40 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-4.htm @@ -0,0 +1,45 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<html> + <head> + <title>APIs - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>APIs (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/css-variables-1/#apis">4 APIs</a></th></tr> + <!-- 0 tests --> + </tbody> + <tbody id="s4.1"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s4.1">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#serializing-custom-props">4.1 Serializing Custom Properties</a></th></tr> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/chapter-5.htm b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-5.htm new file mode 100644 index 00000000000..d7f2da1ba76 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-5.htm @@ -0,0 +1,39 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<html> + <head> + <title>Changes since the June 20 2013 Last Call Working Draft - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Changes since the June 20 2013 Last Call Working Draft (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="s5"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s5">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#changes">5 Changes since the June 20 2013 Last Call Working Draft</a></th></tr> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/chapter-6.htm b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-6.htm new file mode 100644 index 00000000000..8018c5b7dd5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-6.htm @@ -0,0 +1,96 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<html> + <head> + <title>Acknowledgments - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Acknowledgments (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="s6"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s6">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#acks">6 Acknowledgments</a></th></tr> + <!-- 0 tests --> + </tbody> + <tbody id="s.#abstract"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#conformance"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#conformance-classes"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#contents"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#conventions"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#css-extensions"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#cssom"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#experimental"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#index"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#informative"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#normative"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#partial"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#property-index"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#references"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#rfc2119"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#status"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#subtitle"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#testing"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#title"> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/css-vars-custom-property-case-sensitive-001.htm b/tests/wpt/css-tests/css-variables-1_dev/html/css-vars-custom-property-case-sensitive-001.htm new file mode 100644 index 00000000000..dabf89970b7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/css-vars-custom-property-case-sensitive-001.htm @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Variables Test: custom property names start with "var-" in lower case</title> + <meta charset="UTF-8"> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins"> + <link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> + <meta content="Custom property names start with var- which must be lower case" name="assert"> + <link href="reference/css-vars-custom-property-case-sensitive-ref.htm" rel="match"> + <style type="text/css"> + :root { + /* these should be VALID custom property names */ + var-veryblue: #22e; + var-AlsoBlue: #22e; + + /* these should be INVALID custom property names */ + VAR-veryred: #f00; + Var-AlsoRed: #f00; + } + + .blue-good-1 { color: var(veryblue); } + .blue-good-2 { color: var(AlsoBlue); } + .red-bad-1 { color: var(veryred); } + .red-bad-2 { color: var(AlsoRed); } + </style> +</head> +<body> + <h2 class="blue-good-1">Valid CSS Variable Names</h2> + <p class="blue-good-1">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <p class="blue-good-2">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <br> + <h2 class="red-bad-1">Invalid CSS Variable Names</h2> + <p class="red-bad-1">This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + <p class="red-bad-2">This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/css-vars-custom-property-inheritance.htm b/tests/wpt/css-tests/css-variables-1_dev/html/css-vars-custom-property-inheritance.htm new file mode 100644 index 00000000000..4f06ee3507a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/css-vars-custom-property-inheritance.htm @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html><head> + <meta charset="utf-8"> + <title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins"> + <link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> + <meta content="custom properties are resolved with the normal inheritance and cascade rules" name="assert"> + <link href="reference/css-vars-custom-property-inheritance-ref.htm" rel="match"> + <style type="text/css"> + + /* test cascade importance */ + :root { var-color: #1c1 !important; } + :root { var-color: red; } + + /* test cascade order */ + * { color: red; } + + /* test cascade order */ + * { color: var(color); } + + </style> +</head> +<body> + <p>Green</p> + <p>Green</p> + <p>Green</p> + <p>The test passes if everything is green. Any red means the test failed.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-case-sensitive-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-case-sensitive-ref.htm new file mode 100644 index 00000000000..3ed25b7d62f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-case-sensitive-ref.htm @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Variables Test: custom property names start with "var-" in lower case</title> + <meta charset="UTF-8"> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins"> + <style type="text/css"> + :root { + /* these should be VALID custom property names */ + var-veryblue: #22e; + var-AlsoBlue: #22e; + + /* these should be INVALID custom property names */ + VAR-veryred: #f00; + Var-AlsoRed: #f00; + } + + .blue-good-1 { color: var(veryblue); } + .blue-good-2 { color: var(AlsoBlue); } + .red-bad-1 { color: var(veryred); } + .red-bad-2 { color: var(AlsoRed); } + </style> +</head> +<body> + <h2 class="blue-good-1">Valid CSS Variable Names</h2> + <p class="blue-good-1">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <p class="blue-good-2">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <br> + <h2>Invalid CSS Variable Names</h2> + <p>This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + <p>This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-inheritance-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-inheritance-ref.htm new file mode 100644 index 00000000000..77e2387983a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-inheritance-ref.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html><head> + <meta charset="utf-8"> + <title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins"> + <style type="text/css"> + * { color: #1c1; } + </style> +</head> +<body> + <p>Green</p> + <p>Green</p> + <p>Green</p> + <p>The test passes if everything is green. Any red means the test failed.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/ahem.css b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/ahem.css new file mode 100644 index 00000000000..0d4bcedc21b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/ahem.css @@ -0,0 +1,4 @@ +@font-face { + font-family: "Ahem"; + src: url(../../../../fonts/Ahem.ttf); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/color-green-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/color-green-ref.htm new file mode 100644 index 00000000000..628466d5c2a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/color-green-ref.htm @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/color-green-ref.html b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/color-green-ref.html new file mode 100644 index 00000000000..628466d5c2a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/color-green-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-declaration.css b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-declaration.css new file mode 100644 index 00000000000..9ba1b9d3288 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-declaration.css @@ -0,0 +1,5 @@ +p { + color: red; + --a: green; + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-font-face.css b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-font-face.css new file mode 100644 index 00000000000..38c86f0cca7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-font-face.css @@ -0,0 +1,15 @@ +@font-face { + --a: MyTestFontName; + font-family: var(--a); + src: url(../../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-reference.css b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-reference.css new file mode 100644 index 00000000000..0c697fdcf91 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-reference.css @@ -0,0 +1,6 @@ +:root { + --a: green; +} +p { + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-supports.css b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-supports.css new file mode 100644 index 00000000000..96582bfd8f1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-supports.css @@ -0,0 +1,4 @@ +body { color: red; } +@supports (color:var(--a)) { + p { color: green; } +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-15-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-15-ref.htm new file mode 100644 index 00000000000..9db90b2467c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-15-ref.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +<style> +p { + font-family: Ahem, sans-serif; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-16-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-16-ref.htm new file mode 100644 index 00000000000..9db90b2467c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-16-ref.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +<style> +p { + font-family: Ahem, sans-serif; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-17-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-17-ref.htm new file mode 100644 index 00000000000..bc886baee04 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-17-ref.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +<style> +p { + font-family: SomeUnknownFont, Ahem; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-18-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-18-ref.htm new file mode 100644 index 00000000000..9db90b2467c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-18-ref.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +<style> +p { + font-family: Ahem, sans-serif; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-font-face-01-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-font-face-01-ref.htm new file mode 100644 index 00000000000..29522e1fdcd --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-font-face-01-ref.htm @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +</head><body><p>This text must not be in Ahem.</p> +<p style="font-family: Ahem">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-font-face-02-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-font-face-02-ref.htm new file mode 100644 index 00000000000..29522e1fdcd --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-font-face-02-ref.htm @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +</head><body><p>This text must not be in Ahem.</p> +<p style="font-family: Ahem">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-12-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-12-ref.htm new file mode 100644 index 00000000000..fd6a93fcb5c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-12-ref.htm @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +</head><body><p>The words "hello there" must appear below:</p> +<p>hello there</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-36-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-36-ref.htm new file mode 100644 index 00000000000..bbb8cf704d4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-36-ref.htm @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + background-color: green; + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-37-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-37-ref.htm new file mode 100644 index 00000000000..bbb8cf704d4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-37-ref.htm @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + background-color: green; + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reftest-toc.htm new file mode 100644 index 00000000000..c4198242c6a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reftest-toc.htm @@ -0,0 +1,1414 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<html> + <head> + <title>CSS Custom Properties Level 1 CR Test Suite Reftest Index</title> + <style type="text/css"> + @import "http://www.w3.org/StyleSheets/TR/base.css"; + @import "../indices.css"; + </style> + </head> + + <body> + + <h1>CSS Custom Properties Level 1 CR Test Suite Reftest Index</h1> + <table width="100%"> + <col id="test-column"> + <col id="ref-column"> + <col id="flags-column"> + <thead> + <tr> + <th>Test</th> + <th>Reference</th> + <th>Flags</th> + </tr> + </thead> + <tbody id="css-vars-custom-property-case-sensitive-001" class=""> + <tr> + <td rowspan="1" title="custom property names start with "var-" in lower case"> + <a href="css-vars-custom-property-case-sensitive-001.htm">css-vars-custom-property-case-sensitive-001</a></td> + <td><a href="reference/css-vars-custom-property-case-sensitive-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="css-vars-custom-property-inheritance" class=""> + <tr> + <td rowspan="1" title="custom properties use normal inheritance and cascade rules"> + <a href="css-vars-custom-property-inheritance.htm">css-vars-custom-property-inheritance</a></td> + <td><a href="reference/css-vars-custom-property-inheritance-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-01" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a single token preceded by white space."> + <a href="variable-declaration-01.htm">variable-declaration-01</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-02" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a single token with no preceding white space."> + <a href="variable-declaration-02.htm">variable-declaration-02</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-03" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that references another variable."> + <a href="variable-declaration-03.htm">variable-declaration-03</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-04" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a variable reference followed by white space."> + <a href="variable-declaration-04.htm">variable-declaration-04</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-05" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a variable reference that includes white space around the variable name."> + <a href="variable-declaration-05.htm">variable-declaration-05</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-06" class=""> + <tr> + <td rowspan="1" title="Test overriding an existing variable declaration."> + <a href="variable-declaration-06.htm">variable-declaration-06</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-07" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback."> + <a href="variable-declaration-07.htm">variable-declaration-07</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-08" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a variable reference whose fallback is white space."> + <a href="variable-declaration-08.htm">variable-declaration-08</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-09" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback."> + <a href="variable-declaration-09.htm">variable-declaration-09</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-10" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier."> + <a href="variable-declaration-10.htm">variable-declaration-10</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-11" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback."> + <a href="variable-declaration-11.htm">variable-declaration-11</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-12" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback."> + <a href="variable-declaration-12.htm">variable-declaration-12</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-13" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback."> + <a href="variable-declaration-13.htm">variable-declaration-13</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-14" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space."> + <a href="variable-declaration-14.htm">variable-declaration-14</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-15" class="ahem"> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list."> + <a href="variable-declaration-15.htm">variable-declaration-15</a></td> + <td><a href="reference/variable-declaration-15-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-declaration-16" class="ahem"> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference."> + <a href="variable-declaration-16.htm">variable-declaration-16</a></td> + <td><a href="reference/variable-declaration-16-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-declaration-17" class="ahem"> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference."> + <a href="variable-declaration-17.htm">variable-declaration-17</a></td> + <td><a href="reference/variable-declaration-17-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-declaration-18" class="ahem"> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference."> + <a href="variable-declaration-18.htm">variable-declaration-18</a></td> + <td><a href="reference/variable-declaration-18-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-declaration-19" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a function where one of the arguments is a variable reference."> + <a href="variable-declaration-19.htm">variable-declaration-19</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-20" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with "!important"."> + <a href="variable-declaration-20.htm">variable-declaration-20</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-21" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references."> + <a href="variable-declaration-21.htm">variable-declaration-21</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-22" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks."> + <a href="variable-declaration-22.htm">variable-declaration-22</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-23" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to having two "!important" priorities."> + <a href="variable-declaration-23.htm">variable-declaration-23</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-24" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that contains a CDO token."> + <a href="variable-declaration-24.htm">variable-declaration-24</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-25" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that contains a CDC token."> + <a href="variable-declaration-25.htm">variable-declaration-25</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-26" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that contains only a white space token."> + <a href="variable-declaration-26.htm">variable-declaration-26</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-28" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to having no tokens."> + <a href="variable-declaration-28.htm">variable-declaration-28</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-29" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with a valid custom property name "--"."> + <a href="variable-declaration-29.htm">variable-declaration-29</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-30" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that contains a variable reference to itself."> + <a href="variable-declaration-30.htm">variable-declaration-30</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-31" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with a digit."> + <a href="variable-declaration-31.htm">variable-declaration-31</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-32" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with an escaped digit."> + <a href="variable-declaration-32.htm">variable-declaration-32</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-33" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with an escaped letter."> + <a href="variable-declaration-33.htm">variable-declaration-33</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-34" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with a lone surrogate."> + <a href="variable-declaration-34.htm">variable-declaration-34</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-35" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with U+FFFD."> + <a href="variable-declaration-35.htm">variable-declaration-35</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-36" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with an out-of-range Unicode character escape."> + <a href="variable-declaration-36.htm">variable-declaration-36</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-37" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback."> + <a href="variable-declaration-37.htm">variable-declaration-37</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-38" class=""> + <tr> + <td rowspan="1" title="Test declaring two variables in the same declaration block that differ only in case, with lowercase first."> + <a href="variable-declaration-38.htm">variable-declaration-38</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-39" class=""> + <tr> + <td rowspan="1" title="Test declaring two variables in the same declaration block that differ only in case, with uppercase first."> + <a href="variable-declaration-39.htm">variable-declaration-39</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-40" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with an invalid custom property name due to it beginning with "VAR-"."> + <a href="variable-declaration-40.htm">variable-declaration-40</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-41" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped."> + <a href="variable-declaration-41.htm">variable-declaration-41</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-42" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character."> + <a href="variable-declaration-42.htm">variable-declaration-42</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-43" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "initial"."> + <a href="variable-declaration-43.htm">variable-declaration-43</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-44" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "inherit" where there is no variable to inherit from."> + <a href="variable-declaration-44.htm">variable-declaration-44</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-45" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "inherit" where there is a variable to inherit from."> + <a href="variable-declaration-45.htm">variable-declaration-45</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-46" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "initial" where there is a variable to inherit from."> + <a href="variable-declaration-46.htm">variable-declaration-46</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-47" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value consists of a reference to a variable whose value is "inherit"."> + <a href="variable-declaration-47.htm">variable-declaration-47</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-48" class=""> + <tr> + <td rowspan="1" title="Test declaring a number of variables in a cycle."> + <a href="variable-declaration-48.htm">variable-declaration-48</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-49" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle."> + <a href="variable-declaration-49.htm">variable-declaration-49</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-50" class=""> + <tr> + <td rowspan="1" title="Test declaring a number of variables in a chain, where the final element of the chain uses its fallback."> + <a href="variable-declaration-50.htm">variable-declaration-50</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-51" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a reference to an invalid inherited variable."> + <a href="variable-declaration-51.htm">variable-declaration-51</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-52" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback."> + <a href="variable-declaration-52.htm">variable-declaration-52</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-53" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of two variable references without fallback and with no intervening white space."> + <a href="variable-declaration-53.htm">variable-declaration-53</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-54" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space."> + <a href="variable-declaration-54.htm">variable-declaration-54</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-55" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space."> + <a href="variable-declaration-55.htm">variable-declaration-55</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-56" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "unset" where there is no variable to inherit from."> + <a href="variable-declaration-56.htm">variable-declaration-56</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-57" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "unset" where there is a variable to inherit from."> + <a href="variable-declaration-57.htm">variable-declaration-57</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-58" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value consists of a reference to a variable whose value is "unset"."> + <a href="variable-declaration-58.htm">variable-declaration-58</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-59" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with a trailing invalid token."> + <a href="variable-declaration-59.htm">variable-declaration-59</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-60" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's."> + <a href="variable-declaration-60.htm">variable-declaration-60</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-external-declaration-01" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable in an external CSS file."> + <a href="variable-external-declaration-01.htm">variable-external-declaration-01</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-external-font-face-01" class="ahem"> + <tr> + <td rowspan="1" title="Test the invalid declaration and use of a variable in an @font-face rule within an external CSS."> + <a href="variable-external-font-face-01.htm">variable-external-font-face-01</a></td> + <td><a href="reference/variable-font-face-01-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-external-reference-01" class=""> + <tr> + <td rowspan="1" title="Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS."> + <a href="variable-external-reference-01.htm">variable-external-reference-01</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-external-supports-01" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file."> + <a href="variable-external-supports-01.htm">variable-external-supports-01</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-font-face-01" class="ahem"> + <tr> + <td rowspan="1" title="Test the invalid declaration and use of a variable in an @font-face rule."> + <a href="variable-font-face-01.htm">variable-font-face-01</a></td> + <td><a href="reference/variable-font-face-01-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-font-face-02" class="ahem"> + <tr> + <td rowspan="1" title="Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element."> + <a href="variable-font-face-02.htm">variable-font-face-02</a></td> + <td><a href="reference/variable-font-face-02-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-reference-01" class=""> + <tr> + <td rowspan="1" title="Test the use of a variable in a non-custom property where the variable value is inherited."> + <a href="variable-reference-01.htm">variable-reference-01</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-02" class=""> + <tr> + <td rowspan="1" title="Test the use of a variable in a non-custom property where the value is invalid at computed-value time due to referencing a non-existent variable."> + <a href="variable-reference-02.htm">variable-reference-02</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-03" class=""> + <tr> + <td rowspan="1" title="Test the use of two variables in a non-custom property where the variable values are inherited and one of the variable values consists only of white space."> + <a href="variable-reference-03.htm">variable-reference-03</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-04" class=""> + <tr> + <td rowspan="1" title="Test the use of two variables in a non-custom property where one variable is inherited and the other references a non-existing variable with fallback that consists only of white space."> + <a href="variable-reference-04.htm">variable-reference-04</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-05" class=""> + <tr> + <td rowspan="1" title="Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference."> + <a href="variable-reference-05.htm">variable-reference-05</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-06" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens."> + <a href="variable-reference-06.htm">variable-reference-06</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-07" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token."> + <a href="variable-reference-07.htm">variable-reference-07</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-08" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token."> + <a href="variable-reference-08.htm">variable-reference-08</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-09" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with a variable reference that has a non-top level ';' token."> + <a href="variable-reference-09.htm">variable-reference-09</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-10" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with a variable reference that has a non-top level '!' token."> + <a href="variable-reference-10.htm">variable-reference-10</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-11" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment."> + <a href="variable-reference-11.htm">variable-reference-11</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-12" class=""> + <tr> + <td rowspan="1" title="Test the use of variable references in the 'content' property."> + <a href="variable-reference-12.htm">variable-reference-12</a></td> + <td><a href="reference/variable-reference-12-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-13" class=""> + <tr> + <td rowspan="1" title="Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block."> + <a href="variable-reference-13.htm">variable-reference-13</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-14" class=""> + <tr> + <td rowspan="1" title="Test that important variable declarations cascade correctly."> + <a href="variable-reference-14.htm">variable-reference-14</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-15" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with two variable references with no intervening white space."> + <a href="variable-reference-15.htm">variable-reference-15</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-16" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks."> + <a href="variable-reference-16.htm">variable-reference-16</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-17" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token."> + <a href="variable-reference-17.htm">variable-reference-17</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-18" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets."> + <a href="variable-reference-18.htm">variable-reference-18</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-19" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference and a non-top level ';' token."> + <a href="variable-reference-19.htm">variable-reference-19</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-20" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference whose function token is in uppercase."> + <a href="variable-reference-20.htm">variable-reference-20</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-21" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name must be escaped."> + <a href="variable-reference-21.htm">variable-reference-21</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-22" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared and referenced using a lone surrogate."> + <a href="variable-reference-22.htm">variable-reference-22</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-23" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using a lone surrogate."> + <a href="variable-reference-23.htm">variable-reference-23</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-24" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using an out-of-range Unicode character escape."> + <a href="variable-reference-24.htm">variable-reference-24</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-25" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF."> + <a href="variable-reference-25.htm">variable-reference-25</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-26" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with white space before its comma and fallback consisting only of white space and which is implicitly closed due to EOF."> + <a href="variable-reference-26.htm">variable-reference-26</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-27" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with fallback consisting only of white space and which is implicitly closed due to EOF."> + <a href="variable-reference-27.htm">variable-reference-27</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-28" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference whose fallback is a variable reference, both of which are implicitly closed due to EOF."> + <a href="variable-reference-28.htm">variable-reference-28</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-29" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with no fallback, and whose variable name is followed by a comment, and where the comment and the variable reference are implicitly closed due to EOF."> + <a href="variable-reference-29.htm">variable-reference-29</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-30" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities."> + <a href="variable-reference-30.htm">variable-reference-30</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-31" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix."> + <a href="variable-reference-31.htm">variable-reference-31</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-32" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string."> + <a href="variable-reference-32.htm">variable-reference-32</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-33" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF."> + <a href="variable-reference-33.htm">variable-reference-33</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-34" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL."> + <a href="variable-reference-34.htm">variable-reference-34</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-35" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF."> + <a href="variable-reference-35.htm">variable-reference-35</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-36" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom shorthand property containing a variable reference."> + <a href="variable-reference-36.htm">variable-reference-36</a></td> + <td><a href="reference/variable-reference-36-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-37" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom shorthand property containing a variable reference, with a subsequent property in the declaration block that overrides one of the shorthand's components."> + <a href="variable-reference-37.htm">variable-reference-37</a></td> + <td><a href="reference/variable-reference-37-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-38" class=""> + <tr> + <td rowspan="1" title="Test using variables in overlapping shorthands."> + <a href="variable-reference-38.htm">variable-reference-38</a></td> + <td><a href="reference/variable-declaration-59-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-39" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that references itself but uses fallback."> + <a href="variable-reference-39.htm">variable-reference-39</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-01" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens."> + <a href="variable-supports-01.htm">variable-supports-01</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-02" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a white space token followed by a variable reference."> + <a href="variable-supports-02.htm">variable-supports-02</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-03" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens."> + <a href="variable-supports-03.htm">variable-supports-03</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-04" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens and with white space surrounding the variable name."> + <a href="variable-supports-04.htm">variable-supports-04</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-05" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens."> + <a href="variable-supports-05.htm">variable-supports-05</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-06" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference with fallback that is only white space."> + <a href="variable-supports-06.htm">variable-supports-06</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-07" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens, just a comment."> + <a href="variable-supports-07.htm">variable-supports-07</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-08" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier."> + <a href="variable-supports-08.htm">variable-supports-08</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-09" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a '!' token at the top level of its fallback."> + <a href="variable-supports-09.htm">variable-supports-09</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-10" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having "!important" at the top level of its fallback."> + <a href="variable-supports-10.htm">variable-supports-10</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-11" class=""> + <tr> + <td rowspan="1" title="Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value."> + <a href="variable-supports-11.htm">variable-supports-11</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-12" class=""> + <tr> + <td rowspan="1" title="Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value."> + <a href="variable-supports-12.htm">variable-supports-12</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-13" class=""> + <tr> + <td rowspan="1" title="Test a passing 'color' property declaration in an @supports rule with a range of different tokens and a variable reference not at the top level."> + <a href="variable-supports-13.htm">variable-supports-13</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-14" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority."> + <a href="variable-supports-14.htm">variable-supports-14</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-15" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space."> + <a href="variable-supports-15.htm">variable-supports-15</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-16" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule with a variable reference that has a number of levels of variable reference fallbacks."> + <a href="variable-supports-16.htm">variable-supports-16</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-17" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule with two "!important" priorities."> + <a href="variable-supports-17.htm">variable-supports-17</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-18" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token."> + <a href="variable-supports-18.htm">variable-supports-18</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-19" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token."> + <a href="variable-supports-19.htm">variable-supports-19</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-20" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets."> + <a href="variable-supports-20.htm">variable-supports-20</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-21" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a ';' token at the top level of its fallback."> + <a href="variable-supports-21.htm">variable-supports-21</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-22" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token."> + <a href="variable-supports-22.htm">variable-supports-22</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-23" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token."> + <a href="variable-supports-23.htm">variable-supports-23</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-24" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a non-top level ';' token in its fallback."> + <a href="variable-supports-24.htm">variable-supports-24</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-25" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase."> + <a href="variable-supports-25.htm">variable-supports-25</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-26" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a digit after the "--" variable name prefix."> + <a href="variable-supports-26.htm">variable-supports-26</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-27" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a variable name beginning with an escaped digit."> + <a href="variable-supports-27.htm">variable-supports-27</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-28" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an escaped lone surrogate."> + <a href="variable-supports-28.htm">variable-supports-28</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-29" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an out-of-range Unicode character escape."> + <a href="variable-supports-29.htm">variable-supports-29</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-30" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a dimension token as the variable name."> + <a href="variable-supports-30.htm">variable-supports-30</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-31" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma."> + <a href="variable-supports-31.htm">variable-supports-31</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-32" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference."> + <a href="variable-supports-32.htm">variable-supports-32</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-33" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference."> + <a href="variable-supports-33.htm">variable-supports-33</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-34" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference."> + <a href="variable-supports-34.htm">variable-supports-34</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-35" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space."> + <a href="variable-supports-35.htm">variable-supports-35</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-36" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space with the variable name also surrounded by white space."> + <a href="variable-supports-36.htm">variable-supports-36</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-37" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens."> + <a href="variable-supports-37.htm">variable-supports-37</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-38" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space."> + <a href="variable-supports-38.htm">variable-supports-38</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-39" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment."> + <a href="variable-supports-39.htm">variable-supports-39</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-40" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting of a comment and an identifier."> + <a href="variable-supports-40.htm">variable-supports-40</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-41" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token."> + <a href="variable-supports-41.htm">variable-supports-41</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-42" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important"."> + <a href="variable-supports-42.htm">variable-supports-42</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-43" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference."> + <a href="variable-supports-43.htm">variable-supports-43</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-44" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension."> + <a href="variable-supports-44.htm">variable-supports-44</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-45" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference."> + <a href="variable-supports-45.htm">variable-supports-45</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-46" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority."> + <a href="variable-supports-46.htm">variable-supports-46</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-47" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space."> + <a href="variable-supports-47.htm">variable-supports-47</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-48" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference with a number of levels of variable reference fallbacks."> + <a href="variable-supports-48.htm">variable-supports-48</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-49" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities."> + <a href="variable-supports-49.htm">variable-supports-49</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-50" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token."> + <a href="variable-supports-50.htm">variable-supports-50</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-51" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token."> + <a href="variable-supports-51.htm">variable-supports-51</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-52" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets."> + <a href="variable-supports-52.htm">variable-supports-52</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-53" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback."> + <a href="variable-supports-53.htm">variable-supports-53</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-54" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token."> + <a href="variable-supports-54.htm">variable-supports-54</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-55" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback."> + <a href="variable-supports-55.htm">variable-supports-55</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-56" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains only a white space token."> + <a href="variable-supports-56.htm">variable-supports-56</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-57" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains no tokens."> + <a href="variable-supports-57.htm">variable-supports-57</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-58" class=""> + <tr> + <td rowspan="1" title="Test a passing property declaration in an @supports rule with property name "--"."> + <a href="variable-supports-58.htm">variable-supports-58</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-59" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself."> + <a href="variable-supports-59.htm">variable-supports-59</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-60" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is a digit."> + <a href="variable-supports-60.htm">variable-supports-60</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-61" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape."> + <a href="variable-supports-61.htm">variable-supports-61</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-62" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an escaped lone surrogate."> + <a href="variable-supports-62.htm">variable-supports-62</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-63" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an out-of-range Unicode character escape."> + <a href="variable-supports-63.htm">variable-supports-63</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-64" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name."> + <a href="variable-supports-64.htm">variable-supports-64</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-65" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma."> + <a href="variable-supports-65.htm">variable-supports-65</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-66" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-"."> + <a href="variable-supports-66.htm">variable-supports-66</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-67" class=""> + <tr> + <td rowspan="1" title="Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse."> + <a href="variable-supports-67.htm">variable-supports-67</a></td> + <td><a href="support/color-green-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + </table> + + </body> +</html> diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reftest.list b/tests/wpt/css-tests/css-variables-1_dev/html/reftest.list new file mode 100644 index 00000000000..529a2711bb8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reftest.list @@ -0,0 +1,174 @@ + +css-vars-custom-property-case-sensitive-001.htm == reference/css-vars-custom-property-case-sensitive-ref.htm +css-vars-custom-property-inheritance.htm == reference/css-vars-custom-property-inheritance-ref.htm +variable-declaration-01.htm == support/color-green-ref.htm +variable-declaration-02.htm == support/color-green-ref.htm +variable-declaration-03.htm == support/color-green-ref.htm +variable-declaration-04.htm == support/color-green-ref.htm +variable-declaration-05.htm == support/color-green-ref.htm +variable-declaration-06.htm == support/color-green-ref.htm +variable-declaration-07.htm == support/color-green-ref.htm +variable-declaration-08.htm == support/color-green-ref.htm +variable-declaration-09.htm == support/color-green-ref.htm +variable-declaration-10.htm == support/color-green-ref.htm +variable-declaration-11.htm == support/color-green-ref.htm +variable-declaration-12.htm == support/color-green-ref.htm +variable-declaration-13.htm == support/color-green-ref.htm +variable-declaration-14.htm == support/color-green-ref.htm +variable-declaration-15.htm == reference/variable-declaration-15-ref.htm +variable-declaration-16.htm == reference/variable-declaration-16-ref.htm +variable-declaration-17.htm == reference/variable-declaration-17-ref.htm +variable-declaration-18.htm == reference/variable-declaration-18-ref.htm +variable-declaration-19.htm == support/color-green-ref.htm +variable-declaration-20.htm == support/color-green-ref.htm +variable-declaration-21.htm == support/color-green-ref.htm +variable-declaration-22.htm == support/color-green-ref.htm +variable-declaration-23.htm == support/color-green-ref.htm +variable-declaration-24.htm == support/color-green-ref.htm +variable-declaration-25.htm == support/color-green-ref.htm +variable-declaration-26.htm == support/color-green-ref.htm +variable-declaration-28.htm == support/color-green-ref.htm +variable-declaration-29.htm == support/color-green-ref.htm +variable-declaration-30.htm == support/color-green-ref.htm +variable-declaration-31.htm == support/color-green-ref.htm +variable-declaration-32.htm == support/color-green-ref.htm +variable-declaration-33.htm == support/color-green-ref.htm +variable-declaration-34.htm == support/color-green-ref.htm +variable-declaration-35.htm == support/color-green-ref.htm +variable-declaration-36.htm == support/color-green-ref.htm +variable-declaration-37.htm == support/color-green-ref.htm +variable-declaration-38.htm == support/color-green-ref.htm +variable-declaration-39.htm == support/color-green-ref.htm +variable-declaration-40.htm == support/color-green-ref.htm +variable-declaration-41.htm == support/color-green-ref.htm +variable-declaration-42.htm == support/color-green-ref.htm +variable-declaration-43.htm == support/color-green-ref.htm +variable-declaration-44.htm == support/color-green-ref.htm +variable-declaration-45.htm == support/color-green-ref.htm +variable-declaration-46.htm == support/color-green-ref.htm +variable-declaration-47.htm == support/color-green-ref.htm +variable-declaration-48.htm == support/color-green-ref.htm +variable-declaration-49.htm == support/color-green-ref.htm +variable-declaration-50.htm == support/color-green-ref.htm +variable-declaration-51.htm == support/color-green-ref.htm +variable-declaration-52.htm == support/color-green-ref.htm +variable-declaration-53.htm == support/color-green-ref.htm +variable-declaration-54.htm == support/color-green-ref.htm +variable-declaration-55.htm == support/color-green-ref.htm +variable-declaration-56.htm == support/color-green-ref.htm +variable-declaration-57.htm == support/color-green-ref.htm +variable-declaration-58.htm == support/color-green-ref.htm +variable-declaration-59.htm == support/color-green-ref.htm +variable-declaration-60.htm == support/color-green-ref.htm +variable-external-declaration-01.htm == support/color-green-ref.htm +variable-external-font-face-01.htm == reference/variable-font-face-01-ref.htm +variable-external-reference-01.htm == support/color-green-ref.htm +variable-external-supports-01.htm == support/color-green-ref.htm +variable-font-face-01.htm == reference/variable-font-face-01-ref.htm +variable-font-face-02.htm == reference/variable-font-face-02-ref.htm +variable-reference-01.htm == support/color-green-ref.htm +variable-reference-02.htm == support/color-green-ref.htm +variable-reference-03.htm == support/color-green-ref.htm +variable-reference-04.htm == support/color-green-ref.htm +variable-reference-05.htm == support/color-green-ref.htm +variable-reference-06.htm == support/color-green-ref.htm +variable-reference-07.htm == support/color-green-ref.htm +variable-reference-08.htm == support/color-green-ref.htm +variable-reference-09.htm == support/color-green-ref.htm +variable-reference-10.htm == support/color-green-ref.htm +variable-reference-11.htm == support/color-green-ref.htm +variable-reference-12.htm == reference/variable-reference-12-ref.htm +variable-reference-13.htm == support/color-green-ref.htm +variable-reference-14.htm == support/color-green-ref.htm +variable-reference-15.htm == support/color-green-ref.htm +variable-reference-16.htm == support/color-green-ref.htm +variable-reference-17.htm == support/color-green-ref.htm +variable-reference-18.htm == support/color-green-ref.htm +variable-reference-19.htm == support/color-green-ref.htm +variable-reference-20.htm == support/color-green-ref.htm +variable-reference-21.htm == support/color-green-ref.htm +variable-reference-22.htm == support/color-green-ref.htm +variable-reference-23.htm == support/color-green-ref.htm +variable-reference-24.htm == support/color-green-ref.htm +variable-reference-25.htm == support/color-green-ref.htm +variable-reference-26.htm == support/color-green-ref.htm +variable-reference-27.htm == support/color-green-ref.htm +variable-reference-28.htm == support/color-green-ref.htm +variable-reference-29.htm == support/color-green-ref.htm +variable-reference-30.htm == support/color-green-ref.htm +variable-reference-31.htm == support/color-green-ref.htm +variable-reference-32.htm == support/color-green-ref.htm +variable-reference-33.htm == support/color-green-ref.htm +variable-reference-34.htm == support/color-green-ref.htm +variable-reference-35.htm == support/color-green-ref.htm +variable-reference-36.htm == reference/variable-reference-36-ref.htm +variable-reference-37.htm == reference/variable-reference-37-ref.htm +variable-reference-38.htm == reference/variable-declaration-59-ref.htm +variable-reference-39.htm == support/color-green-ref.htm +variable-supports-01.htm == support/color-green-ref.htm +variable-supports-02.htm == support/color-green-ref.htm +variable-supports-03.htm == support/color-green-ref.htm +variable-supports-04.htm == support/color-green-ref.htm +variable-supports-05.htm == support/color-green-ref.htm +variable-supports-06.htm == support/color-green-ref.htm +variable-supports-07.htm == support/color-green-ref.htm +variable-supports-08.htm == support/color-green-ref.htm +variable-supports-09.htm == support/color-green-ref.htm +variable-supports-10.htm == support/color-green-ref.htm +variable-supports-11.htm == support/color-green-ref.htm +variable-supports-12.htm == support/color-green-ref.htm +variable-supports-13.htm == support/color-green-ref.htm +variable-supports-14.htm == support/color-green-ref.htm +variable-supports-15.htm == support/color-green-ref.htm +variable-supports-16.htm == support/color-green-ref.htm +variable-supports-17.htm == support/color-green-ref.htm +variable-supports-18.htm == support/color-green-ref.htm +variable-supports-19.htm == support/color-green-ref.htm +variable-supports-20.htm == support/color-green-ref.htm +variable-supports-21.htm == support/color-green-ref.htm +variable-supports-22.htm == support/color-green-ref.htm +variable-supports-23.htm == support/color-green-ref.htm +variable-supports-24.htm == support/color-green-ref.htm +variable-supports-25.htm == support/color-green-ref.htm +variable-supports-26.htm == support/color-green-ref.htm +variable-supports-27.htm == support/color-green-ref.htm +variable-supports-28.htm == support/color-green-ref.htm +variable-supports-29.htm == support/color-green-ref.htm +variable-supports-30.htm == support/color-green-ref.htm +variable-supports-31.htm == support/color-green-ref.htm +variable-supports-32.htm == support/color-green-ref.htm +variable-supports-33.htm == support/color-green-ref.htm +variable-supports-34.htm == support/color-green-ref.htm +variable-supports-35.htm == support/color-green-ref.htm +variable-supports-36.htm == support/color-green-ref.htm +variable-supports-37.htm == support/color-green-ref.htm +variable-supports-38.htm == support/color-green-ref.htm +variable-supports-39.htm == support/color-green-ref.htm +variable-supports-40.htm == support/color-green-ref.htm +variable-supports-41.htm == support/color-green-ref.htm +variable-supports-42.htm == support/color-green-ref.htm +variable-supports-43.htm == support/color-green-ref.htm +variable-supports-44.htm == support/color-green-ref.htm +variable-supports-45.htm == support/color-green-ref.htm +variable-supports-46.htm == support/color-green-ref.htm +variable-supports-47.htm == support/color-green-ref.htm +variable-supports-48.htm == support/color-green-ref.htm +variable-supports-49.htm == support/color-green-ref.htm +variable-supports-50.htm == support/color-green-ref.htm +variable-supports-51.htm == support/color-green-ref.htm +variable-supports-52.htm == support/color-green-ref.htm +variable-supports-53.htm == support/color-green-ref.htm +variable-supports-54.htm == support/color-green-ref.htm +variable-supports-55.htm == support/color-green-ref.htm +variable-supports-56.htm == support/color-green-ref.htm +variable-supports-57.htm == support/color-green-ref.htm +variable-supports-58.htm == support/color-green-ref.htm +variable-supports-59.htm == support/color-green-ref.htm +variable-supports-60.htm == support/color-green-ref.htm +variable-supports-61.htm == support/color-green-ref.htm +variable-supports-62.htm == support/color-green-ref.htm +variable-supports-63.htm == support/color-green-ref.htm +variable-supports-64.htm == support/color-green-ref.htm +variable-supports-65.htm == support/color-green-ref.htm +variable-supports-66.htm == support/color-green-ref.htm +variable-supports-67.htm == support/color-green-ref.htm diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/support/ahem.css b/tests/wpt/css-tests/css-variables-1_dev/html/support/ahem.css new file mode 100644 index 00000000000..0d4bcedc21b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/support/ahem.css @@ -0,0 +1,4 @@ +@font-face { + font-family: "Ahem"; + src: url(../../../../fonts/Ahem.ttf); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/support/color-green-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/support/color-green-ref.htm new file mode 100644 index 00000000000..628466d5c2a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/support/color-green-ref.htm @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/support/color-green-ref.html b/tests/wpt/css-tests/css-variables-1_dev/html/support/color-green-ref.html new file mode 100644 index 00000000000..628466d5c2a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/support/color-green-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/support/external-variable-declaration.css b/tests/wpt/css-tests/css-variables-1_dev/html/support/external-variable-declaration.css new file mode 100644 index 00000000000..9ba1b9d3288 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/support/external-variable-declaration.css @@ -0,0 +1,5 @@ +p { + color: red; + --a: green; + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/support/external-variable-font-face.css b/tests/wpt/css-tests/css-variables-1_dev/html/support/external-variable-font-face.css new file mode 100644 index 00000000000..38c86f0cca7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/support/external-variable-font-face.css @@ -0,0 +1,15 @@ +@font-face { + --a: MyTestFontName; + font-family: var(--a); + src: url(../../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/support/external-variable-reference.css b/tests/wpt/css-tests/css-variables-1_dev/html/support/external-variable-reference.css new file mode 100644 index 00000000000..0c697fdcf91 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/support/external-variable-reference.css @@ -0,0 +1,6 @@ +:root { + --a: green; +} +p { + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/support/external-variable-supports.css b/tests/wpt/css-tests/css-variables-1_dev/html/support/external-variable-supports.css new file mode 100644 index 00000000000..96582bfd8f1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/support/external-variable-supports.css @@ -0,0 +1,4 @@ +body { color: red; } +@supports (color:var(--a)) { + p { color: green; } +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/test_variable_legal_values.htm b/tests/wpt/css-tests/css-variables-1_dev/html/test_variable_legal_values.htm new file mode 100644 index 00000000000..4fb2d5dac28 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/test_variable_legal_values.htm @@ -0,0 +1,122 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Variables Allowed Syntax</title> + <link href="http://dbaron.org/" rel="author" title="L. David Baron"> + <link href="http://mozilla.com/" rel="author" title="Mozilla Corporation"> + <link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> + <meta content='The <value> type used in the syntax above is defined as anything matching the "value" production in CSS 2.1 Chapter 4.1 [CSS21].' name="assert"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> +<style id="style"></style> +<script id="metadata_cache">/* +{ + "percentage": { "assert": "Value allowed within variable: percentage" }, + "number": { "assert": "Value allowed within variable: number" }, + "length": { "assert": "Value allowed within variable: length" }, + "time": { "assert": "Value allowed within variable: time" }, + "function": { "assert": "Value allowed within variable: function" }, + "nested_function": { "assert": "Value allowed within variable: nested function" }, + "parentheses": { "assert": "Value allowed within variable: parentheses" }, + "braces": { "assert": "Value allowed within variable: braces" }, + "brackets": { "assert": "Value allowed within variable: brackets" }, + "at_keyword_unknown": { "assert": "Value allowed within variable: at-keyword (unknown)" }, + "at_keyword_known": { "assert": "Value allowed within variable: at-keyword (known)" }, + "at_keyword_unknown_and_block": { "assert": "Value allowed within variable: at-keyword (unknown) and block" }, + "at_keyword_known_and_block": { "assert": "Value allowed within variable: at-keyword (known) and block" }, + "unbalanced_close_bracket_at_toplevel": { "assert": "Value not allowed within variable: unbalanced close bracket at toplevel" }, + "unbalanced_close_paren_at_toplevel": { "assert": "Value not allowed within variable: unbalanced close paren at toplevel" }, + "unbalanced_close_bracket_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close bracket in something balanced" }, + "unbalanced_close_paren_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close paren in something balanced" }, + "unbalanced_close_brace_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close brace in something balanced" }, + "CDO_at_top_level": { "assert": "Value allowed within variable: CDO at top level" }, + "CDC_at_top_level": { "assert": "Value allowed within variable: CDC at top level" }, + "semicolon_not_at_top_level_value_unused": { "assert": "Value allowed within variable: semicolon not at top level (value -> unused)" }, + "CDO_not_at_top_level_value_unused": { "assert": "Value allowed within variable: CDO not at top level (value -> unused)" }, + "CDC_not_at_top_level_value_unused": { "assert": "Value allowed within variable: CDC not at top level (value -> unused)" } +} +*/</script> +</head> +<body onload="run()"> +<div id="log"></div> +<div id="test"></div> +<script> +setup({ "explicit_done": true }); + +function run() { + // Setup the iframe + var style = document.getElementById("style"); + var styleText = document.createTextNode(""); + style.appendChild(styleText); + var test_cs = window.getComputedStyle(document.getElementById("test"), ""); + + var initial_cs = test_cs.backgroundColor; + styleText.data = "#test { background-color: green }"; + var green_cs = test_cs.backgroundColor; + styleText.data = "#test { background-color: red }"; + var red_cs = test_cs.backgroundColor; + + function description_to_name(description) { + return description.replace(/\W+/g, "_").replace(/^_/, "").replace(/_$/, ""); + } + + function assert_allowed_variable_value(value, description) { + test(function() { + styleText.data = "#test { \n" + + " var-test: red;\n" + + " var-test: " + value + ";\n" + + " background-color: red;\n" + + " background-color: var(test);\n" + + "}"; + assert_true(initial_cs != red_cs && + initial_cs == test_cs.backgroundColor); + }, + description_to_name(description), + { assert: "Value allowed within variable: " + description }); + } + + function assert_disallowed_balanced_variable_value(value, description) { + test(function() { + styleText.data = "#test { \n" + + " var-test: green;\n" + + " var-test: " + value + ";\n" + + " background-color: red;\n" + + " background-color: var(test);\n" + + "}"; + assert_true(green_cs != red_cs && + green_cs == test_cs.backgroundColor); + }, + description_to_name(description), + { assert: "Value not allowed within variable: " + description }); + } + + assert_allowed_variable_value("25%", "percentage"); + assert_allowed_variable_value("37", "number"); + assert_allowed_variable_value("12em", "length"); + assert_allowed_variable_value("75ms", "time"); + assert_allowed_variable_value("foo()", "function"); + assert_allowed_variable_value("foo(bar())", "nested function"); + assert_allowed_variable_value("( )", "parentheses"); + assert_allowed_variable_value("{ }", "braces"); + assert_allowed_variable_value("[ ]", "brackets"); + assert_allowed_variable_value("@foobar", "at-keyword (unknown)"); + assert_allowed_variable_value("@media", "at-keyword (known)"); + assert_allowed_variable_value("@foobar {}", "at-keyword (unknown) and block"); + assert_allowed_variable_value("@media {}", "at-keyword (known) and block"); + assert_disallowed_balanced_variable_value("]", "unbalanced close bracket at toplevel"); + assert_disallowed_balanced_variable_value(")", "unbalanced close paren at toplevel"); + assert_disallowed_balanced_variable_value("(])", "unbalanced close bracket in something balanced"); + assert_disallowed_balanced_variable_value("[)]", "unbalanced close paren in something balanced"); + assert_disallowed_balanced_variable_value("(})", "unbalanced close brace in something balanced"); + assert_allowed_variable_value("<!--", "CDO at top level"); + assert_allowed_variable_value("-->", "CDC at top level"); + assert_allowed_variable_value("(;)", "semicolon not at top level (value -> unused)"); + assert_allowed_variable_value("(<!--)", "CDO not at top level (value -> unused)"); + assert_allowed_variable_value("(-->)", "CDC not at top level (value -> unused)"); + + done(); +} + +</script> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/toc.htm b/tests/wpt/css-tests/css-variables-1_dev/html/toc.htm new file mode 100644 index 00000000000..c9ac1074c12 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/toc.htm @@ -0,0 +1,54 @@ + +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<html> + <head> + <title>CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite By Chapter</h1> + + <p>This index contains both + <a href="http://wiki.csswg.org/test/selftest">self-describing tests</a> + and reftests. + A separate <a href="reftest-toc.htm">alphabetical reftest index</a> + is provided for tests in <a href="http://wiki.csswg.org/test/reftest">reftest + format</a> along with the <a href="reftest.list">reftest manifest</a>.</p> + + <table> + <tbody id="s1"> + <tr><th><a href="chapter-1.htm">Chapter 1 - + Introduction</a></th> + <td>(0 Tests)</td></tr> + </tbody> + <tbody id="s2"> + <tr><th><a href="chapter-2.htm">Chapter 2 - + Defining Custom Properties: the '--*' family of properties</a></th> + <td>(96 Tests)</td></tr> + </tbody> + <tbody id="s3"> + <tr><th><a href="chapter-3.htm">Chapter 3 - + Using Cascading Variables: the var() notation</a></th> + <td>(78 Tests)</td></tr> + </tbody> + <tbody id="s4"> + <tr><th><a href="chapter-4.htm">Chapter 4 - + APIs</a></th> + <td>(0 Tests)</td></tr> + </tbody> + <tbody id="s5"> + <tr><th><a href="chapter-5.htm">Chapter 5 - + Changes since the June 20 2013 Last Call Working Draft</a></th> + <td>(0 Tests)</td></tr> + </tbody> + <tbody id="s6"> + <tr><th><a href="chapter-6.htm">Chapter 6 - + Acknowledgments</a></th> + <td>(0 Tests)</td></tr> + </tbody> + </table> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-01.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-01.htm new file mode 100644 index 00000000000..a0d979e75a2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-01.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable consisting of a single token preceded by white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-02.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-02.htm new file mode 100644 index 00000000000..ab75ed93518 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-02.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable consisting of a single token with no preceding white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a:green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-03.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-03.htm new file mode 100644 index 00000000000..951f4ad86b5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-03.htm @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that references another variable.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: var(--b); + --b: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-04.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-04.htm new file mode 100644 index 00000000000..6baa2ad9e22 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-04.htm @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable consisting of a variable reference followed by white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: var(--b) ; + --b: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-05.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-05.htm new file mode 100644 index 00000000000..d9aa600e2c0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-05.htm @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable consisting of a variable reference that includes white space around the variable name.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: var( --b ) ; + --b: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-06.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-06.htm new file mode 100644 index 00000000000..6e35b1ebc58 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-06.htm @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test overriding an existing variable declaration.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: orange; + --a: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-07.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-07.htm new file mode 100644 index 00000000000..516446a994d --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-07.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-08.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-08.htm new file mode 100644 index 00000000000..ac6403b0a45 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-08.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of a variable reference whose fallback is white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: orange; + --b: green; + --a: var(--b, ); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-09.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-09.htm new file mode 100644 index 00000000000..723d8694a4c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-09.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,/**/); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-10.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-10.htm new file mode 100644 index 00000000000..06c1a6207da --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-10.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: orange; + --b: green; + --a: var(--b,/**/a); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-11.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-11.htm new file mode 100644 index 00000000000..ed868f1ea82 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-11.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,!); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-12.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-12.htm new file mode 100644 index 00000000000..24f618bd4a2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-12.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,;); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-13.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-13.htm new file mode 100644 index 00000000000..77cfc94799c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-13.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,!important); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-14.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-14.htm new file mode 100644 index 00000000000..2c1515f0fe2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-14.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: green; +} +span { + color: red; + --a:var(--b)red; + --b:orange; + color: var(--a); +} +</style> +</head><body><p><span>This text must be green.</span></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-15.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-15.htm new file mode 100644 index 00000000000..5ab1c8d033a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-15.htm @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="reference/variable-declaration-15-ref.htm" rel="match"> +<meta content="ahem" name="flags"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<style> +body { + font-family: serif; +} +p { + font-family: monospace; + --a: Ahem, sans-serif; + font-family: var(--a); +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-16.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-16.htm new file mode 100644 index 00000000000..87d3a8c4fd1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-16.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="reference/variable-declaration-16-ref.htm" rel="match"> +<meta content="ahem" name="flags"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<style> +body { + font-family: serif; +} +p { + font-family: monospace; + --a: var(--b), sans-serif; + --b: Ahem; + font-family: var(--a); +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-17.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-17.htm new file mode 100644 index 00000000000..30731883d0f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-17.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="reference/variable-declaration-17-ref.htm" rel="match"> +<meta content="ahem" name="flags"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<style> +body { + font-family: serif; +} +p { + font-family: monospace; + --a: SomeUnknownFont, var(--b); + --b: Ahem; + font-family: var(--a); +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-18.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-18.htm new file mode 100644 index 00000000000..9f814af3aba --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-18.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="reference/variable-declaration-18-ref.htm" rel="match"> +<meta content="ahem" name="flags"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<style> +body { + font-family: serif; +} +p { + font-family: monospace; + --a: Ahem var(--b) sans-serif; + --b: ,; + font-family: var(--a); +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-19.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-19.htm new file mode 100644 index 00000000000..989336c03b6 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-19.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of a function where one of the arguments is a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: rgb(0, var(--b), 0); + --b: 128; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-20.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-20.htm new file mode 100644 index 00000000000..b51c8f53c5c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-20.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable with "!important".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: var(--b) !important; + --b: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-21.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-21.htm new file mode 100644 index 00000000000..1e33006bb81 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-21.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: rgb(var(--b)var(--c)var(--d)); + --b: 0,; + --c: 128,; + --d: 0; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-22.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-22.htm new file mode 100644 index 00000000000..0990e4b742e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-22.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: var(--b, var(--c, var(--d, green))); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-23.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-23.htm new file mode 100644 index 00000000000..280383b6d40 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-23.htm @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable with invalid syntax due to having two "!important" priorities.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: green; + --b: crimson; + --a: var(--b) !important !important; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-24.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-24.htm new file mode 100644 index 00000000000..dc82887b586 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-24.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that contains a CDO token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: green; +} +p { + color: red; +} +p { + color: orange; + --a: green; + --b: crimson; + --a: var(--b) <!--; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-25.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-25.htm new file mode 100644 index 00000000000..a9b0b3a2dc0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-25.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that contains a CDC token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: green; +} +p { + color: red; +} +p { + color: orange; + --a: green; + --b: crimson; + --a: --> var(--b); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-26.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-26.htm new file mode 100644 index 00000000000..577c1a5e2c8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-26.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that contains only a white space token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: ; + color: var(--a) green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-28.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-28.htm new file mode 100644 index 00000000000..8061f3f7ed4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-28.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable with invalid syntax due to having no tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: green; + --a:; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-29.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-29.htm new file mode 100644 index 00000000000..796a4d17b21 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-29.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable with a valid custom property name "--".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --: green; + color: var(--,crimson); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-30.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-30.htm new file mode 100644 index 00000000000..33998c94a66 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-30.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that contains a variable reference to itself.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: crimson; + --a: var(--a); + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-31.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-31.htm new file mode 100644 index 00000000000..147c023e2c3 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-31.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable where the variable name begins with a digit.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --0: green; + color: var(--\30); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-32.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-32.htm new file mode 100644 index 00000000000..3952adfe461 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-32.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable where the variable name begins with an escaped digit.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --\30: green; + color: var(--\30); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-33.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-33.htm new file mode 100644 index 00000000000..b7a66e31746 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-33.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable where the variable name begins with an escaped letter.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --\61: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-34.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-34.htm new file mode 100644 index 00000000000..f090c5945c5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-34.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable where the variable name begins with a lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --\d800: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-35.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-35.htm new file mode 100644 index 00000000000..28e053895f9 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-35.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable where the variable name begins with U+FFFD.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --\fffd: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-36.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-36.htm new file mode 100644 index 00000000000..83e58c94923 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-36.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable where the variable name begins with an out-of-range Unicode character escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --\ffffff: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-37.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-37.htm new file mode 100644 index 00000000000..655a9276be2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-37.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: var(--b , ); + color: var(--a) green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-38.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-38.htm new file mode 100644 index 00000000000..8a6ec8c0280 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-38.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring two variables in the same declaration block that differ only in case, with lowercase first.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: green; + --A: crimson; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-39.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-39.htm new file mode 100644 index 00000000000..fb0d9909560 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-39.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring two variables in the same declaration block that differ only in case, with uppercase first.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --A: green; + --a: crimson; + color: var(--A); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-40.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-40.htm new file mode 100644 index 00000000000..2356332d88b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-40.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable with an invalid custom property name due to it beginning with "VAR-".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: green; + VAR-a: crimson; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-41.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-41.htm new file mode 100644 index 00000000000..f69d99e82b5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-41.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + -\2d a: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-42.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-42.htm new file mode 100644 index 00000000000..0d1ecd0bc6d --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-42.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<meta charset="utf-8"> +<style> +p { + color: red; +} +p { + color: orange; + --a-长-name-that-might-be-longer-than-you\27 d-normally-use: green; + color: var(--a-长-name-that-might-be-longer-than-you\27 d-normally-use); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-43.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-43.htm new file mode 100644 index 00000000000..07e1a5a9946 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-43.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable whose value is "initial".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: initial; + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-44.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-44.htm new file mode 100644 index 00000000000..314ec191216 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-44.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable whose value is "inherit" where there is no variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: inherit; + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-45.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-45.htm new file mode 100644 index 00000000000..47a7d312ad7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-45.htm @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable whose value is "inherit" where there is a variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + --a: green; + color: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: inherit; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-46.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-46.htm new file mode 100644 index 00000000000..bb57a61ec30 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-46.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable whose value is "initial" where there is a variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + --a: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: initial; + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-47.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-47.htm new file mode 100644 index 00000000000..c7421b208a7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-47.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable whose value consists of a reference to a variable whose value is "inherit".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + --b: green; + color: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: var(--b); + --b: inherit; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-48.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-48.htm new file mode 100644 index 00000000000..e8141c2b3d1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-48.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a number of variables in a cycle.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: green; +} +p { + color: crimson; + --a: red var(--b); + --b: var(--c); + --c: var(--d); + --d: var(--e); + --e: var(--a); + --f: var(--e); + color: var(--f); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-49.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-49.htm new file mode 100644 index 00000000000..d2b993f6afb --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-49.htm @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: orange; +} +p { + color: crimson; + --a: red var(--b) var(--g); + --b: var(--c); + --c: var(--d); + --d: var(--e); + --e: var(--a); + --f: var(--e); + --g: green; + color: var(--g); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-50.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-50.htm new file mode 100644 index 00000000000..26d69527ec1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-50.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a number of variables in a chain, where the final element of the chain uses its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: green; +} +p { + color: crimson; + --a: var(--b,red); + --b: var(--c); + --c: var(--d); + --d: var(--e); + --e: var(--a); + --f: var(--e); + color: var(--f); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-51.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-51.htm new file mode 100644 index 00000000000..66ed561867e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-51.htm @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of a reference to an invalid inherited variable.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#invalid-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: orange; + --c: var(--a); +} +p { + --a: var(--b); +} +p { + color: red; + --b: var(--c,green); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-52.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-52.htm new file mode 100644 index 00000000000..a4a5fe3fc41 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-52.htm @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: orange; + --c: var(--a,green); +} +p { + --a: var(--b); +} +p { + color: red; + --b: var(--c,crimson); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-53.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-53.htm new file mode 100644 index 00000000000..e439f44cb9c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-53.htm @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of two variable references without fallback and with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: green; +} +span { + color: red; + --a:var(--b)var(--c); + --b:orange; + --c:red; + color: var(--a); +} +</style> +</head><body><p><span>This text must be green.</span></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-54.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-54.htm new file mode 100644 index 00000000000..7b9fce7d8e7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-54.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: green; +} +span { + color: red; + --a:var(--b,orange)var(--c); + --c:red; + color: var(--a); +} +</style> +</head><body><p><span>This text must be green.</span></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-55.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-55.htm new file mode 100644 index 00000000000..8725d2a0aa9 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-55.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: green; +} +span { + color: red; + --a:var(--b)var(--c,red); + --b:orange; + color: var(--a); +} +</style> +</head><body><p><span>This text must be green.</span></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-56.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-56.htm new file mode 100644 index 00000000000..77ded2c18de --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-56.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable whose value is "unset" where there is no variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; +} +p { + color: orange; + --a: unset; + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-57.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-57.htm new file mode 100644 index 00000000000..e4d46f550a0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-57.htm @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable whose value is "unset" where there is a variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + --a: green; + color: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: unset; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-58.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-58.htm new file mode 100644 index 00000000000..bf07423e6fa --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-58.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable whose value consists of a reference to a variable whose value is "unset".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + --b: green; + color: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: var(--b); + --b: unset; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-59.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-59.htm new file mode 100644 index 00000000000..84e0a442899 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-59.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable with a trailing invalid token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: var(--a); + --a: green; + --a: red); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-60.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-60.htm new file mode 100644 index 00000000000..22ff064de42 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-declaration-60.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><meta charset="utf-8"> +<title>CSS Test: Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +div { + color: orange; + --a: green; + color: var(--a); +} +p { + --b: İnitial; + --c: ınitial; + color: var(--b,var(--c,red)); +} +</style> +</head><body><div><p>This text must be green.</p></div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-external-declaration-01.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-external-declaration-01.htm new file mode 100644 index 00000000000..9329eb009d0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-external-declaration-01.htm @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable in an external CSS file.</title> +<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<link href="support/external-variable-declaration.css" type="text/css" rel="stylesheet"> + +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-external-font-face-01.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-external-font-face-01.htm new file mode 100644 index 00000000000..a1578660a34 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-external-font-face-01.htm @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test the invalid declaration and use of a variable in an @font-face rule within an external CSS.</title> +<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="reference/variable-font-face-01-ref.htm" rel="match"> +<link href="support/external-variable-font-face.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +</head><body><p id="a">This text must not be in Ahem.</p> +<p id="b">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-external-reference-01.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-external-reference-01.htm new file mode 100644 index 00000000000..94e14c6c358 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-external-reference-01.htm @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS.</title> +<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/external-variable-reference.css" type="text/css" rel="stylesheet"> +<link href="support/color-green-ref.htm" rel="match"> + +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-external-supports-01.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-external-supports-01.htm new file mode 100644 index 00000000000..23dd13c4938 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-external-supports-01.htm @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file.</title> +<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/external-variable-supports.css" type="text/css" rel="stylesheet"> +<link href="support/color-green-ref.htm" rel="match"> + +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-font-face-01.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-font-face-01.htm new file mode 100644 index 00000000000..a3751708fd2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-font-face-01.htm @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test the invalid declaration and use of a variable in an @font-face rule.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="reference/variable-font-face-01-ref.htm" rel="match"> +<meta content="ahem" name="flags"> +<style> +@font-face { + --a: MyTestFontName; + font-family: var(--a); + src: url(../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} +</style> +</head><body><p id="a">This text must not be in Ahem.</p> +<p id="b">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-font-face-02.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-font-face-02.htm new file mode 100644 index 00000000000..12194759c1b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-font-face-02.htm @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="reference/variable-font-face-02-ref.htm" rel="match"> +<meta content="ahem" name="flags"> +<style> +:root { + --a: MyTestFontName; +} +@font-face { + font-family: var(--a); + src: url(../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} +</style> +</head><body><p id="a">This text must not be in Ahem.</p> +<p id="b">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-01.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-01.htm new file mode 100644 index 00000000000..b423afe7a34 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-01.htm @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test the use of a variable in a non-custom property where the variable value is inherited.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +:root { + --a: green; +} +p { + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-02.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-02.htm new file mode 100644 index 00000000000..5ac32539be7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-02.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test the use of a variable in a non-custom property where the value is invalid at computed-value time due to referencing a non-existent variable.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#invalid-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +:root { + --a: crimson; + color: red; +} +body { + color: green; +} +p { + color: orange; + color: var(--a) var(--b); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-03.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-03.htm new file mode 100644 index 00000000000..50f14a28a1c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-03.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test the use of two variables in a non-custom property where the variable values are inherited and one of the variable values consists only of white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +:root { + --a: green; + --b: ; + color: red; +} +p { + color: crimson; + color: var(--a) var(--b); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-04.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-04.htm new file mode 100644 index 00000000000..820ee450360 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-04.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test the use of two variables in a non-custom property where one variable is inherited and the other references a non-existing variable with fallback that consists only of white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +:root { + --a: green; + color: red; +} +p { + color: crimson; + color: var(--a) var(--b, ); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-05.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-05.htm new file mode 100644 index 00000000000..2d9a70864a2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-05.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + --a: green; + color: red; +} +p { + color: crimson; + color:var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-06.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-06.htm new file mode 100644 index 00000000000..da1723cbe63 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-06.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + --a: crimson; + color: red; +} +p { + color: green; + color: var(--a,); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-07.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-07.htm new file mode 100644 index 00000000000..7fbd8048649 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-07.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + --a: crimson; + color: red; +} +p { + color: green; + color: var(--a,;); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-08.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-08.htm new file mode 100644 index 00000000000..a424c0e729e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-08.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + --a: crimson; + color: red; +} +p { + color: green; + color: var(--a,!); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-09.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-09.htm new file mode 100644 index 00000000000..451840c8a8b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-09.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property with a variable reference that has a non-top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + --a: green; + color: crimson; +} +p { + color: red; + color: var(--a,(;)); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-10.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-10.htm new file mode 100644 index 00000000000..72e2f358b15 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-10.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property with a variable reference that has a non-top level '!' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + --a: green; + color: crimson; +} +p { + color: red; + color: var(--a,(!)); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-11.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-11.htm new file mode 100644 index 00000000000..dfa2c36f7c0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-11.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + --a: crimson; + color: red; +} +p { + color: green; + color: var(--a,/**/); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-12.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-12.htm new file mode 100644 index 00000000000..ad28805bdb0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-12.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test the use of variable references in the 'content' property.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="reference/variable-reference-12-ref.htm" rel="match"> +<style> +:root { + --a: "hello"; + --b: "there"; +} +#a:before { + content: var(--a) " " var(--b); +} +</style> +</head><body><p>The words "hello there" must appear below:</p> +<p id="a"></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-13.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-13.htm new file mode 100644 index 00000000000..bc2a163e151 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-13.htm @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green !important; + --a: crimson; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-14.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-14.htm new file mode 100644 index 00000000000..36185caaa7f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-14.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test that important variable declarations cascade correctly.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +#a { + --a: green !important; +} +p { + color: red; + --a: crimson; + color: var(--a); +} +</style> +</head><body><p id="a">This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-15.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-15.htm new file mode 100644 index 00000000000..a891241360e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-15.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property with two variable references with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: green; +} +p { + color: crimson; + --a: orange; + --b: red; + color: var(--a)var(--b); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-16.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-16.htm new file mode 100644 index 00000000000..51951bc2daf --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-16.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: red; +} +p { + color: crimson; + color: var(--a, var(--b, var(--c, green))); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-17.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-17.htm new file mode 100644 index 00000000000..40a9cc55250 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-17.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: red; +} +p { + color: crimson; + --a: green; + color: var(--a, <!--); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-18.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-18.htm new file mode 100644 index 00000000000..50bff8e3d2d --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-18.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: green; +} +p { + color: red; + color: { [ var(--a) ] }; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-19.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-19.htm new file mode 100644 index 00000000000..91351736409 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-19.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference and a non-top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: green; +} +p { + color: red; + color: [;] var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-20.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-20.htm new file mode 100644 index 00000000000..3693325c8f0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-20.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference whose function token is in uppercase.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green; + color: VAR(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-21.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-21.htm new file mode 100644 index 00000000000..e0e4b89dbc8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-21.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that contains a reference to a variable whose name must be escaped.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --0: green; + color: var(--\30); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-22.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-22.htm new file mode 100644 index 00000000000..c9e525d893c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-22.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared and referenced using a lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --\d800: green; + color: var(--\d800); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-23.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-23.htm new file mode 100644 index 00000000000..20e406508b5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-23.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using a lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --\d800: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-24.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-24.htm new file mode 100644 index 00000000000..a2b97bc4e70 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-24.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using an out-of-range Unicode character escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --\ffffff: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-25.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-25.htm new file mode 100644 index 00000000000..f78f0cc948c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-25.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green; + color: var(--a</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-26.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-26.htm new file mode 100644 index 00000000000..7ca96addaf4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-26.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference with white space before its comma and fallback consisting only of white space and which is implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green; + color: var(--a , </style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-27.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-27.htm new file mode 100644 index 00000000000..b4db063f435 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-27.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference with fallback consisting only of white space and which is implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green; + color: var(--a, </style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-28.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-28.htm new file mode 100644 index 00000000000..d5c7840d83c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-28.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference whose fallback is a variable reference, both of which are implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green; + color: var(--a, var(--b</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-29.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-29.htm new file mode 100644 index 00000000000..fc4968158cb --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-29.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference with no fallback, and whose variable name is followed by a comment, and where the comment and the variable reference are implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: green; + color: var(--a /* unclosed comment</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-30.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-30.htm new file mode 100644 index 00000000000..35830afe7e2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-30.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: green; + --a: red; + color: var(--a) !important !important; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-31.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-31.htm new file mode 100644 index 00000000000..9210c0d9153 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-31.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: orange; +} +p { + color: red; + --0: green; + color: var(--0); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-32.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-32.htm new file mode 100644 index 00000000000..cb3e2cff433 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-32.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: orange; +} +p { + color: green; + --a: red; + color: var(--a, " +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-33.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-33.htm new file mode 100644 index 00000000000..5543d4c5198 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-33.htm @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: orange; +} +p { + color: red; + --a: green; + color: var(--a, "</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-34.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-34.htm new file mode 100644 index 00000000000..fe30e91e7d6 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-34.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: orange; +} +p { + color: green; + --a: red; + color: var(--a, url(" +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-35.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-35.htm new file mode 100644 index 00000000000..859ff532790 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-35.htm @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { + color: orange; +} +p { + color: red; + --a: green; + color: var(--a, url("</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-36.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-36.htm new file mode 100644 index 00000000000..ab0779d2391 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-36.htm @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom shorthand property containing a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands" rel="help"> +<link href="reference/variable-reference-36-ref.htm" rel="match"> +<style> +p { + background-color: red; + --a: url(nothing) green; + background: var(--a); + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-37.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-37.htm new file mode 100644 index 00000000000..72f1f97740c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-37.htm @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a non-custom shorthand property containing a variable reference, with a subsequent property in the declaration block that overrides one of the shorthand's components.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands" rel="help"> +<link href="reference/variable-reference-37-ref.htm" rel="match"> +<style> +p { + --a: url(nothing) red; + background: var(--a); + background-color: green; + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-38.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-38.htm new file mode 100644 index 00000000000..02a98f655bc --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-38.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test using variables in overlapping shorthands.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands" rel="help"> +<link href="reference/variable-declaration-59-ref.htm" rel="match"> +<style> +p { padding-left: 1em; } +#a { --style: solid; --left: black dotted; border-style: var(--style); border-left: var(--left); border-top: none; border-right: none; border-bottom: none; } +#b { --style: solid; --left: black dotted; border-left: var(--left); border-style: var(--style); border-top: none; border-right: none; border-bottom: none; } +</style> +</head><body><p id="a">The left border must be dotted.</p> +<p id="b">The left border must be solid.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-39.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-39.htm new file mode 100644 index 00000000000..e454481e10e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-39.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test declaring a variable that references itself but uses fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +p { + color: red; + --a: var(--a, red); + color: var(--a, green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-01.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-01.htm new file mode 100644 index 00000000000..96a1e67ef1f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-01.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color:var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-02.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-02.htm new file mode 100644 index 00000000000..09a35617d5a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-02.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a white space token followed by a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-03.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-03.htm new file mode 100644 index 00000000000..32942050d02 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-03.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a) ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-04.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-04.htm new file mode 100644 index 00000000000..55467b8ebef --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-04.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens and with white space surrounding the variable name.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var( --a ) ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-05.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-05.htm new file mode 100644 index 00000000000..9d1d1cdc564 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-05.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-06.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-06.htm new file mode 100644 index 00000000000..e50cd43e594 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-06.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference with fallback that is only white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a, )) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-07.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-07.htm new file mode 100644 index 00000000000..f0dbff1bd91 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-07.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens, just a comment.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,/**/))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-08.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-08.htm new file mode 100644 index 00000000000..0d8a22453d1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-08.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a,/**/a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-09.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-09.htm new file mode 100644 index 00000000000..5b8b55754b4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-09.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a '!' token at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,!))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-10.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-10.htm new file mode 100644 index 00000000000..eb3d15830f8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-10.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having "!important" at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,!important))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-11.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-11.htm new file mode 100644 index 00000000000..10b704474f3 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-11.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: 1px var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-12.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-12.htm new file mode 100644 index 00000000000..0e35e8a8ea6 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-12.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a) 1px) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-13.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-13.htm new file mode 100644 index 00000000000..784a56e20fe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-13.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing 'color' property declaration in an @supports rule with a range of different tokens and a variable reference not at the top level.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: something 3px url(whereever) calc(var(--a) + 1px)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-14.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-14.htm new file mode 100644 index 00000000000..cab0d511e05 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-14.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a) !important) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-15.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-15.htm new file mode 100644 index 00000000000..607cb5eab54 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-15.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a)var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-16.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-16.htm new file mode 100644 index 00000000000..94bb101c367 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-16.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule with a variable reference that has a number of levels of variable reference fallbacks.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a, var(--b, var(--c, black)))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-17.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-17.htm new file mode 100644 index 00000000000..945c839e3c2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-17.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule with two "!important" priorities.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a) !important !important)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-18.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-18.htm new file mode 100644 index 00000000000..e9bf964c0ba --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-18.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a) <!--) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-19.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-19.htm new file mode 100644 index 00000000000..17e6c7c8e38 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-19.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: --> var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-20.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-20.htm new file mode 100644 index 00000000000..3080582f840 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-20.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: { [ var(--a) ] }) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-21.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-21.htm new file mode 100644 index 00000000000..9fd4b4001d0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-21.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a ';' token at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,;))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-22.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-22.htm new file mode 100644 index 00000000000..3db8e03a19a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-22.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: [;] var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-23.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-23.htm new file mode 100644 index 00000000000..62e5ca5f8f3 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-23.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a);)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-24.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-24.htm new file mode 100644 index 00000000000..6438c2cdf7d --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-24.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a non-top level ';' token in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a,(;))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-25.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-25.htm new file mode 100644 index 00000000000..2f1ba5a9051 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-25.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: VAR(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-26.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-26.htm new file mode 100644 index 00000000000..e640c7011e0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-26.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a digit after the "--" variable name prefix.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--0)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-27.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-27.htm new file mode 100644 index 00000000000..1e701136caa --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-27.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a variable name beginning with an escaped digit.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--\30)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-28.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-28.htm new file mode 100644 index 00000000000..7539f111d15 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-28.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an escaped lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--\d800)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-29.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-29.htm new file mode 100644 index 00000000000..1a3f44aa841 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-29.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an out-of-range Unicode character escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--\ffffff)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-30.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-30.htm new file mode 100644 index 00000000000..b0e5d1952da --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-30.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a dimension token as the variable name.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(1px))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-31.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-31.htm new file mode 100644 index 00000000000..fee28de5bc8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-31.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (color: var(--a , )) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-32.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-32.htm new file mode 100644 index 00000000000..f5f50d2971c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-32.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (background: var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-33.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-33.htm new file mode 100644 index 00000000000..67abff0a7b6 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-33.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a:var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-34.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-34.htm new file mode 100644 index 00000000000..0fc216dfba9 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-34.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-35.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-35.htm new file mode 100644 index 00000000000..31daced48a7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-35.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: var(--b) ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-36.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-36.htm new file mode 100644 index 00000000000..04e68262768 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-36.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space with the variable name also surrounded by white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: var( --b ) ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-37.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-37.htm new file mode 100644 index 00000000000..72b67025cff --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-37.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-38.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-38.htm new file mode 100644 index 00000000000..54f276c6043 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-38.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: var(--b, )) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-39.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-39.htm new file mode 100644 index 00000000000..7e659725e3b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-39.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,/**/))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-40.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-40.htm new file mode 100644 index 00000000000..f1c6e031abe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-40.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting of a comment and an identifier.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: var(--b,/**/a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-41.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-41.htm new file mode 100644 index 00000000000..eec039f5cb6 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-41.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,!))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-42.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-42.htm new file mode 100644 index 00000000000..f5f86f8c7dc --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-42.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,!important))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-43.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-43.htm new file mode 100644 index 00000000000..76fc01354dc --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-43.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: 1px var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-44.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-44.htm new file mode 100644 index 00000000000..717ec4c66d3 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-44.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: var(--b) 1px) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-45.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-45.htm new file mode 100644 index 00000000000..93c83e6422c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-45.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: something 3px url(whereever) calc(var(--b) + 1px)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-46.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-46.htm new file mode 100644 index 00000000000..101434a050c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-46.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: var(--b) !important) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-47.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-47.htm new file mode 100644 index 00000000000..8c257e46c20 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-47.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: var(--b)var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-48.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-48.htm new file mode 100644 index 00000000000..8de3e48e6bd --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-48.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference with a number of levels of variable reference fallbacks.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: var(--b, var(--c, var(--d, black)))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-49.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-49.htm new file mode 100644 index 00000000000..a36382bc2fb --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-49.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b) !important !important)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-50.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-50.htm new file mode 100644 index 00000000000..a5c85f8463e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-50.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: var(--b) <!--) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-51.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-51.htm new file mode 100644 index 00000000000..1bd5f888328 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-51.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: --> var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-52.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-52.htm new file mode 100644 index 00000000000..be483976c55 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-52.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: { [ var(--b) ] }) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-53.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-53.htm new file mode 100644 index 00000000000..2292112f2ad --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-53.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,;))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-54.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-54.htm new file mode 100644 index 00000000000..b1ec04c487d --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-54.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: [;] var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-55.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-55.htm new file mode 100644 index 00000000000..10fc5e38879 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-55.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b);)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-56.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-56.htm new file mode 100644 index 00000000000..f8dcbdcea4f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-56.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains only a white space token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-57.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-57.htm new file mode 100644 index 00000000000..0d1bb5c2170 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-57.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains no tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: a) and (not (--a:)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-58.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-58.htm new file mode 100644 index 00000000000..ffc9a9420b3 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-58.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing property declaration in an @supports rule with property name "--".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-59.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-59.htm new file mode 100644 index 00000000000..b07fd6c59b8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-59.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a:var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-60.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-60.htm new file mode 100644 index 00000000000..a99e14e6901 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-60.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule for a variable whose name is a digit.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--0: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-61.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-61.htm new file mode 100644 index 00000000000..346b4113adf --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-61.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--\61: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-62.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-62.htm new file mode 100644 index 00000000000..7a7544bb86a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-62.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an escaped lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--\d800: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-63.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-63.htm new file mode 100644 index 00000000000..6a348f53a02 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-63.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an out-of-range Unicode character escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--\ffffff: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-64.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-64.htm new file mode 100644 index 00000000000..5ffe0094e7f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-64.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(1px))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-65.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-65.htm new file mode 100644 index 00000000000..ed60a473781 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-65.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: var(--b , )) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-66.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-66.htm new file mode 100644 index 00000000000..a5945385c75 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-66.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: a) and (not (VAR-a: a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-67.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-67.htm new file mode 100644 index 00000000000..6bf662ce53c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-supports-67.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Test: Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> +<link href="support/color-green-ref.htm" rel="match"> +<style> +body { color: red; } +@supports (--a: !) or (--a: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-variables-1_dev/implementation-report-TEMPLATE.data new file mode 100644 index 00000000000..5fa82bb881c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/implementation-report-TEMPLATE.data @@ -0,0 +1,353 @@ +# UA version OS version +# UA string (if applicable) +# http://test.csswg.org/suites/css-variables-1_dev/DATESTAMP/ +# See http://wiki.csswg.org/test/implementation-report for instructions +testname result comment +html4/css-vars-custom-property-case-sensitive-001.htm ? +xhtml1/css-vars-custom-property-case-sensitive-001.xht ? +html4/css-vars-custom-property-inheritance.htm ? +xhtml1/css-vars-custom-property-inheritance.xht ? +html4/test_variable_legal_values.htm ? +xhtml1/test_variable_legal_values.xht ? +html4/variable-declaration-01.htm ? +xhtml1/variable-declaration-01.xht ? +html4/variable-declaration-02.htm ? +xhtml1/variable-declaration-02.xht ? +html4/variable-declaration-03.htm ? +xhtml1/variable-declaration-03.xht ? +html4/variable-declaration-04.htm ? +xhtml1/variable-declaration-04.xht ? +html4/variable-declaration-05.htm ? +xhtml1/variable-declaration-05.xht ? +html4/variable-declaration-06.htm ? +xhtml1/variable-declaration-06.xht ? +html4/variable-declaration-07.htm ? +xhtml1/variable-declaration-07.xht ? +html4/variable-declaration-08.htm ? +xhtml1/variable-declaration-08.xht ? +html4/variable-declaration-09.htm ? +xhtml1/variable-declaration-09.xht ? +html4/variable-declaration-10.htm ? +xhtml1/variable-declaration-10.xht ? +html4/variable-declaration-11.htm ? +xhtml1/variable-declaration-11.xht ? +html4/variable-declaration-12.htm ? +xhtml1/variable-declaration-12.xht ? +html4/variable-declaration-13.htm ? +xhtml1/variable-declaration-13.xht ? +html4/variable-declaration-14.htm ? +xhtml1/variable-declaration-14.xht ? +html4/variable-declaration-15.htm ? +xhtml1/variable-declaration-15.xht ? +html4/variable-declaration-16.htm ? +xhtml1/variable-declaration-16.xht ? +html4/variable-declaration-17.htm ? +xhtml1/variable-declaration-17.xht ? +html4/variable-declaration-18.htm ? +xhtml1/variable-declaration-18.xht ? +html4/variable-declaration-19.htm ? +xhtml1/variable-declaration-19.xht ? +html4/variable-declaration-20.htm ? +xhtml1/variable-declaration-20.xht ? +html4/variable-declaration-21.htm ? +xhtml1/variable-declaration-21.xht ? +html4/variable-declaration-22.htm ? +xhtml1/variable-declaration-22.xht ? +html4/variable-declaration-23.htm ? +xhtml1/variable-declaration-23.xht ? +html4/variable-declaration-24.htm ? +xhtml1/variable-declaration-24.xht ? +html4/variable-declaration-25.htm ? +xhtml1/variable-declaration-25.xht ? +html4/variable-declaration-26.htm ? +xhtml1/variable-declaration-26.xht ? +html4/variable-declaration-28.htm ? +xhtml1/variable-declaration-28.xht ? +html4/variable-declaration-29.htm ? +xhtml1/variable-declaration-29.xht ? +html4/variable-declaration-30.htm ? +xhtml1/variable-declaration-30.xht ? +html4/variable-declaration-31.htm ? +xhtml1/variable-declaration-31.xht ? +html4/variable-declaration-32.htm ? +xhtml1/variable-declaration-32.xht ? +html4/variable-declaration-33.htm ? +xhtml1/variable-declaration-33.xht ? +html4/variable-declaration-34.htm ? +xhtml1/variable-declaration-34.xht ? +html4/variable-declaration-35.htm ? +xhtml1/variable-declaration-35.xht ? +html4/variable-declaration-36.htm ? +xhtml1/variable-declaration-36.xht ? +html4/variable-declaration-37.htm ? +xhtml1/variable-declaration-37.xht ? +html4/variable-declaration-38.htm ? +xhtml1/variable-declaration-38.xht ? +html4/variable-declaration-39.htm ? +xhtml1/variable-declaration-39.xht ? +html4/variable-declaration-40.htm ? +xhtml1/variable-declaration-40.xht ? +html4/variable-declaration-41.htm ? +xhtml1/variable-declaration-41.xht ? +html4/variable-declaration-42.htm ? +xhtml1/variable-declaration-42.xht ? +html4/variable-declaration-43.htm ? +xhtml1/variable-declaration-43.xht ? +html4/variable-declaration-44.htm ? +xhtml1/variable-declaration-44.xht ? +html4/variable-declaration-45.htm ? +xhtml1/variable-declaration-45.xht ? +html4/variable-declaration-46.htm ? +xhtml1/variable-declaration-46.xht ? +html4/variable-declaration-47.htm ? +xhtml1/variable-declaration-47.xht ? +html4/variable-declaration-48.htm ? +xhtml1/variable-declaration-48.xht ? +html4/variable-declaration-49.htm ? +xhtml1/variable-declaration-49.xht ? +html4/variable-declaration-50.htm ? +xhtml1/variable-declaration-50.xht ? +html4/variable-declaration-51.htm ? +xhtml1/variable-declaration-51.xht ? +html4/variable-declaration-52.htm ? +xhtml1/variable-declaration-52.xht ? +html4/variable-declaration-53.htm ? +xhtml1/variable-declaration-53.xht ? +html4/variable-declaration-54.htm ? +xhtml1/variable-declaration-54.xht ? +html4/variable-declaration-55.htm ? +xhtml1/variable-declaration-55.xht ? +html4/variable-declaration-56.htm ? +xhtml1/variable-declaration-56.xht ? +html4/variable-declaration-57.htm ? +xhtml1/variable-declaration-57.xht ? +html4/variable-declaration-58.htm ? +xhtml1/variable-declaration-58.xht ? +html4/variable-declaration-59.htm ? +xhtml1/variable-declaration-59.xht ? +html4/variable-declaration-60.htm ? +xhtml1/variable-declaration-60.xht ? +html4/variable-external-declaration-01.htm ? +xhtml1/variable-external-declaration-01.xht ? +html4/variable-external-font-face-01.htm ? +xhtml1/variable-external-font-face-01.xht ? +html4/variable-external-reference-01.htm ? +xhtml1/variable-external-reference-01.xht ? +html4/variable-external-supports-01.htm ? +xhtml1/variable-external-supports-01.xht ? +html4/variable-font-face-01.htm ? +xhtml1/variable-font-face-01.xht ? +html4/variable-font-face-02.htm ? +xhtml1/variable-font-face-02.xht ? +html4/variable-reference-01.htm ? +xhtml1/variable-reference-01.xht ? +html4/variable-reference-02.htm ? +xhtml1/variable-reference-02.xht ? +html4/variable-reference-03.htm ? +xhtml1/variable-reference-03.xht ? +html4/variable-reference-04.htm ? +xhtml1/variable-reference-04.xht ? +html4/variable-reference-05.htm ? +xhtml1/variable-reference-05.xht ? +html4/variable-reference-06.htm ? +xhtml1/variable-reference-06.xht ? +html4/variable-reference-07.htm ? +xhtml1/variable-reference-07.xht ? +html4/variable-reference-08.htm ? +xhtml1/variable-reference-08.xht ? +html4/variable-reference-09.htm ? +xhtml1/variable-reference-09.xht ? +html4/variable-reference-10.htm ? +xhtml1/variable-reference-10.xht ? +html4/variable-reference-11.htm ? +xhtml1/variable-reference-11.xht ? +html4/variable-reference-12.htm ? +xhtml1/variable-reference-12.xht ? +html4/variable-reference-13.htm ? +xhtml1/variable-reference-13.xht ? +html4/variable-reference-14.htm ? +xhtml1/variable-reference-14.xht ? +html4/variable-reference-15.htm ? +xhtml1/variable-reference-15.xht ? +html4/variable-reference-16.htm ? +xhtml1/variable-reference-16.xht ? +html4/variable-reference-17.htm ? +xhtml1/variable-reference-17.xht ? +html4/variable-reference-18.htm ? +xhtml1/variable-reference-18.xht ? +html4/variable-reference-19.htm ? +xhtml1/variable-reference-19.xht ? +html4/variable-reference-20.htm ? +xhtml1/variable-reference-20.xht ? +html4/variable-reference-21.htm ? +xhtml1/variable-reference-21.xht ? +html4/variable-reference-22.htm ? +xhtml1/variable-reference-22.xht ? +html4/variable-reference-23.htm ? +xhtml1/variable-reference-23.xht ? +html4/variable-reference-24.htm ? +xhtml1/variable-reference-24.xht ? +html4/variable-reference-25.htm ? +xhtml1/variable-reference-25.xht ? +html4/variable-reference-26.htm ? +xhtml1/variable-reference-26.xht ? +html4/variable-reference-27.htm ? +xhtml1/variable-reference-27.xht ? +html4/variable-reference-28.htm ? +xhtml1/variable-reference-28.xht ? +html4/variable-reference-29.htm ? +xhtml1/variable-reference-29.xht ? +html4/variable-reference-30.htm ? +xhtml1/variable-reference-30.xht ? +html4/variable-reference-31.htm ? +xhtml1/variable-reference-31.xht ? +html4/variable-reference-32.htm ? +xhtml1/variable-reference-32.xht ? +html4/variable-reference-33.htm ? +xhtml1/variable-reference-33.xht ? +html4/variable-reference-34.htm ? +xhtml1/variable-reference-34.xht ? +html4/variable-reference-35.htm ? +xhtml1/variable-reference-35.xht ? +html4/variable-reference-36.htm ? +xhtml1/variable-reference-36.xht ? +html4/variable-reference-37.htm ? +xhtml1/variable-reference-37.xht ? +html4/variable-reference-38.htm ? +xhtml1/variable-reference-38.xht ? +html4/variable-reference-39.htm ? +xhtml1/variable-reference-39.xht ? +html4/variable-supports-01.htm ? +xhtml1/variable-supports-01.xht ? +html4/variable-supports-02.htm ? +xhtml1/variable-supports-02.xht ? +html4/variable-supports-03.htm ? +xhtml1/variable-supports-03.xht ? +html4/variable-supports-04.htm ? +xhtml1/variable-supports-04.xht ? +html4/variable-supports-05.htm ? +xhtml1/variable-supports-05.xht ? +html4/variable-supports-06.htm ? +xhtml1/variable-supports-06.xht ? +html4/variable-supports-07.htm ? +xhtml1/variable-supports-07.xht ? +html4/variable-supports-08.htm ? +xhtml1/variable-supports-08.xht ? +html4/variable-supports-09.htm ? +xhtml1/variable-supports-09.xht ? +html4/variable-supports-10.htm ? +xhtml1/variable-supports-10.xht ? +html4/variable-supports-11.htm ? +xhtml1/variable-supports-11.xht ? +html4/variable-supports-12.htm ? +xhtml1/variable-supports-12.xht ? +html4/variable-supports-13.htm ? +xhtml1/variable-supports-13.xht ? +html4/variable-supports-14.htm ? +xhtml1/variable-supports-14.xht ? +html4/variable-supports-15.htm ? +xhtml1/variable-supports-15.xht ? +html4/variable-supports-16.htm ? +xhtml1/variable-supports-16.xht ? +html4/variable-supports-17.htm ? +xhtml1/variable-supports-17.xht ? +html4/variable-supports-18.htm ? +xhtml1/variable-supports-18.xht ? +html4/variable-supports-19.htm ? +xhtml1/variable-supports-19.xht ? +html4/variable-supports-20.htm ? +xhtml1/variable-supports-20.xht ? +html4/variable-supports-21.htm ? +xhtml1/variable-supports-21.xht ? +html4/variable-supports-22.htm ? +xhtml1/variable-supports-22.xht ? +html4/variable-supports-23.htm ? +xhtml1/variable-supports-23.xht ? +html4/variable-supports-24.htm ? +xhtml1/variable-supports-24.xht ? +html4/variable-supports-25.htm ? +xhtml1/variable-supports-25.xht ? +html4/variable-supports-26.htm ? +xhtml1/variable-supports-26.xht ? +html4/variable-supports-27.htm ? +xhtml1/variable-supports-27.xht ? +html4/variable-supports-28.htm ? +xhtml1/variable-supports-28.xht ? +html4/variable-supports-29.htm ? +xhtml1/variable-supports-29.xht ? +html4/variable-supports-30.htm ? +xhtml1/variable-supports-30.xht ? +html4/variable-supports-31.htm ? +xhtml1/variable-supports-31.xht ? +html4/variable-supports-32.htm ? +xhtml1/variable-supports-32.xht ? +html4/variable-supports-33.htm ? +xhtml1/variable-supports-33.xht ? +html4/variable-supports-34.htm ? +xhtml1/variable-supports-34.xht ? +html4/variable-supports-35.htm ? +xhtml1/variable-supports-35.xht ? +html4/variable-supports-36.htm ? +xhtml1/variable-supports-36.xht ? +html4/variable-supports-37.htm ? +xhtml1/variable-supports-37.xht ? +html4/variable-supports-38.htm ? +xhtml1/variable-supports-38.xht ? +html4/variable-supports-39.htm ? +xhtml1/variable-supports-39.xht ? +html4/variable-supports-40.htm ? +xhtml1/variable-supports-40.xht ? +html4/variable-supports-41.htm ? +xhtml1/variable-supports-41.xht ? +html4/variable-supports-42.htm ? +xhtml1/variable-supports-42.xht ? +html4/variable-supports-43.htm ? +xhtml1/variable-supports-43.xht ? +html4/variable-supports-44.htm ? +xhtml1/variable-supports-44.xht ? +html4/variable-supports-45.htm ? +xhtml1/variable-supports-45.xht ? +html4/variable-supports-46.htm ? +xhtml1/variable-supports-46.xht ? +html4/variable-supports-47.htm ? +xhtml1/variable-supports-47.xht ? +html4/variable-supports-48.htm ? +xhtml1/variable-supports-48.xht ? +html4/variable-supports-49.htm ? +xhtml1/variable-supports-49.xht ? +html4/variable-supports-50.htm ? +xhtml1/variable-supports-50.xht ? +html4/variable-supports-51.htm ? +xhtml1/variable-supports-51.xht ? +html4/variable-supports-52.htm ? +xhtml1/variable-supports-52.xht ? +html4/variable-supports-53.htm ? +xhtml1/variable-supports-53.xht ? +html4/variable-supports-54.htm ? +xhtml1/variable-supports-54.xht ? +html4/variable-supports-55.htm ? +xhtml1/variable-supports-55.xht ? +html4/variable-supports-56.htm ? +xhtml1/variable-supports-56.xht ? +html4/variable-supports-57.htm ? +xhtml1/variable-supports-57.xht ? +html4/variable-supports-58.htm ? +xhtml1/variable-supports-58.xht ? +html4/variable-supports-59.htm ? +xhtml1/variable-supports-59.xht ? +html4/variable-supports-60.htm ? +xhtml1/variable-supports-60.xht ? +html4/variable-supports-61.htm ? +xhtml1/variable-supports-61.xht ? +html4/variable-supports-62.htm ? +xhtml1/variable-supports-62.xht ? +html4/variable-supports-63.htm ? +xhtml1/variable-supports-63.xht ? +html4/variable-supports-64.htm ? +xhtml1/variable-supports-64.xht ? +html4/variable-supports-65.htm ? +xhtml1/variable-supports-65.xht ? +html4/variable-supports-66.htm ? +xhtml1/variable-supports-66.xht ? +html4/variable-supports-67.htm ? +xhtml1/variable-supports-67.xht ? diff --git a/tests/wpt/css-tests/css-variables-1_dev/index.htm b/tests/wpt/css-tests/css-variables-1_dev/index.htm new file mode 100644 index 00000000000..7c7c22aef24 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/index.htm @@ -0,0 +1,142 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<html lang="en"> + <head> + <title>CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <dt>Test Coordinator:</dt> + <dd>None Yet</dd> + + <p>This is a <strong>Development</strong> + version of the CSS Custom Properties Level 1 CR Test Suite.</p> + + <p>You can provide test data or review the testing results for this test suite:</p> + <dt><a href="http://test.csswg.org/harness/suite/css-variables-1_dev">Enter Data</a></dt> + <dt><a href="http://test.csswg.org/harness/review/css-variables-1_dev">Review Results</a></dt> + + + <p>Some tests in the test suite may contain errors. + Please check the latest version of the + <a href="http://www.w3.org/TR/css-variables-1/">CSS Variables 1 specification</a> + <strong>and its errata</strong> + before assuming a failure is due to an implementation bug and + not a test suite bug.</p> + + + <p> + In time we hope to correct all errors and extend this test suite to + cover all of CSS Variables 1. Your help is welcome in this effort. + The appropriate mailing list for submitting tests and bug reports is + <a href="http://lists.w3.org/Archives/Public/public-css-testsuite/">public-css-testsuite@w3.org</a>. + More information on the contribution process and test guidelines is + available on the <a href="http://wiki.csswg.org/test">wiki + page</a>.</p> + + <p>Tests are currently available in these formats:</p> + + <dl> + <dt><a href="html/toc.htm">HTML 5</a></dt> + <dd>HTML 5 tests sent as <code>text/html</code></dd> + <dt><a href="xhtml1/toc.xht">XHTML 1.1</a></dt> + <dd>XHTML 1.1 tests sent as <code>application/xhtml+xml</code></dd> + <dt><a href="xhtml1print/toc.xht">XHTML 1.1 for Printers</a></dt> + <dd>XHTML 1.1 tests with all images converted from PNG to JPEG + and formatted with headers and footers to ease testing of + embedded printer software. This is not a canonical format, + and some tests may fail due to the format conversion that + would otherwise pass in the above XHTML 1.1 format.</dd> + </dl> + + + <p>Unless the test instructions explicitly indicate otherwise, + any occurrence of red in a test indicates test failure.</p> + +<h2 id="implement">Implementation Reports</h2> + <p>An <a href="implementation-report-TEMPLATE.data">implementation report template</a> + is available to help with creating implementation reports. See also the + <a href="http://lists.w3.org/Archives/Public/public-css-testsuite/2010Aug/0020.html">explanation</a> + of its format.</p> + +<h2 id="common">Common Assumptions</h2> + + <p>Most of the test suite makes the following assumptions:</p> + <ul> + <li>The X/HTML <code>div</code> element is assigned <code>display: block;</code> + and no other property declaration.</li> + <li>The X/HTML <code>span</code> element is assigned <code>display: inline;</code> + and no other property declaration.</li> + <li>The X/HTML <code>p</code> element is assigned <code>display: block;</code></li> + <li>The X/HTML <code>li</code> element is assigned <code>display: list-item;</code></li> + <li>The X/HTML table elements <code>table</code>, <code>tbody</code>, + <code>tr</code>, and <code>td</code> are assigned the <code>display</code> + values <code>table</code>, <code>table-row-group</code>, + <code>table-row</code>, and <code>table-cell</code>, respectively.</li> + <li>The device can display the sixteen color values associated with the color + keywords <code>black</code>, <code>white</code>, <code>gray</code>, + <code>silver</code>, <code>red</code>, <code>green</code>, <code>blue</code>, + <code>purple</code>, <code>yellow</code>, <code>orange</code>, <code>teal</code>, + <code>fuchsia</code>, <code>maroon</code>, <code>navy</code>, <code>aqua</code>, + and <code>lime</code> as distinct colors.</li> + <li>The UA is set to print background colors and, if it supports graphics, + background images.</li> + <li>The UA implements reasonable page-breaking behavior; e.g., it is assumed + that UAs will not break at every opportunity, but only near the end of + a page unless a page break is forced.</li> + <li>The UA implements reasonable line-breaking behavior; e.g., it is assumed + that spaces between alphanumeric characters provide line breaking + opportunities and that UAs will not break at every opportunity, but only + near the end of a line unless a line break is forced.</li> + </ul> + +<h2 id="uncommon">Uncommon Assumptions</h2> + + <p>In addition, some of the tests make one or more of the following + assumptions:</p> + + <ul> + <li>The device is a full-color device.</li> + <li>The device has a viewport width of at least 640px (approx).</li> + <li>The resolution of the device is 96 CSS pixels per inch.</li> + <li>The UA imposes no minimum font size.</li> + <li>The 'medium' font-size computes to 16px.</li> + <li>The initial value of 'color' is black.</li> + <li>The canvas background is white.</li> + <li>The user stylesheet is empty (except where indicated by the tests).</li> + <li>The device is interactive and uses scroll bars.</li> + </ul> + + <p>The tests that need these assumptions to be true have not yet been + marked, but it is likely that we will add a way to identify these + tests in due course. Tests should avoid relying on these assumptions + unless necessary.</p> + +<h2>License</h2> + + <p>This test suite is licensed under both the + <a href="http://www.w3.org/Consortium/Legal/2008/04-testsuite-license">W3C + Test Suite License</a> and the <a href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license">W3C + 3-clause BSD License</a>. See W3C Legal's <a href="http://www.w3.org/Consortium/Legal/2008/04-testsuite-copyright">explanation + of the licenses</a>.</p> + +<h2>Acknowledgements</h2> + + <p>Many thanks to the following for their contributions:</p> + <ul> + <li>Cameron McCormack</li> + <li>L. David Baron</li> + <li>Mihaela Velimiroviciu</li> + <li>Mozilla Corporation</li> + <li>Noah Collins</li> + </ul> + +</body> +</html> diff --git a/tests/wpt/css-tests/css-variables-1_dev/index.xht b/tests/wpt/css-tests/css-variables-1_dev/index.xht new file mode 100644 index 00000000000..103f1e1bc73 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/index.xht @@ -0,0 +1,142 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> + <head> + <title>CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <dt>Test Coordinator:</dt> + <dd>None Yet</dd> + + <p>This is a <strong>Development</strong> + version of the CSS Custom Properties Level 1 CR Test Suite.</p> + + <p>You can provide test data or review the testing results for this test suite:</p> + <dt><a href="http://test.csswg.org/harness/suite/css-variables-1_dev">Enter Data</a></dt> + <dt><a href="http://test.csswg.org/harness/review/css-variables-1_dev">Review Results</a></dt> + + + <p>Some tests in the test suite may contain errors. + Please check the latest version of the + <a href="http://www.w3.org/TR/css-variables-1/">CSS Variables 1 specification</a> + <strong>and its errata</strong> + before assuming a failure is due to an implementation bug and + not a test suite bug.</p> + + + <p> + In time we hope to correct all errors and extend this test suite to + cover all of CSS Variables 1. Your help is welcome in this effort. + The appropriate mailing list for submitting tests and bug reports is + <a href="http://lists.w3.org/Archives/Public/public-css-testsuite/">public-css-testsuite@w3.org</a>. + More information on the contribution process and test guidelines is + available on the <a href="http://wiki.csswg.org/test">wiki + page</a>.</p> + + <p>Tests are currently available in these formats:</p> + + <dl> + <dt><a href="html/toc.htm">HTML 5</a></dt> + <dd>HTML 5 tests sent as <code>text/html</code></dd> + <dt><a href="xhtml1/toc.xht">XHTML 1.1</a></dt> + <dd>XHTML 1.1 tests sent as <code>application/xhtml+xml</code></dd> + <dt><a href="xhtml1print/toc.xht">XHTML 1.1 for Printers</a></dt> + <dd>XHTML 1.1 tests with all images converted from PNG to JPEG + and formatted with headers and footers to ease testing of + embedded printer software. This is not a canonical format, + and some tests may fail due to the format conversion that + would otherwise pass in the above XHTML 1.1 format.</dd> + </dl> + + + <p>Unless the test instructions explicitly indicate otherwise, + any occurrence of red in a test indicates test failure.</p> + +<h2 id="implement">Implementation Reports</h2> + <p>An <a href="implementation-report-TEMPLATE.data">implementation report template</a> + is available to help with creating implementation reports. See also the + <a href="http://lists.w3.org/Archives/Public/public-css-testsuite/2010Aug/0020.html">explanation</a> + of its format.</p> + +<h2 id="common">Common Assumptions</h2> + + <p>Most of the test suite makes the following assumptions:</p> + <ul> + <li>The X/HTML <code>div</code> element is assigned <code>display: block;</code> + and no other property declaration.</li> + <li>The X/HTML <code>span</code> element is assigned <code>display: inline;</code> + and no other property declaration.</li> + <li>The X/HTML <code>p</code> element is assigned <code>display: block;</code></li> + <li>The X/HTML <code>li</code> element is assigned <code>display: list-item;</code></li> + <li>The X/HTML table elements <code>table</code>, <code>tbody</code>, + <code>tr</code>, and <code>td</code> are assigned the <code>display</code> + values <code>table</code>, <code>table-row-group</code>, + <code>table-row</code>, and <code>table-cell</code>, respectively.</li> + <li>The device can display the sixteen color values associated with the color + keywords <code>black</code>, <code>white</code>, <code>gray</code>, + <code>silver</code>, <code>red</code>, <code>green</code>, <code>blue</code>, + <code>purple</code>, <code>yellow</code>, <code>orange</code>, <code>teal</code>, + <code>fuchsia</code>, <code>maroon</code>, <code>navy</code>, <code>aqua</code>, + and <code>lime</code> as distinct colors.</li> + <li>The UA is set to print background colors and, if it supports graphics, + background images.</li> + <li>The UA implements reasonable page-breaking behavior; e.g., it is assumed + that UAs will not break at every opportunity, but only near the end of + a page unless a page break is forced.</li> + <li>The UA implements reasonable line-breaking behavior; e.g., it is assumed + that spaces between alphanumeric characters provide line breaking + opportunities and that UAs will not break at every opportunity, but only + near the end of a line unless a line break is forced.</li> + </ul> + +<h2 id="uncommon">Uncommon Assumptions</h2> + + <p>In addition, some of the tests make one or more of the following + assumptions:</p> + + <ul> + <li>The device is a full-color device.</li> + <li>The device has a viewport width of at least 640px (approx).</li> + <li>The resolution of the device is 96 CSS pixels per inch.</li> + <li>The UA imposes no minimum font size.</li> + <li>The 'medium' font-size computes to 16px.</li> + <li>The initial value of 'color' is black.</li> + <li>The canvas background is white.</li> + <li>The user stylesheet is empty (except where indicated by the tests).</li> + <li>The device is interactive and uses scroll bars.</li> + </ul> + + <p>The tests that need these assumptions to be true have not yet been + marked, but it is likely that we will add a way to identify these + tests in due course. Tests should avoid relying on these assumptions + unless necessary.</p> + +<h2>License</h2> + + <p>This test suite is licensed under both the + <a href="http://www.w3.org/Consortium/Legal/2008/04-testsuite-license">W3C + Test Suite License</a> and the <a href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license">W3C + 3-clause BSD License</a>. See W3C Legal's <a href="http://www.w3.org/Consortium/Legal/2008/04-testsuite-copyright">explanation + of the licenses</a>.</p> + +<h2>Acknowledgements</h2> + + <p>Many thanks to the following for their contributions:</p> + <ul> + <li>Cameron McCormack</li> + <li>L. David Baron</li> + <li>Mihaela Velimiroviciu</li> + <li>Mozilla Corporation</li> + <li>Noah Collins</li> + </ul> + +</body> +</html> diff --git a/tests/wpt/css-tests/css-variables-1_dev/indices.css b/tests/wpt/css-tests/css-variables-1_dev/indices.css new file mode 100644 index 00000000000..7bc70eeef94 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/indices.css @@ -0,0 +1,96 @@ +/* CSS for CSS Conformance Test Indices */ +/* Written by fantasai */ + +/* Test Tables */ + + table { + border-collapse: collapse; + } + + thead { + border-bottom: 0.2em solid; + } + + tbody { + border: thin solid; + border-style: solid none; + } + + tbody.ch { + border-top: 0.2em solid; + } + tbody.ch th { + font-weight: bold; + } + + tbody th { + border-bottom: silver dotted thin; + background: #EEE; + color: black; + font-weight: normal; + font-style: italic; + } + tbody th :link { + color: gray; + background: transparent; + } + tbody th :visited { + color: #333; + background: transparent; + } + + th, td { + padding: 0.2em; + text-align: left; + vertical-align: baseline; + } + + td { + font-size: 0.9em; + } + + /* flags */ + td abbr { + border: solid thin gray; + padding: 0 0.1em; + cursor: help; + } + td abbr:hover { + background: #ffa; + color: black; + } + + + tr:hover { + background: #F9F9F9; + color: navy; + } + + th a, + td a { + text-decoration: none; + } + th a:hover, + td a:hover, + th a:focus, + td a:focus { + text-decoration: underline; + } + + td a { + display: block; + padding-left: 2em; + text-indent: -1em; + } + .refs { + font-weight: bold; + font-size: larger; + } + .assert, .assert > li { + list-style-type: none; + font-style: italic; + color: gray; + margin: 0; + padding: 0; + text-indent: 0; + } diff --git a/tests/wpt/css-tests/css-variables-1_dev/testinfo.data b/tests/wpt/css-tests/css-variables-1_dev/testinfo.data new file mode 100644 index 00000000000..617244d6c50 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/testinfo.data @@ -0,0 +1,175 @@ +id references title flags links revision credits assertion +css-vars-custom-property-case-sensitive-001 reference/css-vars-custom-property-case-sensitive-ref custom property names start with "var-" in lower case http://www.w3.org/TR/css-variables-1/#using-variables 54635d9858bba609cf606b0a3987e6911732dbfe `Noah Collins`<mailto:noahcollins@gmail.com> Custom property names start with var- which must be lower case +css-vars-custom-property-inheritance reference/css-vars-custom-property-inheritance-ref custom properties use normal inheritance and cascade rules http://www.w3.org/TR/css-variables-1/#using-variables 03059d06522d5796fd67aeb24828bfecf6b7120c `Noah Collins`<mailto:noahcollins@gmail.com> custom properties are resolved with the normal inheritance and cascade rules +test_variable_legal_values CSS Variables Allowed Syntax script http://www.w3.org/TR/css-variables-1/#defining-variables b7b2d045a2b48fc36715a50ba885f7c0350e6de1 `L. David Baron`<http://dbaron.org/>,`Mozilla Corporation`<http://mozilla.com/> The <value> type used in the syntax above is defined as anything matching the "value" production in CSS 2.1 Chapter 4.1 [CSS21]. +variable-declaration-01 support/color-green-ref Test declaring a variable consisting of a single token preceded by white space. http://www.w3.org/TR/css-variables-1/#syntax 0d1c6d96e6f0c7dc9082c8d616b52a74a92c5bac `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-02 support/color-green-ref Test declaring a variable consisting of a single token with no preceding white space. http://www.w3.org/TR/css-variables-1/#syntax c6d3c7d84d4ea1c2322da25c5b67babc33c90506 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-03 support/color-green-ref Test declaring a variable that references another variable. http://www.w3.org/TR/css-variables-1/#syntax 37c4b2cf1249e34ce61286f453d19be7bea68358 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-04 support/color-green-ref Test declaring a variable consisting of a variable reference followed by white space. http://www.w3.org/TR/css-variables-1/#syntax ba0144abae678932e18f469dcc609c6d48402b46 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-05 support/color-green-ref Test declaring a variable consisting of a variable reference that includes white space around the variable name. http://www.w3.org/TR/css-variables-1/#syntax 62981c92332c5a4a12b21b411c72c69053772c26 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-06 support/color-green-ref Test overriding an existing variable declaration. http://www.w3.org/TR/css-variables-1/#defining-variables c9cdf40df53a44638075f5898f16f3a51bdac12d `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-07 support/color-green-ref Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback. http://www.w3.org/TR/css-variables-1/#syntax 35820eefe4ae4729e24ff0a52025859bba6813f1 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-08 support/color-green-ref Test declaring a variable that consists of a variable reference whose fallback is white space. http://www.w3.org/TR/css-variables-1/#syntax 3b479977f5bec77639fa0dfa6b829a2c91df354a `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-09 support/color-green-ref Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback. http://www.w3.org/TR/css-variables-1/#syntax 4761177a4d32dd4b196fa97da113f775151e1d5c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-10 support/color-green-ref Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier. http://www.w3.org/TR/css-variables-1/#syntax e8efb6f5089cc55096a03b8863778f3db4f8f9f2 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-11 support/color-green-ref Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback. http://www.w3.org/TR/css-variables-1/#syntax 9df8066400d2a0cdd909cb8b2fb3eb80fe8cbf43 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-12 support/color-green-ref Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback. http://www.w3.org/TR/css-variables-1/#syntax 6b8636c11d2bde7eab5c2032ef7e9614671a5725 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-13 support/color-green-ref Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback. http://www.w3.org/TR/css-variables-1/#syntax 980bf1272ab9789312394c068c0660b4437dd3fc `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-14 support/color-green-ref Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space. http://www.w3.org/TR/css-variables-1/#syntax 5736e42bce19e1788a3284fffe3da5bf42edbffc `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-15 reference/variable-declaration-15-ref Test declaring a variable that consists of a comma-separated font family list. ahem http://www.w3.org/TR/css-variables-1/#syntax f358888e5c637ab7938f47aaa3d3eb75b0e2db74 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-16 reference/variable-declaration-16-ref Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference. ahem http://www.w3.org/TR/css-variables-1/#syntax c55b2d0afd1398029dc047d482f1b3e5e07eaf6c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-17 reference/variable-declaration-17-ref Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference. ahem http://www.w3.org/TR/css-variables-1/#syntax 478c8b6b8e8624365600638d741151cac716b832 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-18 reference/variable-declaration-18-ref Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference. ahem http://www.w3.org/TR/css-variables-1/#syntax d1a3962d78fa3e509ce6ad265f3a87ddaea4dd64 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-19 support/color-green-ref Test declaring a variable that consists of a function where one of the arguments is a variable reference. http://www.w3.org/TR/css-variables-1/#syntax 698ea8aa2f4532e072fdea0c5a1784ba0e3e70a1 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-20 support/color-green-ref Test declaring a variable with "!important". http://www.w3.org/TR/css-variables-1/#syntax 014872e045a1f301f1f22c9cab78d6a5e2a81f48 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-21 support/color-green-ref Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references. http://www.w3.org/TR/css-variables-1/#syntax 9b8ffcfb43f9f198ca948b1d492ab5e7ce481741 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-22 support/color-green-ref Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks. http://www.w3.org/TR/css-variables-1/#syntax 47809d8c1b94226d2842cb9b9312ffe0812da51f `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-23 support/color-green-ref Test declaring a variable with invalid syntax due to having two "!important" priorities. http://www.w3.org/TR/css-variables-1/#syntax dfaa285cea6565fb4f651da9c0d37be6193f37d0 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-24 support/color-green-ref Test declaring a variable that contains a CDO token. http://www.w3.org/TR/css-variables-1/#syntax e3cf6b66acf0f4134a6b573abeb2ab5e6260764c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-25 support/color-green-ref Test declaring a variable that contains a CDC token. http://www.w3.org/TR/css-variables-1/#syntax 1c9a3b946ef28df9c7069ff045dfcc43b96b1527 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-26 support/color-green-ref Test declaring a variable that contains only a white space token. http://www.w3.org/TR/css-variables-1/#syntax 1cad102672bd1d55588a01af7da8ca08a22dd0c2 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-28 support/color-green-ref Test declaring a variable with invalid syntax due to having no tokens. http://www.w3.org/TR/css-variables-1/#syntax 977f132ef320f34684364774ffa1ec725244211c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-29 support/color-green-ref Test declaring a variable with a valid custom property name "--". http://www.w3.org/TR/css-variables-1/#defining-variables 84b1113949aec30c6e01a641a12c9177f7ea35c0 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-30 support/color-green-ref Test declaring a variable that contains a variable reference to itself. http://www.w3.org/TR/css-variables-1/#cycles b5176b925d25beecbed221dfd6a75db16d279509 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-31 support/color-green-ref Test declaring a variable where the variable name begins with a digit. http://www.w3.org/TR/css-variables-1/#defining-variables 4f9680a9800a098ea0564f5f2f862e8e8f675288 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-32 support/color-green-ref Test declaring a variable where the variable name begins with an escaped digit. http://www.w3.org/TR/css-variables-1/#defining-variables 4d6c4c197e83fb577ba1157ac58a82869610ab41 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-33 support/color-green-ref Test declaring a variable where the variable name begins with an escaped letter. http://www.w3.org/TR/css-variables-1/#defining-variables 34a89737a18e13fdcaac33da3febc9be0d0d07e8 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-34 support/color-green-ref Test declaring a variable where the variable name begins with a lone surrogate. http://www.w3.org/TR/css-variables-1/#defining-variables 09b5901caa7fcba871955b6167c6e0b21ab48b91 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-35 support/color-green-ref Test declaring a variable where the variable name begins with U+FFFD. http://www.w3.org/TR/css-variables-1/#defining-variables 9b1224c871aeada136ec6d75224acef76972b9f2 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-36 support/color-green-ref Test declaring a variable where the variable name begins with an out-of-range Unicode character escape. http://www.w3.org/TR/css-variables-1/#defining-variables 978ce8d496605f8d033de3f1bfbbdcf7ff3ef067 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-37 support/color-green-ref Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback. http://www.w3.org/TR/css-variables-1/#syntax a53b3364c51b304c2baee85765e51ad24e7b6555 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-38 support/color-green-ref Test declaring two variables in the same declaration block that differ only in case, with lowercase first. http://www.w3.org/TR/css-variables-1/#defining-variables d12759ac8c8855c9bb8dd1a36ce344b3bd064924 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-39 support/color-green-ref Test declaring two variables in the same declaration block that differ only in case, with uppercase first. http://www.w3.org/TR/css-variables-1/#defining-variables 95e97ae9268d07b5b5438a0b85603c30f3df2564 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-40 support/color-green-ref Test declaring a variable with an invalid custom property name due to it beginning with "VAR-". http://www.w3.org/TR/css-variables-1/#defining-variables 9caee31605e928d7f5c8c433ed376c3de178ed91 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-41 support/color-green-ref Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped. http://www.w3.org/TR/css-variables-1/#defining-variables d24e49a19ec8743f5fc1d82cbe50fef3d850f63d `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-42 support/color-green-ref Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character. http://www.w3.org/TR/css-variables-1/#defining-variables e408b28af04deec8b6ad9f8f6aaa5ead4b216bb4 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-43 support/color-green-ref Test declaring a variable whose value is "initial". http://www.w3.org/TR/css-variables-1/#defining-variables 5c477ae383f9f71cb533220d02805c502c0e3738 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-44 support/color-green-ref Test declaring a variable whose value is "inherit" where there is no variable to inherit from. http://www.w3.org/TR/css-variables-1/#defining-variables ed70d48d0cb3a268e9abc364d2e0b0cd9b4cb4b1 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-45 support/color-green-ref Test declaring a variable whose value is "inherit" where there is a variable to inherit from. http://www.w3.org/TR/css-variables-1/#defining-variables d228087a6243c7b84fcf476f63655b269a270ece `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-46 support/color-green-ref Test declaring a variable whose value is "initial" where there is a variable to inherit from. http://www.w3.org/TR/css-variables-1/#defining-variables 676d7fffa2c3e1f3dfa7363640045480dea69f0a `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-47 support/color-green-ref Test declaring a variable whose value consists of a reference to a variable whose value is "inherit". http://www.w3.org/TR/css-variables-1/#defining-variables dd58372ac95ae869378e38296186b91e709fb8db `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-48 support/color-green-ref Test declaring a number of variables in a cycle. http://www.w3.org/TR/css-variables-1/#cycles 435e3f0f4e8e9effd90b140d427ef66ed8cf629a `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-49 support/color-green-ref Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle. http://www.w3.org/TR/css-variables-1/#cycles b4db0ea7356e0382312d36d52a54b6cb42eb846e `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-50 support/color-green-ref Test declaring a number of variables in a chain, where the final element of the chain uses its fallback. http://www.w3.org/TR/css-variables-1/#cycles 2a9c2b137ddb79cb79f0e0b23de8187f8bfb743c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-51 support/color-green-ref Test declaring a variable that consists of a reference to an invalid inherited variable. http://www.w3.org/TR/css-variables-1/#invalid-variables 2b86331d973fa314a615ac4a29c6a9981e55dbc0 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-52 support/color-green-ref Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback. http://www.w3.org/TR/css-variables-1/#using-variables 2d432a65fa82c049df4b2fe47bb58ade791c9165 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-53 support/color-green-ref Test declaring a variable that consists of two variable references without fallback and with no intervening white space. http://www.w3.org/TR/css-variables-1/#using-variables 8cee2d7c81ed680c7074a35d01ef0179699a61e3 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-54 support/color-green-ref Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space. http://www.w3.org/TR/css-variables-1/#using-variables a27035a22deeca3dc7aa2d21456f54e571a62144 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-55 support/color-green-ref Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space. http://www.w3.org/TR/css-variables-1/#using-variables 07342ad58db6e43d86224e58714e2d71e72da787 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-56 support/color-green-ref Test declaring a variable whose value is "unset" where there is no variable to inherit from. http://www.w3.org/TR/css-variables-1/#defining-variables 81a5f126144476d2ce949d2d63446fc9b9f12a90 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-57 support/color-green-ref Test declaring a variable whose value is "unset" where there is a variable to inherit from. http://www.w3.org/TR/css-variables-1/#defining-variables 779af2846d229dead3382ac483529923fbb6150b `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-58 support/color-green-ref Test declaring a variable whose value consists of a reference to a variable whose value is "unset". http://www.w3.org/TR/css-variables-1/#defining-variables adc9cd62de5903c9c7f540b807c903a2e12adc0a `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-59 support/color-green-ref Test declaring a variable with a trailing invalid token. http://www.w3.org/TR/css-variables-1/#defining-variables ea4e390f4318091d38719cc6aad514524d84330a `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-declaration-60 support/color-green-ref Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's. http://www.w3.org/TR/css-variables-1/#syntax 18d840323d5ee1f130db200c4a359017ff67f1d1 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-external-declaration-01 support/color-green-ref Test declaring a variable in an external CSS file. http://www.w3.org/TR/css-variables-1/#syntax 79eb559335b1a833d79a54bc70bbebd3c0b7703c `Mihaela Velimiroviciu`<mailto:mihaela.velimiroviciu@softvisioninc.eu> +variable-external-font-face-01 reference/variable-font-face-01-ref Test the invalid declaration and use of a variable in an @font-face rule within an external CSS. ahem http://www.w3.org/TR/css-variables-1/#defining-variables 3776bcd72a00610e68642a0ca0abf9be54580199 `Mihaela Velimiroviciu`<mailto:mihaela.velimiroviciu@softvisioninc.eu> +variable-external-reference-01 support/color-green-ref Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS. http://www.w3.org/TR/css-variables-1/#using-variables e1cb9adcf7f262364ebec3c2491b07c6c756f91f `Mihaela Velimiroviciu`<mailto:mihaela.velimiroviciu@softvisioninc.eu> +variable-external-supports-01 support/color-green-ref Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file. http://www.w3.org/TR/css-variables-1/#using-variables 4a4be82f521b45c6bd4e240ecefcc623e603e249 `Mihaela Velimiroviciu`<mailto:mihaela.velimiroviciu@softvisioninc.eu> +variable-font-face-01 reference/variable-font-face-01-ref Test the invalid declaration and use of a variable in an @font-face rule. ahem http://www.w3.org/TR/css-variables-1/#defining-variables aa02741631a4e3c9e61b631452f6bcb375dd53e4 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-font-face-02 reference/variable-font-face-02-ref Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element. ahem http://www.w3.org/TR/css-variables-1/#defining-variables 0092032263c837c21790672575f64faffa052337 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-01 support/color-green-ref Test the use of a variable in a non-custom property where the variable value is inherited. http://www.w3.org/TR/css-variables-1/#using-variables 62cc62e31297c7d0cab490882cf143156eac766d `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-02 support/color-green-ref Test the use of a variable in a non-custom property where the value is invalid at computed-value time due to referencing a non-existent variable. http://www.w3.org/TR/css-variables-1/#invalid-variables 36a8e6041ed4c93b4e50ba8b88f72a6cee7b5d04 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-03 support/color-green-ref Test the use of two variables in a non-custom property where the variable values are inherited and one of the variable values consists only of white space. http://www.w3.org/TR/css-variables-1/#using-variables 6664ae6697e79d276fe5ac5696b4665ed481df15 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-04 support/color-green-ref Test the use of two variables in a non-custom property where one variable is inherited and the other references a non-existing variable with fallback that consists only of white space. http://www.w3.org/TR/css-variables-1/#using-variables be921c7c680d6fd825867aae179172c03fb82545 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-05 support/color-green-ref Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference. http://www.w3.org/TR/css-variables-1/#using-variables 848218269da2d46f72cebefe4c50eca0eaab87d0 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-06 support/color-green-ref Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens. http://www.w3.org/TR/css-variables-1/#using-variables f1556ca7762c0d0370936043fe39d463732532fc `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-07 support/color-green-ref Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token. http://www.w3.org/TR/css-variables-1/#using-variables 5b8f7f883c8a7bd977757452726592de5b0818a9 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-08 support/color-green-ref Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token. http://www.w3.org/TR/css-variables-1/#using-variables a46e4d511224dc015f26da6b7451523fd11c34be `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-09 support/color-green-ref Test declaring a non-custom property with a variable reference that has a non-top level ';' token. http://www.w3.org/TR/css-variables-1/#using-variables dba2152b39aa0286e724611e549207d8653b79b8 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-10 support/color-green-ref Test declaring a non-custom property with a variable reference that has a non-top level '!' token. http://www.w3.org/TR/css-variables-1/#using-variables 09a6987882653d675698ee0b3b99bd4ed43d45be `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-11 support/color-green-ref Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment. http://www.w3.org/TR/css-variables-1/#using-variables 86207ce548b6c8d6c0b7f18b0ee1bd5f4a7a0db9 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-12 reference/variable-reference-12-ref Test the use of variable references in the 'content' property. http://www.w3.org/TR/css-variables-1/#using-variables e8a100aacdd9cfc552e0607c39448fed0ddc4503 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-13 support/color-green-ref Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block. http://www.w3.org/TR/css-variables-1/#defining-variables 88ff27f9562bb9d8516633b5a9d696cf9156db96 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-14 support/color-green-ref Test that important variable declarations cascade correctly. http://www.w3.org/TR/css-variables-1/#defining-variables 9f99d48a6fa972a3686edeac12149f3446eece22 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-15 support/color-green-ref Test declaring a non-custom property with two variable references with no intervening white space. http://www.w3.org/TR/css-variables-1/#using-variables f3e2d58e20451e67b6e9fe816150c20255558b1c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-16 support/color-green-ref Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks. http://www.w3.org/TR/css-variables-1/#using-variables 1ad493bfa044ae115cbb81b76bee51f73c326335 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-17 support/color-green-ref Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token. http://www.w3.org/TR/css-variables-1/#using-variables e86afc59154b116eb1eaef82e46d4bed0aaaa6fd `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-18 support/color-green-ref Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets. http://www.w3.org/TR/css-variables-1/#using-variables 8c2ff8baed432309ea5838db047cb3e45b89f3f5 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-19 support/color-green-ref Test declaring a non-custom property that contains a variable reference and a non-top level ';' token. http://www.w3.org/TR/css-variables-1/#using-variables 1f3c29d0649f091ec07ce4e39d24dfc073d3cb78 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-20 support/color-green-ref Test declaring a non-custom property that contains a variable reference whose function token is in uppercase. http://www.w3.org/TR/css-variables-1/#using-variables 100b52db4b848866bdf9d8f52d6a84ffc41b899f `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-21 support/color-green-ref Test declaring a non-custom property that contains a reference to a variable whose name must be escaped. http://www.w3.org/TR/css-variables-1/#using-variables 91fb4d6b73ab9f54e58c97d86e94ff304e477651 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-22 support/color-green-ref Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared and referenced using a lone surrogate. http://www.w3.org/TR/css-variables-1/#using-variables 5d32b4389c083b708d588ffe7cf37fef11f6e50b `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-23 support/color-green-ref Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using a lone surrogate. http://www.w3.org/TR/css-variables-1/#using-variables 7f97906dc1c58c80744485e8a564cd16d55b2d88 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-24 support/color-green-ref Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using an out-of-range Unicode character escape. http://www.w3.org/TR/css-variables-1/#using-variables 8aa223edd92a020ed4ac4e6a316c9c73c870edbc `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-25 support/color-green-ref Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF. http://www.w3.org/TR/css-variables-1/#using-variables c66a290d6a6d5483e7b30da8ccef78ddfec392e9 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-26 support/color-green-ref Test declaring a non-custom property that contains a variable reference with white space before its comma and fallback consisting only of white space and which is implicitly closed due to EOF. http://www.w3.org/TR/css-variables-1/#using-variables 0182bf8534d8b747f2123e3f5db0d5955e09d394 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-27 support/color-green-ref Test declaring a non-custom property that contains a variable reference with fallback consisting only of white space and which is implicitly closed due to EOF. http://www.w3.org/TR/css-variables-1/#using-variables 90ec0453c4944093b213c575225949637db9df3f `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-28 support/color-green-ref Test declaring a non-custom property that contains a variable reference whose fallback is a variable reference, both of which are implicitly closed due to EOF. http://www.w3.org/TR/css-variables-1/#using-variables 70bc943cb40be6703a994b321e5332904f59209f `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-29 support/color-green-ref Test declaring a non-custom property that contains a variable reference with no fallback, and whose variable name is followed by a comment, and where the comment and the variable reference are implicitly closed due to EOF. http://www.w3.org/TR/css-variables-1/#using-variables 5380ef3551d40fe39fb889dd323cc7cc0cd8a896 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-30 support/color-green-ref Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities. http://www.w3.org/TR/css-variables-1/#using-variables 2574315d67bddce34160d2929cd82f3b2e2f7cd3 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-31 support/color-green-ref Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix. http://www.w3.org/TR/css-variables-1/#using-variables 63d8546c1967856b0b0b3ade91dfd5ddf6ca70c3 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-32 support/color-green-ref Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string. http://www.w3.org/TR/css-variables-1/#using-variables 24450a312ffe4fde8a3d27d61772b1fd609df89a `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-33 support/color-green-ref Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF. http://www.w3.org/TR/css-variables-1/#using-variables 4f953cc438b2681a75b5440d10aea4f351a60e4e `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-34 support/color-green-ref Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL. http://www.w3.org/TR/css-variables-1/#using-variables c2fa5841a6ac7868db483818f23c6fc0cc5a8f1f `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-35 support/color-green-ref Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF. http://www.w3.org/TR/css-variables-1/#using-variables 3bed29528ed99a863e596d7c09bee6296921ae03 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-36 reference/variable-reference-36-ref Test declaring a non-custom shorthand property containing a variable reference. http://www.w3.org/TR/css-variables-1/#variables-in-shorthands 3b838d0ae59489a854cf00018761973db4089355 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-37 reference/variable-reference-37-ref Test declaring a non-custom shorthand property containing a variable reference, with a subsequent property in the declaration block that overrides one of the shorthand's components. http://www.w3.org/TR/css-variables-1/#variables-in-shorthands 9d4813fc0163f114496fcfa2a9254949889ae8cc `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-38 reference/variable-declaration-59-ref Test using variables in overlapping shorthands. http://www.w3.org/TR/css-variables-1/#variables-in-shorthands b88da6eb36f31a5f4845cfee72db0833cac81e1f `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-reference-39 support/color-green-ref Test declaring a variable that references itself but uses fallback. http://www.w3.org/TR/css-variables-1/#cycles 87d4f5a8474c7d505a5cedf330b69adbe72425e5 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-01 support/color-green-ref Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens. http://www.w3.org/TR/css-variables-1/#using-variables aea47c3174023e5424aa8e183ae5915ea18d4ebc `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-02 support/color-green-ref Test a passing non-custom property declaration in an @supports rule where the property value contains a white space token followed by a variable reference. http://www.w3.org/TR/css-variables-1/#using-variables 69456e5880107a4d5d00ef0d6ccc9475abb77331 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-03 support/color-green-ref Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens. http://www.w3.org/TR/css-variables-1/#using-variables c52eb1e427e47a9631766a578d14031f33f14a6e `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-04 support/color-green-ref Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens and with white space surrounding the variable name. http://www.w3.org/TR/css-variables-1/#using-variables d8c3576bee5a953250230603bd29b74cce92574e `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-05 support/color-green-ref Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens. http://www.w3.org/TR/css-variables-1/#using-variables cd90fe208ae743d9fd8c0b61a1108a64da38b470 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-06 support/color-green-ref Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference with fallback that is only white space. http://www.w3.org/TR/css-variables-1/#using-variables ffc71b62f772f9c47e5d0685b20da369bba80d28 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-07 support/color-green-ref Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens, just a comment. http://www.w3.org/TR/css-variables-1/#using-variables 1e092b1bccc69b6f9ae5015bd448716d5322a795 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-08 support/color-green-ref Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier. http://www.w3.org/TR/css-variables-1/#using-variables 70517bed0cb26358a5edd57b3e1ebe0e3e7fe740 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-09 support/color-green-ref Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a '!' token at the top level of its fallback. http://www.w3.org/TR/css-variables-1/#using-variables 4c0c20d3323e04b64e4dda51bebc32e5928b13db `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-10 support/color-green-ref Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having "!important" at the top level of its fallback. http://www.w3.org/TR/css-variables-1/#using-variables bda3d137c8f662d84a0edc53b136cc125bb3698c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-11 support/color-green-ref Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value. http://www.w3.org/TR/css-variables-1/#using-variables 71c1f6c618bdbf141f715eab9fe5a70f0c60235f `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-12 support/color-green-ref Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value. http://www.w3.org/TR/css-variables-1/#using-variables 2d55b2283a15d5b6302f36367a78e44ff896cb1c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-13 support/color-green-ref Test a passing 'color' property declaration in an @supports rule with a range of different tokens and a variable reference not at the top level. http://www.w3.org/TR/css-variables-1/#using-variables 4dc510420272d9b2001a320098f20aea5c809c93 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-14 support/color-green-ref Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority. http://www.w3.org/TR/css-variables-1/#using-variables 7e9d1bb98795e2d94665a85b5618b877c29119cb `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-15 support/color-green-ref Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space. http://www.w3.org/TR/css-variables-1/#using-variables 3474d1e97af8c4de5dad712a5e63875484c44ea3 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-16 support/color-green-ref Test a passing non-custom property declaration in an @supports rule with a variable reference that has a number of levels of variable reference fallbacks. http://www.w3.org/TR/css-variables-1/#using-variables 716d222212d4ed97dcc72130bed21a37632bd667 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-17 support/color-green-ref Test a failing non-custom property declaration in an @supports rule with two "!important" priorities. http://www.w3.org/TR/css-variables-1/#using-variables a7a9fed2b929244c519ffb2b2be39ba993590a1d `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-18 support/color-green-ref Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token. http://www.w3.org/TR/css-variables-1/#using-variables 8a419fc9b1f009f524cc78c8e5e4dd5b5f5cc4f5 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-19 support/color-green-ref Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token. http://www.w3.org/TR/css-variables-1/#using-variables 6d7a945581dbc6111ed6d8c9b2b7e266c0a9b425 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-20 support/color-green-ref Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets. http://www.w3.org/TR/css-variables-1/#using-variables 67a4d4ba336a07282e2b85d5f8b316d01209e8c7 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-21 support/color-green-ref Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a ';' token at the top level of its fallback. http://www.w3.org/TR/css-variables-1/#using-variables 3a4b1c9c05026553661729e194d5c5aa44034052 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-22 support/color-green-ref Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token. http://www.w3.org/TR/css-variables-1/#using-variables 5d20b8a2e2a1882d0d186db546e3f830d54055e6 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-23 support/color-green-ref Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token. http://www.w3.org/TR/css-variables-1/#using-variables a3329510534c16fb26d8c7a565113656a62c7009 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-24 support/color-green-ref Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a non-top level ';' token in its fallback. http://www.w3.org/TR/css-variables-1/#using-variables f0d6418a4fc570ed3a874a57368cb95e1b3e4271 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-25 support/color-green-ref Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase. http://www.w3.org/TR/css-variables-1/#using-variables 4d5e1e945933c6a25b27d4e7c08f7817fef0dba4 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-26 support/color-green-ref Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a digit after the "--" variable name prefix. http://www.w3.org/TR/css-variables-1/#using-variables 15e799c510f8314e1124c01b4adb1a290b668399 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-27 support/color-green-ref Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a variable name beginning with an escaped digit. http://www.w3.org/TR/css-variables-1/#using-variables 2acb7d56c34078f574f26132b3a8ca027fc0b80d `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-28 support/color-green-ref Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an escaped lone surrogate. http://www.w3.org/TR/css-variables-1/#using-variables 2b99ba1ba721bd71ccb19cc57a3c897e8fc1c7e6 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-29 support/color-green-ref Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an out-of-range Unicode character escape. http://www.w3.org/TR/css-variables-1/#using-variables 4d60f921915a45b5566f2f2ad75dfb76749d80de `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-30 support/color-green-ref Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a dimension token as the variable name. http://www.w3.org/TR/css-variables-1/#using-variables 6b966cc8ed942ff7885eb4ae675a7479a462b487 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-31 support/color-green-ref Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma. http://www.w3.org/TR/css-variables-1/#using-variables c13683492635502f3658beb8da6539ba4730d87d `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-32 support/color-green-ref Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference. http://www.w3.org/TR/css-variables-1/#using-variables 5f0a26f4c6aac2ef7edcf0d885856dac43746c6c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-33 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference. http://www.w3.org/TR/css-variables-1/#syntax f2de2f042faac5489d9efd90ce38aca526a6a480 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-34 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference. http://www.w3.org/TR/css-variables-1/#syntax addf10fd3ed90805fb4ceadc5f5d09d18c2faa84 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-35 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space. http://www.w3.org/TR/css-variables-1/#syntax 6d068b2639dd08c10be9f120888954f4c6570227 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-36 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space with the variable name also surrounded by white space. http://www.w3.org/TR/css-variables-1/#syntax 7c63f6948e30839212128eded30e02e41d0b780d `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-37 support/color-green-ref Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens. http://www.w3.org/TR/css-variables-1/#syntax 52dfdd6c50d5b5dc7f01e7a5bce912cd5cb28ca3 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-38 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space. http://www.w3.org/TR/css-variables-1/#syntax 6c0345798baad3b0d2cbf2391cda9decc500e722 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-39 support/color-green-ref Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment. http://www.w3.org/TR/css-variables-1/#syntax 6a9051493ed86ee3c6c9cd241643990dc1f5476c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-40 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting of a comment and an identifier. http://www.w3.org/TR/css-variables-1/#syntax 3e68a0da60ba0cd9abb7630dcb6f6fa9e514bc5c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-41 support/color-green-ref Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token. http://www.w3.org/TR/css-variables-1/#syntax 8a05353ec09bbae47d97c0f84221acd2efc9293e `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-42 support/color-green-ref Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important". http://www.w3.org/TR/css-variables-1/#syntax 770b12eedb7f78a1a3465299d2737c3f2aaf1623 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-43 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference. http://www.w3.org/TR/css-variables-1/#syntax eeaa8a49695dcfa9c5ec461a3524e12727050d4e `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-44 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension. http://www.w3.org/TR/css-variables-1/#syntax 62303425549c6097a322bf6ab1b786684febe661 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-45 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference. http://www.w3.org/TR/css-variables-1/#syntax 47150e92480c35c1e2f985593d00c4d8b8a110a9 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-46 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority. http://www.w3.org/TR/css-variables-1/#syntax e1bbfa10cd200a3d5e556c4b4b8521cbe5940c2c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-47 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space. http://www.w3.org/TR/css-variables-1/#syntax 58da282b3f794665e5c34b7cc371f6089ddffeae `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-48 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference with a number of levels of variable reference fallbacks. http://www.w3.org/TR/css-variables-1/#syntax 2d4ac647596305e4c0aaba00bb524372e6bed4e4 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-49 support/color-green-ref Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities. http://www.w3.org/TR/css-variables-1/#syntax e1bbb7cc25606d7171ac564b44dc63ff6cf77dd6 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-50 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token. http://www.w3.org/TR/css-variables-1/#syntax 83e85801f95aee06c3a3f55e7bdd0ddeafcaf985 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-51 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token. http://www.w3.org/TR/css-variables-1/#syntax b2e48bace1e3c026b4814ee0892af96edb9420ad `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-52 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets. http://www.w3.org/TR/css-variables-1/#syntax 52ef3f9e9dd9117abb578fcaea563a67fc0666cc `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-53 support/color-green-ref Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback. http://www.w3.org/TR/css-variables-1/#syntax 82eb5b87946073754f43816cf5721e889a016946 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-54 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token. http://www.w3.org/TR/css-variables-1/#syntax 007a8d2472b25f63f05f0a7e636b9dd0f47d0964 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-55 support/color-green-ref Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback. http://www.w3.org/TR/css-variables-1/#syntax 9a0f81ef0f2070231f4cf822b4efd9613cf9ded8 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-56 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains only a white space token. http://www.w3.org/TR/css-variables-1/#syntax e50b33fa6254d6722c6b8764f50a0a6eaad021ab `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-57 support/color-green-ref Test a failing custom property declaration in an @supports rule whose value contains no tokens. http://www.w3.org/TR/css-variables-1/#syntax 9d621b28d59e667b72d21ee48956d66b6ddf1cc9 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-58 support/color-green-ref Test a passing property declaration in an @supports rule with property name "--". http://www.w3.org/TR/css-variables-1/#defining-variables 2b9849fb1389bcb83af3749484f27146822f6462 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-59 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself. http://www.w3.org/TR/css-variables-1/#cycles 03bd861e4042d3de799a020c0824e3cd7e678a4f `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-60 support/color-green-ref Test a passing custom property declaration in an @supports rule for a variable whose name is a digit. http://www.w3.org/TR/css-variables-1/#defining-variables a43821ee18c29aeeaa86f1d481037702f0c57c04 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-61 support/color-green-ref Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape. http://www.w3.org/TR/css-variables-1/#defining-variables 19434e73b3c2105b254c04246f24e5e9f6354656 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-62 support/color-green-ref Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an escaped lone surrogate. http://www.w3.org/TR/css-variables-1/#defining-variables 2b049c86554770dea27ca871c4fa900e783cee63 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-63 support/color-green-ref Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an out-of-range Unicode character escape. http://www.w3.org/TR/css-variables-1/#defining-variables d95b6ea40fcc139615e1c56a28600c72723105e5 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-64 support/color-green-ref Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name. http://www.w3.org/TR/css-variables-1/#using-variables 5b082eff25a3e6e276661e7f7024b3fe69b27a62 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-65 support/color-green-ref Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma. http://www.w3.org/TR/css-variables-1/#syntax 6ce69d92a521555242c7521b9b90decd43edbc8c `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-66 support/color-green-ref Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-". http://www.w3.org/TR/css-variables-1/#defining-variables 2ca28cc9c29d2083fe0b3ed3a4cb764d41a44ed0 `Cameron McCormack`<mailto:cam@mcc.id.au> +variable-supports-67 support/color-green-ref Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse. http://www.w3.org/TR/css-variables-1/#defining-variables d9318198dd393ada88c2c242984cb90ebafa41ee `Cameron McCormack`<mailto:cam@mcc.id.au> diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-1.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-1.xht new file mode 100644 index 00000000000..63ce0d4fd28 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-1.xht @@ -0,0 +1,39 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Introduction - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Introduction (0 tests)</h2> + <table width="100%"> + <col id="test-column"></col> + <col id="refs-column"></col> + <col id="flags-column"></col> + <col id="info-column"></col> + <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/css-variables-1/#intro">1 Introduction</a></th></tr> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-2.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-2.xht new file mode 100644 index 00000000000..ce4bed17dc5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-2.xht @@ -0,0 +1,837 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Defining Custom Properties: the '--*' family of properties - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Defining Custom Properties: the '--*' family of properties (96 tests)</h2> + <table width="100%"> + <col id="test-column"></col> + <col id="refs-column"></col> + <col id="flags-column"></col> + <col id="info-column"></col> + <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/css-variables-1/#defining-variables">2 Defining Custom Properties: the '--*' family of properties</a></th></tr> + <!-- 35 tests --> + <tr id="test_variable_legal_values-2" class="primary script"> + <td><strong> + <a href="test_variable_legal_values.xht">test_variable_legal_values</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>The <value> type used in the syntax above is defined as anything matching the "value" production in CSS 2.1 Chapter 4.1 [CSS21].</li> + </ul> + </td> + </tr> + <tr id="variable-declaration-06-2" class="primary"> + <td><strong> + <a href="variable-declaration-06.xht">variable-declaration-06</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test overriding an existing variable declaration. + </td> + </tr> + <tr id="variable-declaration-29-2" class="primary"> + <td><strong> + <a href="variable-declaration-29.xht">variable-declaration-29</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with a valid custom property name "--". + </td> + </tr> + <tr id="variable-declaration-31-2" class="primary"> + <td><strong> + <a href="variable-declaration-31.xht">variable-declaration-31</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with a digit. + </td> + </tr> + <tr id="variable-declaration-32-2" class="primary"> + <td><strong> + <a href="variable-declaration-32.xht">variable-declaration-32</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with an escaped digit. + </td> + </tr> + <tr id="variable-declaration-33-2" class="primary"> + <td><strong> + <a href="variable-declaration-33.xht">variable-declaration-33</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with an escaped letter. + </td> + </tr> + <tr id="variable-declaration-34-2" class="primary"> + <td><strong> + <a href="variable-declaration-34.xht">variable-declaration-34</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with a lone surrogate. + </td> + </tr> + <tr id="variable-declaration-35-2" class="primary"> + <td><strong> + <a href="variable-declaration-35.xht">variable-declaration-35</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with U+FFFD. + </td> + </tr> + <tr id="variable-declaration-36-2" class="primary"> + <td><strong> + <a href="variable-declaration-36.xht">variable-declaration-36</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with an out-of-range Unicode character escape. + </td> + </tr> + <tr id="variable-declaration-38-2" class="primary"> + <td><strong> + <a href="variable-declaration-38.xht">variable-declaration-38</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring two variables in the same declaration block that differ only in case, with lowercase first. + </td> + </tr> + <tr id="variable-declaration-39-2" class="primary"> + <td><strong> + <a href="variable-declaration-39.xht">variable-declaration-39</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring two variables in the same declaration block that differ only in case, with uppercase first. + </td> + </tr> + <tr id="variable-declaration-40-2" class="primary"> + <td><strong> + <a href="variable-declaration-40.xht">variable-declaration-40</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with an invalid custom property name due to it beginning with "VAR-". + </td> + </tr> + <tr id="variable-declaration-41-2" class="primary"> + <td><strong> + <a href="variable-declaration-41.xht">variable-declaration-41</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped. + </td> + </tr> + <tr id="variable-declaration-42-2" class="primary"> + <td><strong> + <a href="variable-declaration-42.xht">variable-declaration-42</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character. + </td> + </tr> + <tr id="variable-declaration-43-2" class="primary"> + <td><strong> + <a href="variable-declaration-43.xht">variable-declaration-43</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "initial". + </td> + </tr> + <tr id="variable-declaration-44-2" class="primary"> + <td><strong> + <a href="variable-declaration-44.xht">variable-declaration-44</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "inherit" where there is no variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-45-2" class="primary"> + <td><strong> + <a href="variable-declaration-45.xht">variable-declaration-45</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "inherit" where there is a variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-46-2" class="primary"> + <td><strong> + <a href="variable-declaration-46.xht">variable-declaration-46</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "initial" where there is a variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-47-2" class="primary"> + <td><strong> + <a href="variable-declaration-47.xht">variable-declaration-47</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value consists of a reference to a variable whose value is "inherit". + </td> + </tr> + <tr id="variable-declaration-56-2" class="primary"> + <td><strong> + <a href="variable-declaration-56.xht">variable-declaration-56</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "unset" where there is no variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-57-2" class="primary"> + <td><strong> + <a href="variable-declaration-57.xht">variable-declaration-57</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "unset" where there is a variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-58-2" class="primary"> + <td><strong> + <a href="variable-declaration-58.xht">variable-declaration-58</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value consists of a reference to a variable whose value is "unset". + </td> + </tr> + <tr id="variable-declaration-59-2" class="primary"> + <td><strong> + <a href="variable-declaration-59.xht">variable-declaration-59</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with a trailing invalid token. + </td> + </tr> + <tr id="variable-external-font-face-01-2" class="primary ahem"> + <td><strong> + <a href="variable-external-font-face-01.xht">variable-external-font-face-01</a></strong></td> + <td><a href="reference/variable-font-face-01-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test the invalid declaration and use of a variable in an @font-face rule within an external CSS. + </td> + </tr> + <tr id="variable-font-face-01-2" class="primary ahem"> + <td><strong> + <a href="variable-font-face-01.xht">variable-font-face-01</a></strong></td> + <td><a href="reference/variable-font-face-01-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test the invalid declaration and use of a variable in an @font-face rule. + </td> + </tr> + <tr id="variable-font-face-02-2" class="primary ahem"> + <td><strong> + <a href="variable-font-face-02.xht">variable-font-face-02</a></strong></td> + <td><a href="reference/variable-font-face-02-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element. + </td> + </tr> + <tr id="variable-reference-13-2" class="primary"> + <td><strong> + <a href="variable-reference-13.xht">variable-reference-13</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block. + </td> + </tr> + <tr id="variable-reference-14-2" class="primary"> + <td><strong> + <a href="variable-reference-14.xht">variable-reference-14</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test that important variable declarations cascade correctly. + </td> + </tr> + <tr id="variable-supports-58-2" class="primary"> + <td><strong> + <a href="variable-supports-58.xht">variable-supports-58</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing property declaration in an @supports rule with property name "--". + </td> + </tr> + <tr id="variable-supports-60-2" class="primary"> + <td><strong> + <a href="variable-supports-60.xht">variable-supports-60</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule for a variable whose name is a digit. + </td> + </tr> + <tr id="variable-supports-61-2" class="primary"> + <td><strong> + <a href="variable-supports-61.xht">variable-supports-61</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape. + </td> + </tr> + <tr id="variable-supports-62-2" class="primary"> + <td><strong> + <a href="variable-supports-62.xht">variable-supports-62</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an escaped lone surrogate. + </td> + </tr> + <tr id="variable-supports-63-2" class="primary"> + <td><strong> + <a href="variable-supports-63.xht">variable-supports-63</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an out-of-range Unicode character escape. + </td> + </tr> + <tr id="variable-supports-66-2" class="primary"> + <td><strong> + <a href="variable-supports-66.xht">variable-supports-66</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-". + </td> + </tr> + <tr id="variable-supports-67-2" class="primary"> + <td><strong> + <a href="variable-supports-67.xht">variable-supports-67</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse. + </td> + </tr> + </tbody> + <tbody id="s2.#custom-property"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.#propdef---"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.#typedef-custom-property-name"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.1"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s2.1">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#syntax">2.1 Custom Property Value Syntax</a></th></tr> + <!-- 55 tests --> + <tr id="variable-declaration-01-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-01.xht">variable-declaration-01</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a single token preceded by white space. + </td> + </tr> + <tr id="variable-declaration-02-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-02.xht">variable-declaration-02</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a single token with no preceding white space. + </td> + </tr> + <tr id="variable-declaration-03-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-03.xht">variable-declaration-03</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that references another variable. + </td> + </tr> + <tr id="variable-declaration-04-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-04.xht">variable-declaration-04</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a variable reference followed by white space. + </td> + </tr> + <tr id="variable-declaration-05-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-05.xht">variable-declaration-05</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a variable reference that includes white space around the variable name. + </td> + </tr> + <tr id="variable-declaration-07-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-07.xht">variable-declaration-07</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback. + </td> + </tr> + <tr id="variable-declaration-08-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-08.xht">variable-declaration-08</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a variable reference whose fallback is white space. + </td> + </tr> + <tr id="variable-declaration-09-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-09.xht">variable-declaration-09</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback. + </td> + </tr> + <tr id="variable-declaration-10-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-10.xht">variable-declaration-10</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier. + </td> + </tr> + <tr id="variable-declaration-11-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-11.xht">variable-declaration-11</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback. + </td> + </tr> + <tr id="variable-declaration-12-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-12.xht">variable-declaration-12</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback. + </td> + </tr> + <tr id="variable-declaration-13-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-13.xht">variable-declaration-13</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback. + </td> + </tr> + <tr id="variable-declaration-14-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-14.xht">variable-declaration-14</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space. + </td> + </tr> + <tr id="variable-declaration-15-2.1" class="primary ahem"> + <td><strong> + <a href="variable-declaration-15.xht">variable-declaration-15</a></strong></td> + <td><a href="reference/variable-declaration-15-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test declaring a variable that consists of a comma-separated font family list. + </td> + </tr> + <tr id="variable-declaration-16-2.1" class="primary ahem"> + <td><strong> + <a href="variable-declaration-16.xht">variable-declaration-16</a></strong></td> + <td><a href="reference/variable-declaration-16-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference. + </td> + </tr> + <tr id="variable-declaration-17-2.1" class="primary ahem"> + <td><strong> + <a href="variable-declaration-17.xht">variable-declaration-17</a></strong></td> + <td><a href="reference/variable-declaration-17-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference. + </td> + </tr> + <tr id="variable-declaration-18-2.1" class="primary ahem"> + <td><strong> + <a href="variable-declaration-18.xht">variable-declaration-18</a></strong></td> + <td><a href="reference/variable-declaration-18-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference. + </td> + </tr> + <tr id="variable-declaration-19-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-19.xht">variable-declaration-19</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a function where one of the arguments is a variable reference. + </td> + </tr> + <tr id="variable-declaration-20-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-20.xht">variable-declaration-20</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with "!important". + </td> + </tr> + <tr id="variable-declaration-21-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-21.xht">variable-declaration-21</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references. + </td> + </tr> + <tr id="variable-declaration-22-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-22.xht">variable-declaration-22</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks. + </td> + </tr> + <tr id="variable-declaration-23-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-23.xht">variable-declaration-23</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to having two "!important" priorities. + </td> + </tr> + <tr id="variable-declaration-24-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-24.xht">variable-declaration-24</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that contains a CDO token. + </td> + </tr> + <tr id="variable-declaration-25-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-25.xht">variable-declaration-25</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that contains a CDC token. + </td> + </tr> + <tr id="variable-declaration-26-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-26.xht">variable-declaration-26</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that contains only a white space token. + </td> + </tr> + <tr id="variable-declaration-28-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-28.xht">variable-declaration-28</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to having no tokens. + </td> + </tr> + <tr id="variable-declaration-37-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-37.xht">variable-declaration-37</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback. + </td> + </tr> + <tr id="variable-declaration-60-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-60.xht">variable-declaration-60</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's. + </td> + </tr> + <tr id="variable-external-declaration-01-2.1" class="primary"> + <td><strong> + <a href="variable-external-declaration-01.xht">variable-external-declaration-01</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable in an external CSS file. + </td> + </tr> + <tr id="variable-supports-33-2.1" class="primary"> + <td><strong> + <a href="variable-supports-33.xht">variable-supports-33</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference. + </td> + </tr> + <tr id="variable-supports-34-2.1" class="primary"> + <td><strong> + <a href="variable-supports-34.xht">variable-supports-34</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference. + </td> + </tr> + <tr id="variable-supports-35-2.1" class="primary"> + <td><strong> + <a href="variable-supports-35.xht">variable-supports-35</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space. + </td> + </tr> + <tr id="variable-supports-36-2.1" class="primary"> + <td><strong> + <a href="variable-supports-36.xht">variable-supports-36</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space with the variable name also surrounded by white space. + </td> + </tr> + <tr id="variable-supports-37-2.1" class="primary"> + <td><strong> + <a href="variable-supports-37.xht">variable-supports-37</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens. + </td> + </tr> + <tr id="variable-supports-38-2.1" class="primary"> + <td><strong> + <a href="variable-supports-38.xht">variable-supports-38</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space. + </td> + </tr> + <tr id="variable-supports-39-2.1" class="primary"> + <td><strong> + <a href="variable-supports-39.xht">variable-supports-39</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment. + </td> + </tr> + <tr id="variable-supports-40-2.1" class="primary"> + <td><strong> + <a href="variable-supports-40.xht">variable-supports-40</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting of a comment and an identifier. + </td> + </tr> + <tr id="variable-supports-41-2.1" class="primary"> + <td><strong> + <a href="variable-supports-41.xht">variable-supports-41</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token. + </td> + </tr> + <tr id="variable-supports-42-2.1" class="primary"> + <td><strong> + <a href="variable-supports-42.xht">variable-supports-42</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important". + </td> + </tr> + <tr id="variable-supports-43-2.1" class="primary"> + <td><strong> + <a href="variable-supports-43.xht">variable-supports-43</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference. + </td> + </tr> + <tr id="variable-supports-44-2.1" class="primary"> + <td><strong> + <a href="variable-supports-44.xht">variable-supports-44</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension. + </td> + </tr> + <tr id="variable-supports-45-2.1" class="primary"> + <td><strong> + <a href="variable-supports-45.xht">variable-supports-45</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference. + </td> + </tr> + <tr id="variable-supports-46-2.1" class="primary"> + <td><strong> + <a href="variable-supports-46.xht">variable-supports-46</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority. + </td> + </tr> + <tr id="variable-supports-47-2.1" class="primary"> + <td><strong> + <a href="variable-supports-47.xht">variable-supports-47</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space. + </td> + </tr> + <tr id="variable-supports-48-2.1" class="primary"> + <td><strong> + <a href="variable-supports-48.xht">variable-supports-48</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference with a number of levels of variable reference fallbacks. + </td> + </tr> + <tr id="variable-supports-49-2.1" class="primary"> + <td><strong> + <a href="variable-supports-49.xht">variable-supports-49</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities. + </td> + </tr> + <tr id="variable-supports-50-2.1" class="primary"> + <td><strong> + <a href="variable-supports-50.xht">variable-supports-50</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token. + </td> + </tr> + <tr id="variable-supports-51-2.1" class="primary"> + <td><strong> + <a href="variable-supports-51.xht">variable-supports-51</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token. + </td> + </tr> + <tr id="variable-supports-52-2.1" class="primary"> + <td><strong> + <a href="variable-supports-52.xht">variable-supports-52</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets. + </td> + </tr> + <tr id="variable-supports-53-2.1" class="primary"> + <td><strong> + <a href="variable-supports-53.xht">variable-supports-53</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback. + </td> + </tr> + <tr id="variable-supports-54-2.1" class="primary"> + <td><strong> + <a href="variable-supports-54.xht">variable-supports-54</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token. + </td> + </tr> + <tr id="variable-supports-55-2.1" class="primary"> + <td><strong> + <a href="variable-supports-55.xht">variable-supports-55</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback. + </td> + </tr> + <tr id="variable-supports-56-2.1" class="primary"> + <td><strong> + <a href="variable-supports-56.xht">variable-supports-56</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains only a white space token. + </td> + </tr> + <tr id="variable-supports-57-2.1" class="primary"> + <td><strong> + <a href="variable-supports-57.xht">variable-supports-57</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains no tokens. + </td> + </tr> + <tr id="variable-supports-65-2.1" class="primary"> + <td><strong> + <a href="variable-supports-65.xht">variable-supports-65</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma. + </td> + </tr> + </tbody> + <tbody id="s2.1.#animation-tainted"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.1.#typedef-any-value"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.2"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s2.2">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#cycles">2.2 Resolving Dependency Cycles</a></th></tr> + <!-- 6 tests --> + <tr id="variable-declaration-30-2.2" class="primary"> + <td><strong> + <a href="variable-declaration-30.xht">variable-declaration-30</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that contains a variable reference to itself. + </td> + </tr> + <tr id="variable-declaration-48-2.2" class="primary"> + <td><strong> + <a href="variable-declaration-48.xht">variable-declaration-48</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a number of variables in a cycle. + </td> + </tr> + <tr id="variable-declaration-49-2.2" class="primary"> + <td><strong> + <a href="variable-declaration-49.xht">variable-declaration-49</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle. + </td> + </tr> + <tr id="variable-declaration-50-2.2" class="primary"> + <td><strong> + <a href="variable-declaration-50.xht">variable-declaration-50</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a number of variables in a chain, where the final element of the chain uses its fallback. + </td> + </tr> + <tr id="variable-reference-39-2.2" class="primary"> + <td><strong> + <a href="variable-reference-39.xht">variable-reference-39</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that references itself but uses fallback. + </td> + </tr> + <tr id="variable-supports-59-2.2" class="primary"> + <td><strong> + <a href="variable-supports-59.xht">variable-supports-59</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself. + </td> + </tr> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-3.xht new file mode 100644 index 00000000000..482b930dfa6 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-3.xht @@ -0,0 +1,693 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Using Cascading Variables: the var() notation - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Using Cascading Variables: the var() notation (78 tests)</h2> + <table width="100%"> + <col id="test-column"></col> + <col id="refs-column"></col> + <col id="flags-column"></col> + <col id="info-column"></col> + <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/css-variables-1/#using-variables">3 Using Cascading Variables: the var() notation</a></th></tr> + <!-- 73 tests --> + <tr id="css-vars-custom-property-case-sensitive-001-3" class="primary"> + <td><strong> + <a href="css-vars-custom-property-case-sensitive-001.xht">css-vars-custom-property-case-sensitive-001</a></strong></td> + <td><a href="reference/css-vars-custom-property-case-sensitive-ref.xht">=</a> </td> + <td></td> + <td>custom property names start with "var-" in lower case + <ul class="assert"> + <li>Custom property names start with var- which must be lower case</li> + </ul> + </td> + </tr> + <tr id="css-vars-custom-property-inheritance-3" class="primary"> + <td><strong> + <a href="css-vars-custom-property-inheritance.xht">css-vars-custom-property-inheritance</a></strong></td> + <td><a href="reference/css-vars-custom-property-inheritance-ref.xht">=</a> </td> + <td></td> + <td>custom properties use normal inheritance and cascade rules + <ul class="assert"> + <li>custom properties are resolved with the normal inheritance and cascade rules</li> + </ul> + </td> + </tr> + <tr id="variable-declaration-52-3" class="primary"> + <td><strong> + <a href="variable-declaration-52.xht">variable-declaration-52</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback. + </td> + </tr> + <tr id="variable-declaration-53-3" class="primary"> + <td><strong> + <a href="variable-declaration-53.xht">variable-declaration-53</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of two variable references without fallback and with no intervening white space. + </td> + </tr> + <tr id="variable-declaration-54-3" class="primary"> + <td><strong> + <a href="variable-declaration-54.xht">variable-declaration-54</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space. + </td> + </tr> + <tr id="variable-declaration-55-3" class="primary"> + <td><strong> + <a href="variable-declaration-55.xht">variable-declaration-55</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space. + </td> + </tr> + <tr id="variable-external-reference-01-3" class="primary"> + <td><strong> + <a href="variable-external-reference-01.xht">variable-external-reference-01</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS. + </td> + </tr> + <tr id="variable-external-supports-01-3" class="primary"> + <td><strong> + <a href="variable-external-supports-01.xht">variable-external-supports-01</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file. + </td> + </tr> + <tr id="variable-reference-01-3" class="primary"> + <td><strong> + <a href="variable-reference-01.xht">variable-reference-01</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test the use of a variable in a non-custom property where the variable value is inherited. + </td> + </tr> + <tr id="variable-reference-03-3" class="primary"> + <td><strong> + <a href="variable-reference-03.xht">variable-reference-03</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test the use of two variables in a non-custom property where the variable values are inherited and one of the variable values consists only of white space. + </td> + </tr> + <tr id="variable-reference-04-3" class="primary"> + <td><strong> + <a href="variable-reference-04.xht">variable-reference-04</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test the use of two variables in a non-custom property where one variable is inherited and the other references a non-existing variable with fallback that consists only of white space. + </td> + </tr> + <tr id="variable-reference-05-3" class="primary"> + <td><strong> + <a href="variable-reference-05.xht">variable-reference-05</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference. + </td> + </tr> + <tr id="variable-reference-06-3" class="primary"> + <td><strong> + <a href="variable-reference-06.xht">variable-reference-06</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens. + </td> + </tr> + <tr id="variable-reference-07-3" class="primary"> + <td><strong> + <a href="variable-reference-07.xht">variable-reference-07</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token. + </td> + </tr> + <tr id="variable-reference-08-3" class="primary"> + <td><strong> + <a href="variable-reference-08.xht">variable-reference-08</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token. + </td> + </tr> + <tr id="variable-reference-09-3" class="primary"> + <td><strong> + <a href="variable-reference-09.xht">variable-reference-09</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with a variable reference that has a non-top level ';' token. + </td> + </tr> + <tr id="variable-reference-10-3" class="primary"> + <td><strong> + <a href="variable-reference-10.xht">variable-reference-10</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with a variable reference that has a non-top level '!' token. + </td> + </tr> + <tr id="variable-reference-11-3" class="primary"> + <td><strong> + <a href="variable-reference-11.xht">variable-reference-11</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment. + </td> + </tr> + <tr id="variable-reference-12-3" class="primary"> + <td><strong> + <a href="variable-reference-12.xht">variable-reference-12</a></strong></td> + <td><a href="reference/variable-reference-12-ref.xht">=</a> </td> + <td></td> + <td>Test the use of variable references in the 'content' property. + </td> + </tr> + <tr id="variable-reference-15-3" class="primary"> + <td><strong> + <a href="variable-reference-15.xht">variable-reference-15</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with two variable references with no intervening white space. + </td> + </tr> + <tr id="variable-reference-16-3" class="primary"> + <td><strong> + <a href="variable-reference-16.xht">variable-reference-16</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks. + </td> + </tr> + <tr id="variable-reference-17-3" class="primary"> + <td><strong> + <a href="variable-reference-17.xht">variable-reference-17</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token. + </td> + </tr> + <tr id="variable-reference-18-3" class="primary"> + <td><strong> + <a href="variable-reference-18.xht">variable-reference-18</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets. + </td> + </tr> + <tr id="variable-reference-19-3" class="primary"> + <td><strong> + <a href="variable-reference-19.xht">variable-reference-19</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference and a non-top level ';' token. + </td> + </tr> + <tr id="variable-reference-20-3" class="primary"> + <td><strong> + <a href="variable-reference-20.xht">variable-reference-20</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference whose function token is in uppercase. + </td> + </tr> + <tr id="variable-reference-21-3" class="primary"> + <td><strong> + <a href="variable-reference-21.xht">variable-reference-21</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a reference to a variable whose name must be escaped. + </td> + </tr> + <tr id="variable-reference-22-3" class="primary"> + <td><strong> + <a href="variable-reference-22.xht">variable-reference-22</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared and referenced using a lone surrogate. + </td> + </tr> + <tr id="variable-reference-23-3" class="primary"> + <td><strong> + <a href="variable-reference-23.xht">variable-reference-23</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using a lone surrogate. + </td> + </tr> + <tr id="variable-reference-24-3" class="primary"> + <td><strong> + <a href="variable-reference-24.xht">variable-reference-24</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using an out-of-range Unicode character escape. + </td> + </tr> + <tr id="variable-reference-25-3" class="primary"> + <td><strong> + <a href="variable-reference-25.xht">variable-reference-25</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-26-3" class="primary"> + <td><strong> + <a href="variable-reference-26.xht">variable-reference-26</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference with white space before its comma and fallback consisting only of white space and which is implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-27-3" class="primary"> + <td><strong> + <a href="variable-reference-27.xht">variable-reference-27</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference with fallback consisting only of white space and which is implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-28-3" class="primary"> + <td><strong> + <a href="variable-reference-28.xht">variable-reference-28</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference whose fallback is a variable reference, both of which are implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-29-3" class="primary"> + <td><strong> + <a href="variable-reference-29.xht">variable-reference-29</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference with no fallback, and whose variable name is followed by a comment, and where the comment and the variable reference are implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-30-3" class="primary"> + <td><strong> + <a href="variable-reference-30.xht">variable-reference-30</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities. + </td> + </tr> + <tr id="variable-reference-31-3" class="primary"> + <td><strong> + <a href="variable-reference-31.xht">variable-reference-31</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix. + </td> + </tr> + <tr id="variable-reference-32-3" class="primary"> + <td><strong> + <a href="variable-reference-32.xht">variable-reference-32</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string. + </td> + </tr> + <tr id="variable-reference-33-3" class="primary"> + <td><strong> + <a href="variable-reference-33.xht">variable-reference-33</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF. + </td> + </tr> + <tr id="variable-reference-34-3" class="primary"> + <td><strong> + <a href="variable-reference-34.xht">variable-reference-34</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL. + </td> + </tr> + <tr id="variable-reference-35-3" class="primary"> + <td><strong> + <a href="variable-reference-35.xht">variable-reference-35</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF. + </td> + </tr> + <tr id="variable-supports-01-3" class="primary"> + <td><strong> + <a href="variable-supports-01.xht">variable-supports-01</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens. + </td> + </tr> + <tr id="variable-supports-02-3" class="primary"> + <td><strong> + <a href="variable-supports-02.xht">variable-supports-02</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a white space token followed by a variable reference. + </td> + </tr> + <tr id="variable-supports-03-3" class="primary"> + <td><strong> + <a href="variable-supports-03.xht">variable-supports-03</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens. + </td> + </tr> + <tr id="variable-supports-04-3" class="primary"> + <td><strong> + <a href="variable-supports-04.xht">variable-supports-04</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens and with white space surrounding the variable name. + </td> + </tr> + <tr id="variable-supports-05-3" class="primary"> + <td><strong> + <a href="variable-supports-05.xht">variable-supports-05</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens. + </td> + </tr> + <tr id="variable-supports-06-3" class="primary"> + <td><strong> + <a href="variable-supports-06.xht">variable-supports-06</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference with fallback that is only white space. + </td> + </tr> + <tr id="variable-supports-07-3" class="primary"> + <td><strong> + <a href="variable-supports-07.xht">variable-supports-07</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens, just a comment. + </td> + </tr> + <tr id="variable-supports-08-3" class="primary"> + <td><strong> + <a href="variable-supports-08.xht">variable-supports-08</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier. + </td> + </tr> + <tr id="variable-supports-09-3" class="primary"> + <td><strong> + <a href="variable-supports-09.xht">variable-supports-09</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a '!' token at the top level of its fallback. + </td> + </tr> + <tr id="variable-supports-10-3" class="primary"> + <td><strong> + <a href="variable-supports-10.xht">variable-supports-10</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having "!important" at the top level of its fallback. + </td> + </tr> + <tr id="variable-supports-11-3" class="primary"> + <td><strong> + <a href="variable-supports-11.xht">variable-supports-11</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value. + </td> + </tr> + <tr id="variable-supports-12-3" class="primary"> + <td><strong> + <a href="variable-supports-12.xht">variable-supports-12</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value. + </td> + </tr> + <tr id="variable-supports-13-3" class="primary"> + <td><strong> + <a href="variable-supports-13.xht">variable-supports-13</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing 'color' property declaration in an @supports rule with a range of different tokens and a variable reference not at the top level. + </td> + </tr> + <tr id="variable-supports-14-3" class="primary"> + <td><strong> + <a href="variable-supports-14.xht">variable-supports-14</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority. + </td> + </tr> + <tr id="variable-supports-15-3" class="primary"> + <td><strong> + <a href="variable-supports-15.xht">variable-supports-15</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space. + </td> + </tr> + <tr id="variable-supports-16-3" class="primary"> + <td><strong> + <a href="variable-supports-16.xht">variable-supports-16</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule with a variable reference that has a number of levels of variable reference fallbacks. + </td> + </tr> + <tr id="variable-supports-17-3" class="primary"> + <td><strong> + <a href="variable-supports-17.xht">variable-supports-17</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule with two "!important" priorities. + </td> + </tr> + <tr id="variable-supports-18-3" class="primary"> + <td><strong> + <a href="variable-supports-18.xht">variable-supports-18</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token. + </td> + </tr> + <tr id="variable-supports-19-3" class="primary"> + <td><strong> + <a href="variable-supports-19.xht">variable-supports-19</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token. + </td> + </tr> + <tr id="variable-supports-20-3" class="primary"> + <td><strong> + <a href="variable-supports-20.xht">variable-supports-20</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets. + </td> + </tr> + <tr id="variable-supports-21-3" class="primary"> + <td><strong> + <a href="variable-supports-21.xht">variable-supports-21</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a ';' token at the top level of its fallback. + </td> + </tr> + <tr id="variable-supports-22-3" class="primary"> + <td><strong> + <a href="variable-supports-22.xht">variable-supports-22</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token. + </td> + </tr> + <tr id="variable-supports-23-3" class="primary"> + <td><strong> + <a href="variable-supports-23.xht">variable-supports-23</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token. + </td> + </tr> + <tr id="variable-supports-24-3" class="primary"> + <td><strong> + <a href="variable-supports-24.xht">variable-supports-24</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a non-top level ';' token in its fallback. + </td> + </tr> + <tr id="variable-supports-25-3" class="primary"> + <td><strong> + <a href="variable-supports-25.xht">variable-supports-25</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase. + </td> + </tr> + <tr id="variable-supports-26-3" class="primary"> + <td><strong> + <a href="variable-supports-26.xht">variable-supports-26</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a digit after the "--" variable name prefix. + </td> + </tr> + <tr id="variable-supports-27-3" class="primary"> + <td><strong> + <a href="variable-supports-27.xht">variable-supports-27</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a variable name beginning with an escaped digit. + </td> + </tr> + <tr id="variable-supports-28-3" class="primary"> + <td><strong> + <a href="variable-supports-28.xht">variable-supports-28</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an escaped lone surrogate. + </td> + </tr> + <tr id="variable-supports-29-3" class="primary"> + <td><strong> + <a href="variable-supports-29.xht">variable-supports-29</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an out-of-range Unicode character escape. + </td> + </tr> + <tr id="variable-supports-30-3" class="primary"> + <td><strong> + <a href="variable-supports-30.xht">variable-supports-30</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a dimension token as the variable name. + </td> + </tr> + <tr id="variable-supports-31-3" class="primary"> + <td><strong> + <a href="variable-supports-31.xht">variable-supports-31</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma. + </td> + </tr> + <tr id="variable-supports-32-3" class="primary"> + <td><strong> + <a href="variable-supports-32.xht">variable-supports-32</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference. + </td> + </tr> + <tr id="variable-supports-64-3" class="primary"> + <td><strong> + <a href="variable-supports-64.xht">variable-supports-64</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name. + </td> + </tr> + </tbody> + <tbody id="s3.#funcdef-var"> + <!-- 0 tests --> + </tbody> + <tbody id="s3.#substitute-a-var"> + <!-- 0 tests --> + </tbody> + <tbody id="s3.1"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s3.1">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#invalid-variables">3.1 Invalid Variables</a></th></tr> + <!-- 2 tests --> + <tr id="variable-declaration-51-3.1" class="primary"> + <td><strong> + <a href="variable-declaration-51.xht">variable-declaration-51</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a reference to an invalid inherited variable. + </td> + </tr> + <tr id="variable-reference-02-3.1" class="primary"> + <td><strong> + <a href="variable-reference-02.xht">variable-reference-02</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test the use of a variable in a non-custom property where the value is invalid at computed-value time due to referencing a non-existent variable. + </td> + </tr> + </tbody> + <tbody id="s3.1.#invalid-at-computed-value-time"> + <!-- 0 tests --> + </tbody> + <tbody id="s3.2"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s3.2">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands">3.2 Variables in Shorthand Properties</a></th></tr> + <!-- 3 tests --> + <tr id="variable-reference-36-3.2" class="primary"> + <td><strong> + <a href="variable-reference-36.xht">variable-reference-36</a></strong></td> + <td><a href="reference/variable-reference-36-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom shorthand property containing a variable reference. + </td> + </tr> + <tr id="variable-reference-37-3.2" class="primary"> + <td><strong> + <a href="variable-reference-37.xht">variable-reference-37</a></strong></td> + <td><a href="reference/variable-reference-37-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom shorthand property containing a variable reference, with a subsequent property in the declaration block that overrides one of the shorthand's components. + </td> + </tr> + <tr id="variable-reference-38-3.2" class="primary"> + <td><strong> + <a href="variable-reference-38.xht">variable-reference-38</a></strong></td> + <td><a href="reference/variable-declaration-59-ref.xht">=</a> </td> + <td></td> + <td>Test using variables in overlapping shorthands. + </td> + </tr> + </tbody> + <tbody id="s3.2.#pending-substitution-value"> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-4.xht new file mode 100644 index 00000000000..c3fa103089c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-4.xht @@ -0,0 +1,45 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>APIs - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>APIs (0 tests)</h2> + <table width="100%"> + <col id="test-column"></col> + <col id="refs-column"></col> + <col id="flags-column"></col> + <col id="info-column"></col> + <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/css-variables-1/#apis">4 APIs</a></th></tr> + <!-- 0 tests --> + </tbody> + <tbody id="s4.1"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s4.1">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#serializing-custom-props">4.1 Serializing Custom Properties</a></th></tr> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-5.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-5.xht new file mode 100644 index 00000000000..ec3c3ea5e14 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-5.xht @@ -0,0 +1,39 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Changes since the June 20 2013 Last Call Working Draft - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Changes since the June 20 2013 Last Call Working Draft (0 tests)</h2> + <table width="100%"> + <col id="test-column"></col> + <col id="refs-column"></col> + <col id="flags-column"></col> + <col id="info-column"></col> + <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/css-variables-1/#changes">5 Changes since the June 20 2013 Last Call Working Draft</a></th></tr> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-6.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-6.xht new file mode 100644 index 00000000000..975d97ace3a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-6.xht @@ -0,0 +1,96 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Acknowledgments - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Acknowledgments (0 tests)</h2> + <table width="100%"> + <col id="test-column"></col> + <col id="refs-column"></col> + <col id="flags-column"></col> + <col id="info-column"></col> + <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/css-variables-1/#acks">6 Acknowledgments</a></th></tr> + <!-- 0 tests --> + </tbody> + <tbody id="s.#abstract"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#conformance"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#conformance-classes"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#contents"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#conventions"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#css-extensions"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#cssom"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#experimental"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#index"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#informative"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#normative"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#partial"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#property-index"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#references"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#rfc2119"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#status"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#subtitle"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#testing"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#title"> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/css-vars-custom-property-case-sensitive-001.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/css-vars-custom-property-case-sensitive-001.xht new file mode 100644 index 00000000000..809531004fe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/css-vars-custom-property-case-sensitive-001.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Variables Test: custom property names start with "var-" in lower case</title> + <meta charset="UTF-8" /> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins" /> + <link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> + <meta content="Custom property names start with var- which must be lower case" name="assert" /> + <link href="reference/css-vars-custom-property-case-sensitive-ref.xht" rel="match" /> + <style type="text/css"> + :root { + /* these should be VALID custom property names */ + var-veryblue: #22e; + var-AlsoBlue: #22e; + + /* these should be INVALID custom property names */ + VAR-veryred: #f00; + Var-AlsoRed: #f00; + } + + .blue-good-1 { color: var(veryblue); } + .blue-good-2 { color: var(AlsoBlue); } + .red-bad-1 { color: var(veryred); } + .red-bad-2 { color: var(AlsoRed); } + </style> +</head> +<body> + <h2 class="blue-good-1">Valid CSS Variable Names</h2> + <p class="blue-good-1">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <p class="blue-good-2">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <br /> + <h2 class="red-bad-1">Invalid CSS Variable Names</h2> + <p class="red-bad-1">This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + <p class="red-bad-2">This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/css-vars-custom-property-inheritance.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/css-vars-custom-property-inheritance.xht new file mode 100644 index 00000000000..88a2f98960d --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/css-vars-custom-property-inheritance.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> + <title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins" /> + <link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> + <meta content="custom properties are resolved with the normal inheritance and cascade rules" name="assert" /> + <link href="reference/css-vars-custom-property-inheritance-ref.xht" rel="match" /> + <style type="text/css"> + + /* test cascade importance */ + :root { var-color: #1c1 !important; } + :root { var-color: red; } + + /* test cascade order */ + * { color: red; } + + /* test cascade order */ + * { color: var(color); } + + </style> +</head> +<body> + <p>Green</p> + <p>Green</p> + <p>Green</p> + <p>The test passes if everything is green. Any red means the test failed.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/css-vars-custom-property-case-sensitive-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/css-vars-custom-property-case-sensitive-ref.xht new file mode 100644 index 00000000000..4eff0b14dd8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/css-vars-custom-property-case-sensitive-ref.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Variables Test: custom property names start with "var-" in lower case</title> + <meta charset="UTF-8" /> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins" /> + <style type="text/css"> + :root { + /* these should be VALID custom property names */ + var-veryblue: #22e; + var-AlsoBlue: #22e; + + /* these should be INVALID custom property names */ + VAR-veryred: #f00; + Var-AlsoRed: #f00; + } + + .blue-good-1 { color: var(veryblue); } + .blue-good-2 { color: var(AlsoBlue); } + .red-bad-1 { color: var(veryred); } + .red-bad-2 { color: var(AlsoRed); } + </style> +</head> +<body> + <h2 class="blue-good-1">Valid CSS Variable Names</h2> + <p class="blue-good-1">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <p class="blue-good-2">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <br /> + <h2>Invalid CSS Variable Names</h2> + <p>This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + <p>This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/css-vars-custom-property-inheritance-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/css-vars-custom-property-inheritance-ref.xht new file mode 100644 index 00000000000..34f8cec9571 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/css-vars-custom-property-inheritance-ref.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> + <title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins" /> + <style type="text/css"> + * { color: #1c1; } + </style> +</head> +<body> + <p>Green</p> + <p>Green</p> + <p>Green</p> + <p>The test passes if everything is green. Any red means the test failed.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/ahem.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/ahem.css new file mode 100644 index 00000000000..0d4bcedc21b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/ahem.css @@ -0,0 +1,4 @@ +@font-face { + font-family: "Ahem"; + src: url(../../../../fonts/Ahem.ttf); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/color-green-ref.html b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/color-green-ref.html new file mode 100644 index 00000000000..628466d5c2a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/color-green-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/color-green-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/color-green-ref.xht new file mode 100644 index 00000000000..9165afafe48 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/color-green-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/external-variable-declaration.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/external-variable-declaration.css new file mode 100644 index 00000000000..9ba1b9d3288 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/external-variable-declaration.css @@ -0,0 +1,5 @@ +p { + color: red; + --a: green; + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/external-variable-font-face.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/external-variable-font-face.css new file mode 100644 index 00000000000..38c86f0cca7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/external-variable-font-face.css @@ -0,0 +1,15 @@ +@font-face { + --a: MyTestFontName; + font-family: var(--a); + src: url(../../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/external-variable-reference.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/external-variable-reference.css new file mode 100644 index 00000000000..0c697fdcf91 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/external-variable-reference.css @@ -0,0 +1,6 @@ +:root { + --a: green; +} +p { + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/external-variable-supports.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/external-variable-supports.css new file mode 100644 index 00000000000..96582bfd8f1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/support/external-variable-supports.css @@ -0,0 +1,4 @@ +body { color: red; } +@supports (color:var(--a)) { + p { color: green; } +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-declaration-15-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-declaration-15-ref.xht new file mode 100644 index 00000000000..37b7d94cbe5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-declaration-15-ref.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +<style> +p { + font-family: Ahem, sans-serif; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-declaration-16-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-declaration-16-ref.xht new file mode 100644 index 00000000000..37b7d94cbe5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-declaration-16-ref.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +<style> +p { + font-family: Ahem, sans-serif; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-declaration-17-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-declaration-17-ref.xht new file mode 100644 index 00000000000..4975a0fc990 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-declaration-17-ref.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +<style> +p { + font-family: SomeUnknownFont, Ahem; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-declaration-18-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-declaration-18-ref.xht new file mode 100644 index 00000000000..37b7d94cbe5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-declaration-18-ref.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +<style> +p { + font-family: Ahem, sans-serif; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-font-face-01-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-font-face-01-ref.xht new file mode 100644 index 00000000000..897d72ccbad --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-font-face-01-ref.xht @@ -0,0 +1,11 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +</head><body><p>This text must not be in Ahem.</p> +<p style="font-family: Ahem">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-font-face-02-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-font-face-02-ref.xht new file mode 100644 index 00000000000..897d72ccbad --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-font-face-02-ref.xht @@ -0,0 +1,11 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +</head><body><p>This text must not be in Ahem.</p> +<p style="font-family: Ahem">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-reference-12-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-reference-12-ref.xht new file mode 100644 index 00000000000..4918651e284 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-reference-12-ref.xht @@ -0,0 +1,9 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +</head><body><p>The words "hello there" must appear below:</p> +<p>hello there</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-reference-36-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-reference-36-ref.xht new file mode 100644 index 00000000000..5664c388e2b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-reference-36-ref.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<style> +p { + background-color: green; + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-reference-37-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-reference-37-ref.xht new file mode 100644 index 00000000000..5664c388e2b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reference/variable-reference-37-ref.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<style> +p { + background-color: green; + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reftest-toc.xht new file mode 100644 index 00000000000..1492aa01d4b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reftest-toc.xht @@ -0,0 +1,1414 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Custom Properties Level 1 CR Test Suite Reftest Index</title> + <style type="text/css"> + @import "http://www.w3.org/StyleSheets/TR/base.css"; + @import "../indices.css"; + </style> + </head> + + <body> + + <h1>CSS Custom Properties Level 1 CR Test Suite Reftest Index</h1> + <table width="100%"> + <col id="test-column"></col> + <col id="ref-column"></col> + <col id="flags-column"></col> + <thead> + <tr> + <th>Test</th> + <th>Reference</th> + <th>Flags</th> + </tr> + </thead> + <tbody id="css-vars-custom-property-case-sensitive-001" class=""> + <tr> + <td rowspan="1" title="custom property names start with "var-" in lower case"> + <a href="css-vars-custom-property-case-sensitive-001.xht">css-vars-custom-property-case-sensitive-001</a></td> + <td><a href="reference/css-vars-custom-property-case-sensitive-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="css-vars-custom-property-inheritance" class=""> + <tr> + <td rowspan="1" title="custom properties use normal inheritance and cascade rules"> + <a href="css-vars-custom-property-inheritance.xht">css-vars-custom-property-inheritance</a></td> + <td><a href="reference/css-vars-custom-property-inheritance-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-01" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a single token preceded by white space."> + <a href="variable-declaration-01.xht">variable-declaration-01</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-02" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a single token with no preceding white space."> + <a href="variable-declaration-02.xht">variable-declaration-02</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-03" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that references another variable."> + <a href="variable-declaration-03.xht">variable-declaration-03</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-04" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a variable reference followed by white space."> + <a href="variable-declaration-04.xht">variable-declaration-04</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-05" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a variable reference that includes white space around the variable name."> + <a href="variable-declaration-05.xht">variable-declaration-05</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-06" class=""> + <tr> + <td rowspan="1" title="Test overriding an existing variable declaration."> + <a href="variable-declaration-06.xht">variable-declaration-06</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-07" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback."> + <a href="variable-declaration-07.xht">variable-declaration-07</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-08" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a variable reference whose fallback is white space."> + <a href="variable-declaration-08.xht">variable-declaration-08</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-09" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback."> + <a href="variable-declaration-09.xht">variable-declaration-09</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-10" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier."> + <a href="variable-declaration-10.xht">variable-declaration-10</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-11" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback."> + <a href="variable-declaration-11.xht">variable-declaration-11</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-12" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback."> + <a href="variable-declaration-12.xht">variable-declaration-12</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-13" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback."> + <a href="variable-declaration-13.xht">variable-declaration-13</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-14" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space."> + <a href="variable-declaration-14.xht">variable-declaration-14</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-15" class="ahem"> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list."> + <a href="variable-declaration-15.xht">variable-declaration-15</a></td> + <td><a href="reference/variable-declaration-15-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-declaration-16" class="ahem"> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference."> + <a href="variable-declaration-16.xht">variable-declaration-16</a></td> + <td><a href="reference/variable-declaration-16-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-declaration-17" class="ahem"> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference."> + <a href="variable-declaration-17.xht">variable-declaration-17</a></td> + <td><a href="reference/variable-declaration-17-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-declaration-18" class="ahem"> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference."> + <a href="variable-declaration-18.xht">variable-declaration-18</a></td> + <td><a href="reference/variable-declaration-18-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-declaration-19" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a function where one of the arguments is a variable reference."> + <a href="variable-declaration-19.xht">variable-declaration-19</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-20" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with "!important"."> + <a href="variable-declaration-20.xht">variable-declaration-20</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-21" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references."> + <a href="variable-declaration-21.xht">variable-declaration-21</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-22" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks."> + <a href="variable-declaration-22.xht">variable-declaration-22</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-23" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to having two "!important" priorities."> + <a href="variable-declaration-23.xht">variable-declaration-23</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-24" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that contains a CDO token."> + <a href="variable-declaration-24.xht">variable-declaration-24</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-25" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that contains a CDC token."> + <a href="variable-declaration-25.xht">variable-declaration-25</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-26" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that contains only a white space token."> + <a href="variable-declaration-26.xht">variable-declaration-26</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-28" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to having no tokens."> + <a href="variable-declaration-28.xht">variable-declaration-28</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-29" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with a valid custom property name "--"."> + <a href="variable-declaration-29.xht">variable-declaration-29</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-30" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that contains a variable reference to itself."> + <a href="variable-declaration-30.xht">variable-declaration-30</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-31" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with a digit."> + <a href="variable-declaration-31.xht">variable-declaration-31</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-32" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with an escaped digit."> + <a href="variable-declaration-32.xht">variable-declaration-32</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-33" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with an escaped letter."> + <a href="variable-declaration-33.xht">variable-declaration-33</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-34" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with a lone surrogate."> + <a href="variable-declaration-34.xht">variable-declaration-34</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-35" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with U+FFFD."> + <a href="variable-declaration-35.xht">variable-declaration-35</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-36" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with an out-of-range Unicode character escape."> + <a href="variable-declaration-36.xht">variable-declaration-36</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-37" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback."> + <a href="variable-declaration-37.xht">variable-declaration-37</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-38" class=""> + <tr> + <td rowspan="1" title="Test declaring two variables in the same declaration block that differ only in case, with lowercase first."> + <a href="variable-declaration-38.xht">variable-declaration-38</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-39" class=""> + <tr> + <td rowspan="1" title="Test declaring two variables in the same declaration block that differ only in case, with uppercase first."> + <a href="variable-declaration-39.xht">variable-declaration-39</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-40" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with an invalid custom property name due to it beginning with "VAR-"."> + <a href="variable-declaration-40.xht">variable-declaration-40</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-41" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped."> + <a href="variable-declaration-41.xht">variable-declaration-41</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-42" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character."> + <a href="variable-declaration-42.xht">variable-declaration-42</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-43" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "initial"."> + <a href="variable-declaration-43.xht">variable-declaration-43</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-44" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "inherit" where there is no variable to inherit from."> + <a href="variable-declaration-44.xht">variable-declaration-44</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-45" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "inherit" where there is a variable to inherit from."> + <a href="variable-declaration-45.xht">variable-declaration-45</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-46" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "initial" where there is a variable to inherit from."> + <a href="variable-declaration-46.xht">variable-declaration-46</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-47" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value consists of a reference to a variable whose value is "inherit"."> + <a href="variable-declaration-47.xht">variable-declaration-47</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-48" class=""> + <tr> + <td rowspan="1" title="Test declaring a number of variables in a cycle."> + <a href="variable-declaration-48.xht">variable-declaration-48</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-49" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle."> + <a href="variable-declaration-49.xht">variable-declaration-49</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-50" class=""> + <tr> + <td rowspan="1" title="Test declaring a number of variables in a chain, where the final element of the chain uses its fallback."> + <a href="variable-declaration-50.xht">variable-declaration-50</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-51" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a reference to an invalid inherited variable."> + <a href="variable-declaration-51.xht">variable-declaration-51</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-52" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback."> + <a href="variable-declaration-52.xht">variable-declaration-52</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-53" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of two variable references without fallback and with no intervening white space."> + <a href="variable-declaration-53.xht">variable-declaration-53</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-54" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space."> + <a href="variable-declaration-54.xht">variable-declaration-54</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-55" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space."> + <a href="variable-declaration-55.xht">variable-declaration-55</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-56" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "unset" where there is no variable to inherit from."> + <a href="variable-declaration-56.xht">variable-declaration-56</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-57" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "unset" where there is a variable to inherit from."> + <a href="variable-declaration-57.xht">variable-declaration-57</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-58" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value consists of a reference to a variable whose value is "unset"."> + <a href="variable-declaration-58.xht">variable-declaration-58</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-59" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with a trailing invalid token."> + <a href="variable-declaration-59.xht">variable-declaration-59</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-60" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's."> + <a href="variable-declaration-60.xht">variable-declaration-60</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-external-declaration-01" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable in an external CSS file."> + <a href="variable-external-declaration-01.xht">variable-external-declaration-01</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-external-font-face-01" class="ahem"> + <tr> + <td rowspan="1" title="Test the invalid declaration and use of a variable in an @font-face rule within an external CSS."> + <a href="variable-external-font-face-01.xht">variable-external-font-face-01</a></td> + <td><a href="reference/variable-font-face-01-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-external-reference-01" class=""> + <tr> + <td rowspan="1" title="Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS."> + <a href="variable-external-reference-01.xht">variable-external-reference-01</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-external-supports-01" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file."> + <a href="variable-external-supports-01.xht">variable-external-supports-01</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-font-face-01" class="ahem"> + <tr> + <td rowspan="1" title="Test the invalid declaration and use of a variable in an @font-face rule."> + <a href="variable-font-face-01.xht">variable-font-face-01</a></td> + <td><a href="reference/variable-font-face-01-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-font-face-02" class="ahem"> + <tr> + <td rowspan="1" title="Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element."> + <a href="variable-font-face-02.xht">variable-font-face-02</a></td> + <td><a href="reference/variable-font-face-02-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-reference-01" class=""> + <tr> + <td rowspan="1" title="Test the use of a variable in a non-custom property where the variable value is inherited."> + <a href="variable-reference-01.xht">variable-reference-01</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-02" class=""> + <tr> + <td rowspan="1" title="Test the use of a variable in a non-custom property where the value is invalid at computed-value time due to referencing a non-existent variable."> + <a href="variable-reference-02.xht">variable-reference-02</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-03" class=""> + <tr> + <td rowspan="1" title="Test the use of two variables in a non-custom property where the variable values are inherited and one of the variable values consists only of white space."> + <a href="variable-reference-03.xht">variable-reference-03</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-04" class=""> + <tr> + <td rowspan="1" title="Test the use of two variables in a non-custom property where one variable is inherited and the other references a non-existing variable with fallback that consists only of white space."> + <a href="variable-reference-04.xht">variable-reference-04</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-05" class=""> + <tr> + <td rowspan="1" title="Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference."> + <a href="variable-reference-05.xht">variable-reference-05</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-06" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens."> + <a href="variable-reference-06.xht">variable-reference-06</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-07" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token."> + <a href="variable-reference-07.xht">variable-reference-07</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-08" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token."> + <a href="variable-reference-08.xht">variable-reference-08</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-09" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with a variable reference that has a non-top level ';' token."> + <a href="variable-reference-09.xht">variable-reference-09</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-10" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with a variable reference that has a non-top level '!' token."> + <a href="variable-reference-10.xht">variable-reference-10</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-11" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment."> + <a href="variable-reference-11.xht">variable-reference-11</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-12" class=""> + <tr> + <td rowspan="1" title="Test the use of variable references in the 'content' property."> + <a href="variable-reference-12.xht">variable-reference-12</a></td> + <td><a href="reference/variable-reference-12-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-13" class=""> + <tr> + <td rowspan="1" title="Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block."> + <a href="variable-reference-13.xht">variable-reference-13</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-14" class=""> + <tr> + <td rowspan="1" title="Test that important variable declarations cascade correctly."> + <a href="variable-reference-14.xht">variable-reference-14</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-15" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with two variable references with no intervening white space."> + <a href="variable-reference-15.xht">variable-reference-15</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-16" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks."> + <a href="variable-reference-16.xht">variable-reference-16</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-17" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token."> + <a href="variable-reference-17.xht">variable-reference-17</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-18" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets."> + <a href="variable-reference-18.xht">variable-reference-18</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-19" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference and a non-top level ';' token."> + <a href="variable-reference-19.xht">variable-reference-19</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-20" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference whose function token is in uppercase."> + <a href="variable-reference-20.xht">variable-reference-20</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-21" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name must be escaped."> + <a href="variable-reference-21.xht">variable-reference-21</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-22" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared and referenced using a lone surrogate."> + <a href="variable-reference-22.xht">variable-reference-22</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-23" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using a lone surrogate."> + <a href="variable-reference-23.xht">variable-reference-23</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-24" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using an out-of-range Unicode character escape."> + <a href="variable-reference-24.xht">variable-reference-24</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-25" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF."> + <a href="variable-reference-25.xht">variable-reference-25</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-26" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with white space before its comma and fallback consisting only of white space and which is implicitly closed due to EOF."> + <a href="variable-reference-26.xht">variable-reference-26</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-27" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with fallback consisting only of white space and which is implicitly closed due to EOF."> + <a href="variable-reference-27.xht">variable-reference-27</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-28" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference whose fallback is a variable reference, both of which are implicitly closed due to EOF."> + <a href="variable-reference-28.xht">variable-reference-28</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-29" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with no fallback, and whose variable name is followed by a comment, and where the comment and the variable reference are implicitly closed due to EOF."> + <a href="variable-reference-29.xht">variable-reference-29</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-30" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities."> + <a href="variable-reference-30.xht">variable-reference-30</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-31" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix."> + <a href="variable-reference-31.xht">variable-reference-31</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-32" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string."> + <a href="variable-reference-32.xht">variable-reference-32</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-33" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF."> + <a href="variable-reference-33.xht">variable-reference-33</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-34" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL."> + <a href="variable-reference-34.xht">variable-reference-34</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-35" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF."> + <a href="variable-reference-35.xht">variable-reference-35</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-36" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom shorthand property containing a variable reference."> + <a href="variable-reference-36.xht">variable-reference-36</a></td> + <td><a href="reference/variable-reference-36-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-37" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom shorthand property containing a variable reference, with a subsequent property in the declaration block that overrides one of the shorthand's components."> + <a href="variable-reference-37.xht">variable-reference-37</a></td> + <td><a href="reference/variable-reference-37-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-38" class=""> + <tr> + <td rowspan="1" title="Test using variables in overlapping shorthands."> + <a href="variable-reference-38.xht">variable-reference-38</a></td> + <td><a href="reference/variable-declaration-59-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-39" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that references itself but uses fallback."> + <a href="variable-reference-39.xht">variable-reference-39</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-01" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens."> + <a href="variable-supports-01.xht">variable-supports-01</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-02" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a white space token followed by a variable reference."> + <a href="variable-supports-02.xht">variable-supports-02</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-03" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens."> + <a href="variable-supports-03.xht">variable-supports-03</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-04" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens and with white space surrounding the variable name."> + <a href="variable-supports-04.xht">variable-supports-04</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-05" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens."> + <a href="variable-supports-05.xht">variable-supports-05</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-06" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference with fallback that is only white space."> + <a href="variable-supports-06.xht">variable-supports-06</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-07" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens, just a comment."> + <a href="variable-supports-07.xht">variable-supports-07</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-08" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier."> + <a href="variable-supports-08.xht">variable-supports-08</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-09" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a '!' token at the top level of its fallback."> + <a href="variable-supports-09.xht">variable-supports-09</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-10" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having "!important" at the top level of its fallback."> + <a href="variable-supports-10.xht">variable-supports-10</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-11" class=""> + <tr> + <td rowspan="1" title="Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value."> + <a href="variable-supports-11.xht">variable-supports-11</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-12" class=""> + <tr> + <td rowspan="1" title="Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value."> + <a href="variable-supports-12.xht">variable-supports-12</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-13" class=""> + <tr> + <td rowspan="1" title="Test a passing 'color' property declaration in an @supports rule with a range of different tokens and a variable reference not at the top level."> + <a href="variable-supports-13.xht">variable-supports-13</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-14" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority."> + <a href="variable-supports-14.xht">variable-supports-14</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-15" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space."> + <a href="variable-supports-15.xht">variable-supports-15</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-16" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule with a variable reference that has a number of levels of variable reference fallbacks."> + <a href="variable-supports-16.xht">variable-supports-16</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-17" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule with two "!important" priorities."> + <a href="variable-supports-17.xht">variable-supports-17</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-18" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token."> + <a href="variable-supports-18.xht">variable-supports-18</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-19" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token."> + <a href="variable-supports-19.xht">variable-supports-19</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-20" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets."> + <a href="variable-supports-20.xht">variable-supports-20</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-21" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a ';' token at the top level of its fallback."> + <a href="variable-supports-21.xht">variable-supports-21</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-22" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token."> + <a href="variable-supports-22.xht">variable-supports-22</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-23" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token."> + <a href="variable-supports-23.xht">variable-supports-23</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-24" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a non-top level ';' token in its fallback."> + <a href="variable-supports-24.xht">variable-supports-24</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-25" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase."> + <a href="variable-supports-25.xht">variable-supports-25</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-26" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a digit after the "--" variable name prefix."> + <a href="variable-supports-26.xht">variable-supports-26</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-27" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a variable name beginning with an escaped digit."> + <a href="variable-supports-27.xht">variable-supports-27</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-28" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an escaped lone surrogate."> + <a href="variable-supports-28.xht">variable-supports-28</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-29" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an out-of-range Unicode character escape."> + <a href="variable-supports-29.xht">variable-supports-29</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-30" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a dimension token as the variable name."> + <a href="variable-supports-30.xht">variable-supports-30</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-31" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma."> + <a href="variable-supports-31.xht">variable-supports-31</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-32" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference."> + <a href="variable-supports-32.xht">variable-supports-32</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-33" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference."> + <a href="variable-supports-33.xht">variable-supports-33</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-34" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference."> + <a href="variable-supports-34.xht">variable-supports-34</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-35" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space."> + <a href="variable-supports-35.xht">variable-supports-35</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-36" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space with the variable name also surrounded by white space."> + <a href="variable-supports-36.xht">variable-supports-36</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-37" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens."> + <a href="variable-supports-37.xht">variable-supports-37</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-38" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space."> + <a href="variable-supports-38.xht">variable-supports-38</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-39" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment."> + <a href="variable-supports-39.xht">variable-supports-39</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-40" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting of a comment and an identifier."> + <a href="variable-supports-40.xht">variable-supports-40</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-41" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token."> + <a href="variable-supports-41.xht">variable-supports-41</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-42" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important"."> + <a href="variable-supports-42.xht">variable-supports-42</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-43" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference."> + <a href="variable-supports-43.xht">variable-supports-43</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-44" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension."> + <a href="variable-supports-44.xht">variable-supports-44</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-45" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference."> + <a href="variable-supports-45.xht">variable-supports-45</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-46" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority."> + <a href="variable-supports-46.xht">variable-supports-46</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-47" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space."> + <a href="variable-supports-47.xht">variable-supports-47</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-48" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference with a number of levels of variable reference fallbacks."> + <a href="variable-supports-48.xht">variable-supports-48</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-49" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities."> + <a href="variable-supports-49.xht">variable-supports-49</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-50" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token."> + <a href="variable-supports-50.xht">variable-supports-50</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-51" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token."> + <a href="variable-supports-51.xht">variable-supports-51</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-52" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets."> + <a href="variable-supports-52.xht">variable-supports-52</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-53" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback."> + <a href="variable-supports-53.xht">variable-supports-53</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-54" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token."> + <a href="variable-supports-54.xht">variable-supports-54</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-55" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback."> + <a href="variable-supports-55.xht">variable-supports-55</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-56" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains only a white space token."> + <a href="variable-supports-56.xht">variable-supports-56</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-57" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains no tokens."> + <a href="variable-supports-57.xht">variable-supports-57</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-58" class=""> + <tr> + <td rowspan="1" title="Test a passing property declaration in an @supports rule with property name "--"."> + <a href="variable-supports-58.xht">variable-supports-58</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-59" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself."> + <a href="variable-supports-59.xht">variable-supports-59</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-60" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is a digit."> + <a href="variable-supports-60.xht">variable-supports-60</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-61" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape."> + <a href="variable-supports-61.xht">variable-supports-61</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-62" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an escaped lone surrogate."> + <a href="variable-supports-62.xht">variable-supports-62</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-63" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an out-of-range Unicode character escape."> + <a href="variable-supports-63.xht">variable-supports-63</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-64" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name."> + <a href="variable-supports-64.xht">variable-supports-64</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-65" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma."> + <a href="variable-supports-65.xht">variable-supports-65</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-66" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-"."> + <a href="variable-supports-66.xht">variable-supports-66</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-67" class=""> + <tr> + <td rowspan="1" title="Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse."> + <a href="variable-supports-67.xht">variable-supports-67</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + </table> + + </body> +</html> diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reftest.list new file mode 100644 index 00000000000..4e777479d10 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/reftest.list @@ -0,0 +1,174 @@ + +css-vars-custom-property-case-sensitive-001.xht == reference/css-vars-custom-property-case-sensitive-ref.xht +css-vars-custom-property-inheritance.xht == reference/css-vars-custom-property-inheritance-ref.xht +variable-declaration-01.xht == support/color-green-ref.xht +variable-declaration-02.xht == support/color-green-ref.xht +variable-declaration-03.xht == support/color-green-ref.xht +variable-declaration-04.xht == support/color-green-ref.xht +variable-declaration-05.xht == support/color-green-ref.xht +variable-declaration-06.xht == support/color-green-ref.xht +variable-declaration-07.xht == support/color-green-ref.xht +variable-declaration-08.xht == support/color-green-ref.xht +variable-declaration-09.xht == support/color-green-ref.xht +variable-declaration-10.xht == support/color-green-ref.xht +variable-declaration-11.xht == support/color-green-ref.xht +variable-declaration-12.xht == support/color-green-ref.xht +variable-declaration-13.xht == support/color-green-ref.xht +variable-declaration-14.xht == support/color-green-ref.xht +variable-declaration-15.xht == reference/variable-declaration-15-ref.xht +variable-declaration-16.xht == reference/variable-declaration-16-ref.xht +variable-declaration-17.xht == reference/variable-declaration-17-ref.xht +variable-declaration-18.xht == reference/variable-declaration-18-ref.xht +variable-declaration-19.xht == support/color-green-ref.xht +variable-declaration-20.xht == support/color-green-ref.xht +variable-declaration-21.xht == support/color-green-ref.xht +variable-declaration-22.xht == support/color-green-ref.xht +variable-declaration-23.xht == support/color-green-ref.xht +variable-declaration-24.xht == support/color-green-ref.xht +variable-declaration-25.xht == support/color-green-ref.xht +variable-declaration-26.xht == support/color-green-ref.xht +variable-declaration-28.xht == support/color-green-ref.xht +variable-declaration-29.xht == support/color-green-ref.xht +variable-declaration-30.xht == support/color-green-ref.xht +variable-declaration-31.xht == support/color-green-ref.xht +variable-declaration-32.xht == support/color-green-ref.xht +variable-declaration-33.xht == support/color-green-ref.xht +variable-declaration-34.xht == support/color-green-ref.xht +variable-declaration-35.xht == support/color-green-ref.xht +variable-declaration-36.xht == support/color-green-ref.xht +variable-declaration-37.xht == support/color-green-ref.xht +variable-declaration-38.xht == support/color-green-ref.xht +variable-declaration-39.xht == support/color-green-ref.xht +variable-declaration-40.xht == support/color-green-ref.xht +variable-declaration-41.xht == support/color-green-ref.xht +variable-declaration-42.xht == support/color-green-ref.xht +variable-declaration-43.xht == support/color-green-ref.xht +variable-declaration-44.xht == support/color-green-ref.xht +variable-declaration-45.xht == support/color-green-ref.xht +variable-declaration-46.xht == support/color-green-ref.xht +variable-declaration-47.xht == support/color-green-ref.xht +variable-declaration-48.xht == support/color-green-ref.xht +variable-declaration-49.xht == support/color-green-ref.xht +variable-declaration-50.xht == support/color-green-ref.xht +variable-declaration-51.xht == support/color-green-ref.xht +variable-declaration-52.xht == support/color-green-ref.xht +variable-declaration-53.xht == support/color-green-ref.xht +variable-declaration-54.xht == support/color-green-ref.xht +variable-declaration-55.xht == support/color-green-ref.xht +variable-declaration-56.xht == support/color-green-ref.xht +variable-declaration-57.xht == support/color-green-ref.xht +variable-declaration-58.xht == support/color-green-ref.xht +variable-declaration-59.xht == support/color-green-ref.xht +variable-declaration-60.xht == support/color-green-ref.xht +variable-external-declaration-01.xht == support/color-green-ref.xht +variable-external-font-face-01.xht == reference/variable-font-face-01-ref.xht +variable-external-reference-01.xht == support/color-green-ref.xht +variable-external-supports-01.xht == support/color-green-ref.xht +variable-font-face-01.xht == reference/variable-font-face-01-ref.xht +variable-font-face-02.xht == reference/variable-font-face-02-ref.xht +variable-reference-01.xht == support/color-green-ref.xht +variable-reference-02.xht == support/color-green-ref.xht +variable-reference-03.xht == support/color-green-ref.xht +variable-reference-04.xht == support/color-green-ref.xht +variable-reference-05.xht == support/color-green-ref.xht +variable-reference-06.xht == support/color-green-ref.xht +variable-reference-07.xht == support/color-green-ref.xht +variable-reference-08.xht == support/color-green-ref.xht +variable-reference-09.xht == support/color-green-ref.xht +variable-reference-10.xht == support/color-green-ref.xht +variable-reference-11.xht == support/color-green-ref.xht +variable-reference-12.xht == reference/variable-reference-12-ref.xht +variable-reference-13.xht == support/color-green-ref.xht +variable-reference-14.xht == support/color-green-ref.xht +variable-reference-15.xht == support/color-green-ref.xht +variable-reference-16.xht == support/color-green-ref.xht +variable-reference-17.xht == support/color-green-ref.xht +variable-reference-18.xht == support/color-green-ref.xht +variable-reference-19.xht == support/color-green-ref.xht +variable-reference-20.xht == support/color-green-ref.xht +variable-reference-21.xht == support/color-green-ref.xht +variable-reference-22.xht == support/color-green-ref.xht +variable-reference-23.xht == support/color-green-ref.xht +variable-reference-24.xht == support/color-green-ref.xht +variable-reference-25.xht == support/color-green-ref.xht +variable-reference-26.xht == support/color-green-ref.xht +variable-reference-27.xht == support/color-green-ref.xht +variable-reference-28.xht == support/color-green-ref.xht +variable-reference-29.xht == support/color-green-ref.xht +variable-reference-30.xht == support/color-green-ref.xht +variable-reference-31.xht == support/color-green-ref.xht +variable-reference-32.xht == support/color-green-ref.xht +variable-reference-33.xht == support/color-green-ref.xht +variable-reference-34.xht == support/color-green-ref.xht +variable-reference-35.xht == support/color-green-ref.xht +variable-reference-36.xht == reference/variable-reference-36-ref.xht +variable-reference-37.xht == reference/variable-reference-37-ref.xht +variable-reference-38.xht == reference/variable-declaration-59-ref.xht +variable-reference-39.xht == support/color-green-ref.xht +variable-supports-01.xht == support/color-green-ref.xht +variable-supports-02.xht == support/color-green-ref.xht +variable-supports-03.xht == support/color-green-ref.xht +variable-supports-04.xht == support/color-green-ref.xht +variable-supports-05.xht == support/color-green-ref.xht +variable-supports-06.xht == support/color-green-ref.xht +variable-supports-07.xht == support/color-green-ref.xht +variable-supports-08.xht == support/color-green-ref.xht +variable-supports-09.xht == support/color-green-ref.xht +variable-supports-10.xht == support/color-green-ref.xht +variable-supports-11.xht == support/color-green-ref.xht +variable-supports-12.xht == support/color-green-ref.xht +variable-supports-13.xht == support/color-green-ref.xht +variable-supports-14.xht == support/color-green-ref.xht +variable-supports-15.xht == support/color-green-ref.xht +variable-supports-16.xht == support/color-green-ref.xht +variable-supports-17.xht == support/color-green-ref.xht +variable-supports-18.xht == support/color-green-ref.xht +variable-supports-19.xht == support/color-green-ref.xht +variable-supports-20.xht == support/color-green-ref.xht +variable-supports-21.xht == support/color-green-ref.xht +variable-supports-22.xht == support/color-green-ref.xht +variable-supports-23.xht == support/color-green-ref.xht +variable-supports-24.xht == support/color-green-ref.xht +variable-supports-25.xht == support/color-green-ref.xht +variable-supports-26.xht == support/color-green-ref.xht +variable-supports-27.xht == support/color-green-ref.xht +variable-supports-28.xht == support/color-green-ref.xht +variable-supports-29.xht == support/color-green-ref.xht +variable-supports-30.xht == support/color-green-ref.xht +variable-supports-31.xht == support/color-green-ref.xht +variable-supports-32.xht == support/color-green-ref.xht +variable-supports-33.xht == support/color-green-ref.xht +variable-supports-34.xht == support/color-green-ref.xht +variable-supports-35.xht == support/color-green-ref.xht +variable-supports-36.xht == support/color-green-ref.xht +variable-supports-37.xht == support/color-green-ref.xht +variable-supports-38.xht == support/color-green-ref.xht +variable-supports-39.xht == support/color-green-ref.xht +variable-supports-40.xht == support/color-green-ref.xht +variable-supports-41.xht == support/color-green-ref.xht +variable-supports-42.xht == support/color-green-ref.xht +variable-supports-43.xht == support/color-green-ref.xht +variable-supports-44.xht == support/color-green-ref.xht +variable-supports-45.xht == support/color-green-ref.xht +variable-supports-46.xht == support/color-green-ref.xht +variable-supports-47.xht == support/color-green-ref.xht +variable-supports-48.xht == support/color-green-ref.xht +variable-supports-49.xht == support/color-green-ref.xht +variable-supports-50.xht == support/color-green-ref.xht +variable-supports-51.xht == support/color-green-ref.xht +variable-supports-52.xht == support/color-green-ref.xht +variable-supports-53.xht == support/color-green-ref.xht +variable-supports-54.xht == support/color-green-ref.xht +variable-supports-55.xht == support/color-green-ref.xht +variable-supports-56.xht == support/color-green-ref.xht +variable-supports-57.xht == support/color-green-ref.xht +variable-supports-58.xht == support/color-green-ref.xht +variable-supports-59.xht == support/color-green-ref.xht +variable-supports-60.xht == support/color-green-ref.xht +variable-supports-61.xht == support/color-green-ref.xht +variable-supports-62.xht == support/color-green-ref.xht +variable-supports-63.xht == support/color-green-ref.xht +variable-supports-64.xht == support/color-green-ref.xht +variable-supports-65.xht == support/color-green-ref.xht +variable-supports-66.xht == support/color-green-ref.xht +variable-supports-67.xht == support/color-green-ref.xht diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/ahem.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/ahem.css new file mode 100644 index 00000000000..0d4bcedc21b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/ahem.css @@ -0,0 +1,4 @@ +@font-face { + font-family: "Ahem"; + src: url(../../../../fonts/Ahem.ttf); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/color-green-ref.html b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/color-green-ref.html new file mode 100644 index 00000000000..628466d5c2a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/color-green-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/color-green-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/color-green-ref.xht new file mode 100644 index 00000000000..9165afafe48 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/color-green-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/external-variable-declaration.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/external-variable-declaration.css new file mode 100644 index 00000000000..9ba1b9d3288 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/external-variable-declaration.css @@ -0,0 +1,5 @@ +p { + color: red; + --a: green; + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/external-variable-font-face.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/external-variable-font-face.css new file mode 100644 index 00000000000..38c86f0cca7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/external-variable-font-face.css @@ -0,0 +1,15 @@ +@font-face { + --a: MyTestFontName; + font-family: var(--a); + src: url(../../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/external-variable-reference.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/external-variable-reference.css new file mode 100644 index 00000000000..0c697fdcf91 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/external-variable-reference.css @@ -0,0 +1,6 @@ +:root { + --a: green; +} +p { + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/external-variable-supports.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/external-variable-supports.css new file mode 100644 index 00000000000..96582bfd8f1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/support/external-variable-supports.css @@ -0,0 +1,4 @@ +body { color: red; } +@supports (color:var(--a)) { + p { color: green; } +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/test_variable_legal_values.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/test_variable_legal_values.xht new file mode 100644 index 00000000000..22f6a36dbe1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/test_variable_legal_values.xht @@ -0,0 +1,122 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Variables Allowed Syntax</title> + <link href="http://dbaron.org/" rel="author" title="L. David Baron" /> + <link href="http://mozilla.com/" rel="author" title="Mozilla Corporation" /> + <link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> + <meta content='The <value> type used in the syntax above is defined as anything matching the "value" production in CSS 2.1 Chapter 4.1 [CSS21].' name="assert" /> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> +<style id="style"></style> +<script id="metadata_cache">/* +{ + "percentage": { "assert": "Value allowed within variable: percentage" }, + "number": { "assert": "Value allowed within variable: number" }, + "length": { "assert": "Value allowed within variable: length" }, + "time": { "assert": "Value allowed within variable: time" }, + "function": { "assert": "Value allowed within variable: function" }, + "nested_function": { "assert": "Value allowed within variable: nested function" }, + "parentheses": { "assert": "Value allowed within variable: parentheses" }, + "braces": { "assert": "Value allowed within variable: braces" }, + "brackets": { "assert": "Value allowed within variable: brackets" }, + "at_keyword_unknown": { "assert": "Value allowed within variable: at-keyword (unknown)" }, + "at_keyword_known": { "assert": "Value allowed within variable: at-keyword (known)" }, + "at_keyword_unknown_and_block": { "assert": "Value allowed within variable: at-keyword (unknown) and block" }, + "at_keyword_known_and_block": { "assert": "Value allowed within variable: at-keyword (known) and block" }, + "unbalanced_close_bracket_at_toplevel": { "assert": "Value not allowed within variable: unbalanced close bracket at toplevel" }, + "unbalanced_close_paren_at_toplevel": { "assert": "Value not allowed within variable: unbalanced close paren at toplevel" }, + "unbalanced_close_bracket_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close bracket in something balanced" }, + "unbalanced_close_paren_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close paren in something balanced" }, + "unbalanced_close_brace_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close brace in something balanced" }, + "CDO_at_top_level": { "assert": "Value allowed within variable: CDO at top level" }, + "CDC_at_top_level": { "assert": "Value allowed within variable: CDC at top level" }, + "semicolon_not_at_top_level_value_unused": { "assert": "Value allowed within variable: semicolon not at top level (value -> unused)" }, + "CDO_not_at_top_level_value_unused": { "assert": "Value allowed within variable: CDO not at top level (value -> unused)" }, + "CDC_not_at_top_level_value_unused": { "assert": "Value allowed within variable: CDC not at top level (value -> unused)" } +} +*/</script> +</head> +<body onload="run()"> +<div id="log"></div> +<div id="test"></div> +<script> +setup({ "explicit_done": true }); + +function run() { + // Setup the iframe + var style = document.getElementById("style"); + var styleText = document.createTextNode(""); + style.appendChild(styleText); + var test_cs = window.getComputedStyle(document.getElementById("test"), ""); + + var initial_cs = test_cs.backgroundColor; + styleText.data = "#test { background-color: green }"; + var green_cs = test_cs.backgroundColor; + styleText.data = "#test { background-color: red }"; + var red_cs = test_cs.backgroundColor; + + function description_to_name(description) { + return description.replace(/\W+/g, "_").replace(/^_/, "").replace(/_$/, ""); + } + + function assert_allowed_variable_value(value, description) { + test(function() { + styleText.data = "#test { \n" + + " var-test: red;\n" + + " var-test: " + value + ";\n" + + " background-color: red;\n" + + " background-color: var(test);\n" + + "}"; + assert_true(initial_cs != red_cs && + initial_cs == test_cs.backgroundColor); + }, + description_to_name(description), + { assert: "Value allowed within variable: " + description }); + } + + function assert_disallowed_balanced_variable_value(value, description) { + test(function() { + styleText.data = "#test { \n" + + " var-test: green;\n" + + " var-test: " + value + ";\n" + + " background-color: red;\n" + + " background-color: var(test);\n" + + "}"; + assert_true(green_cs != red_cs && + green_cs == test_cs.backgroundColor); + }, + description_to_name(description), + { assert: "Value not allowed within variable: " + description }); + } + + assert_allowed_variable_value("25%", "percentage"); + assert_allowed_variable_value("37", "number"); + assert_allowed_variable_value("12em", "length"); + assert_allowed_variable_value("75ms", "time"); + assert_allowed_variable_value("foo()", "function"); + assert_allowed_variable_value("foo(bar())", "nested function"); + assert_allowed_variable_value("( )", "parentheses"); + assert_allowed_variable_value("{ }", "braces"); + assert_allowed_variable_value("[ ]", "brackets"); + assert_allowed_variable_value("@foobar", "at-keyword (unknown)"); + assert_allowed_variable_value("@media", "at-keyword (known)"); + assert_allowed_variable_value("@foobar {}", "at-keyword (unknown) and block"); + assert_allowed_variable_value("@media {}", "at-keyword (known) and block"); + assert_disallowed_balanced_variable_value("]", "unbalanced close bracket at toplevel"); + assert_disallowed_balanced_variable_value(")", "unbalanced close paren at toplevel"); + assert_disallowed_balanced_variable_value("(])", "unbalanced close bracket in something balanced"); + assert_disallowed_balanced_variable_value("[)]", "unbalanced close paren in something balanced"); + assert_disallowed_balanced_variable_value("(})", "unbalanced close brace in something balanced"); + assert_allowed_variable_value("&lt;!--", "CDO at top level"); + assert_allowed_variable_value("--&gt;", "CDC at top level"); + assert_allowed_variable_value("(;)", "semicolon not at top level (value -&gt; unused)"); + assert_allowed_variable_value("(&lt;!--)", "CDO not at top level (value -&gt; unused)"); + assert_allowed_variable_value("(--&gt;)", "CDC not at top level (value -&gt; unused)"); + + done(); +} + +</script> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/toc.xht new file mode 100644 index 00000000000..976a26c32eb --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/toc.xht @@ -0,0 +1,54 @@ + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite By Chapter</h1> + + <p>This index contains both + <a href="http://wiki.csswg.org/test/selftest">self-describing tests</a> + and reftests. + A separate <a href="reftest-toc.xht">alphabetical reftest index</a> + is provided for tests in <a href="http://wiki.csswg.org/test/reftest">reftest + format</a> along with the <a href="reftest.list">reftest manifest</a>.</p> + + <table> + <tbody id="s1"> + <tr><th><a href="chapter-1.xht">Chapter 1 - + Introduction</a></th> + <td>(0 Tests)</td></tr> + </tbody> + <tbody id="s2"> + <tr><th><a href="chapter-2.xht">Chapter 2 - + Defining Custom Properties: the '--*' family of properties</a></th> + <td>(96 Tests)</td></tr> + </tbody> + <tbody id="s3"> + <tr><th><a href="chapter-3.xht">Chapter 3 - + Using Cascading Variables: the var() notation</a></th> + <td>(78 Tests)</td></tr> + </tbody> + <tbody id="s4"> + <tr><th><a href="chapter-4.xht">Chapter 4 - + APIs</a></th> + <td>(0 Tests)</td></tr> + </tbody> + <tbody id="s5"> + <tr><th><a href="chapter-5.xht">Chapter 5 - + Changes since the June 20 2013 Last Call Working Draft</a></th> + <td>(0 Tests)</td></tr> + </tbody> + <tbody id="s6"> + <tr><th><a href="chapter-6.xht">Chapter 6 - + Acknowledgments</a></th> + <td>(0 Tests)</td></tr> + </tbody> + </table> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-01.xht new file mode 100644 index 00000000000..33557371c66 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-01.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a single token preceded by white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-02.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-02.xht new file mode 100644 index 00000000000..771513f0ae5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-02.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a single token with no preceding white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a:green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-03.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-03.xht new file mode 100644 index 00000000000..a896dce53f8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-03.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that references another variable.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: var(--b); + --b: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-04.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-04.xht new file mode 100644 index 00000000000..03a6844416a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-04.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a variable reference followed by white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: var(--b) ; + --b: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-05.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-05.xht new file mode 100644 index 00000000000..d3d39aa88da --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-05.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a variable reference that includes white space around the variable name.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: var( --b ) ; + --b: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-06.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-06.xht new file mode 100644 index 00000000000..011216bbe37 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-06.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test overriding an existing variable declaration.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: orange; + --a: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-07.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-07.xht new file mode 100644 index 00000000000..5ccb81c4a68 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-07.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-08.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-08.xht new file mode 100644 index 00000000000..b3fb6d2501b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-08.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a variable reference whose fallback is white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: orange; + --b: green; + --a: var(--b, ); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-09.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-09.xht new file mode 100644 index 00000000000..a45935a9886 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-09.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,/**/); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-10.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-10.xht new file mode 100644 index 00000000000..d1a775bce56 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-10.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: orange; + --b: green; + --a: var(--b,/**/a); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-11.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-11.xht new file mode 100644 index 00000000000..37d30adc968 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-11.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,!); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-12.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-12.xht new file mode 100644 index 00000000000..c86790168d2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-12.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,;); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-13.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-13.xht new file mode 100644 index 00000000000..64531820d8a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-13.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,!important); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-14.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-14.xht new file mode 100644 index 00000000000..f6bb6d22334 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-14.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: green; +} +span { + color: red; + --a:var(--b)red; + --b:orange; + color: var(--a); +} +</style> +</head><body><p><span>This text must be green.</span></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-15.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-15.xht new file mode 100644 index 00000000000..3d4227ca594 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-15.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="reference/variable-declaration-15-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<style> +body { + font-family: serif; +} +p { + font-family: monospace; + --a: Ahem, sans-serif; + font-family: var(--a); +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-16.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-16.xht new file mode 100644 index 00000000000..94b00d86a06 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-16.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="reference/variable-declaration-16-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<style> +body { + font-family: serif; +} +p { + font-family: monospace; + --a: var(--b), sans-serif; + --b: Ahem; + font-family: var(--a); +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-17.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-17.xht new file mode 100644 index 00000000000..66e902eecb8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-17.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="reference/variable-declaration-17-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<style> +body { + font-family: serif; +} +p { + font-family: monospace; + --a: SomeUnknownFont, var(--b); + --b: Ahem; + font-family: var(--a); +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-18.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-18.xht new file mode 100644 index 00000000000..f0b70ce0624 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-18.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="reference/variable-declaration-18-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<style> +body { + font-family: serif; +} +p { + font-family: monospace; + --a: Ahem var(--b) sans-serif; + --b: ,; + font-family: var(--a); +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-19.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-19.xht new file mode 100644 index 00000000000..b7dbb4f2baf --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-19.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a function where one of the arguments is a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: rgb(0, var(--b), 0); + --b: 128; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-20.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-20.xht new file mode 100644 index 00000000000..196a92748b3 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-20.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with "!important".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: var(--b) !important; + --b: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-21.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-21.xht new file mode 100644 index 00000000000..4c2fe65496e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-21.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: rgb(var(--b)var(--c)var(--d)); + --b: 0,; + --c: 128,; + --d: 0; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-22.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-22.xht new file mode 100644 index 00000000000..cece01787b0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-22.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: var(--b, var(--c, var(--d, green))); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-23.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-23.xht new file mode 100644 index 00000000000..411445fc6ba --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-23.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to having two "!important" priorities.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: green; + --b: crimson; + --a: var(--b) !important !important; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-24.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-24.xht new file mode 100644 index 00000000000..394c9b14285 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-24.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that contains a CDO token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: red; +} +p { + color: orange; + --a: green; + --b: crimson; + --a: var(--b) <!--; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-25.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-25.xht new file mode 100644 index 00000000000..3d2297a2d13 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-25.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that contains a CDC token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: red; +} +p { + color: orange; + --a: green; + --b: crimson; + --a: --> var(--b); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-26.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-26.xht new file mode 100644 index 00000000000..d3f403da13c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-26.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that contains only a white space token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: ; + color: var(--a) green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-28.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-28.xht new file mode 100644 index 00000000000..934d7c560a2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-28.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to having no tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: green; + --a:; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-29.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-29.xht new file mode 100644 index 00000000000..eeec67ead45 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-29.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with a valid custom property name "--".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --: green; + color: var(--,crimson); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-30.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-30.xht new file mode 100644 index 00000000000..f92d1416c45 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-30.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that contains a variable reference to itself.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: crimson; + --a: var(--a); + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-31.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-31.xht new file mode 100644 index 00000000000..d1ccd9de07b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-31.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with a digit.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --0: green; + color: var(--\30); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-32.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-32.xht new file mode 100644 index 00000000000..00d4edde961 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-32.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with an escaped digit.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --\30: green; + color: var(--\30); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-33.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-33.xht new file mode 100644 index 00000000000..1c5f12171a4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-33.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with an escaped letter.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --\61: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-34.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-34.xht new file mode 100644 index 00000000000..2bc2945d951 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-34.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with a lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --\d800: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-35.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-35.xht new file mode 100644 index 00000000000..6e5f1f4b5af --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-35.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with U+FFFD.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --\fffd: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-36.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-36.xht new file mode 100644 index 00000000000..aa45842ea43 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-36.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with an out-of-range Unicode character escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --\ffffff: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-37.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-37.xht new file mode 100644 index 00000000000..2aa0ad4da32 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-37.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: var(--b , ); + color: var(--a) green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-38.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-38.xht new file mode 100644 index 00000000000..3d95a318fd4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-38.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring two variables in the same declaration block that differ only in case, with lowercase first.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: green; + --A: crimson; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-39.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-39.xht new file mode 100644 index 00000000000..96ee356e6e9 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-39.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring two variables in the same declaration block that differ only in case, with uppercase first.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --A: green; + --a: crimson; + color: var(--A); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-40.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-40.xht new file mode 100644 index 00000000000..42fcbe6d3a7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-40.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with an invalid custom property name due to it beginning with "VAR-".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: green; + VAR-a: crimson; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-41.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-41.xht new file mode 100644 index 00000000000..9ffdb56d566 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-41.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + -\2d a: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-42.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-42.xht new file mode 100644 index 00000000000..488bed66042 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-42.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<meta charset="utf-8" /> +<style> +p { + color: red; +} +p { + color: orange; + --a-长-name-that-might-be-longer-than-you\27 d-normally-use: green; + color: var(--a-长-name-that-might-be-longer-than-you\27 d-normally-use); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-43.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-43.xht new file mode 100644 index 00000000000..3a58dfc58d7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-43.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "initial".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: initial; + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-44.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-44.xht new file mode 100644 index 00000000000..68832e10be4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-44.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "inherit" where there is no variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: inherit; + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-45.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-45.xht new file mode 100644 index 00000000000..3d37c65b343 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-45.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "inherit" where there is a variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: green; + color: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: inherit; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-46.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-46.xht new file mode 100644 index 00000000000..2d253b77224 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-46.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "initial" where there is a variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: initial; + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-47.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-47.xht new file mode 100644 index 00000000000..fa5b155ad18 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-47.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value consists of a reference to a variable whose value is "inherit".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --b: green; + color: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: var(--b); + --b: inherit; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-48.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-48.xht new file mode 100644 index 00000000000..0776e30635b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-48.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a number of variables in a cycle.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: crimson; + --a: red var(--b); + --b: var(--c); + --c: var(--d); + --d: var(--e); + --e: var(--a); + --f: var(--e); + color: var(--f); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-49.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-49.xht new file mode 100644 index 00000000000..c94b4990b35 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-49.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; +} +p { + color: crimson; + --a: red var(--b) var(--g); + --b: var(--c); + --c: var(--d); + --d: var(--e); + --e: var(--a); + --f: var(--e); + --g: green; + color: var(--g); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-50.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-50.xht new file mode 100644 index 00000000000..cf778d03463 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-50.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a number of variables in a chain, where the final element of the chain uses its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: crimson; + --a: var(--b,red); + --b: var(--c); + --c: var(--d); + --d: var(--e); + --e: var(--a); + --f: var(--e); + color: var(--f); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-51.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-51.xht new file mode 100644 index 00000000000..9a1f8604475 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-51.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a reference to an invalid inherited variable.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#invalid-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; + --c: var(--a); +} +p { + --a: var(--b); +} +p { + color: red; + --b: var(--c,green); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-52.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-52.xht new file mode 100644 index 00000000000..c8f70d155f9 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-52.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; + --c: var(--a,green); +} +p { + --a: var(--b); +} +p { + color: red; + --b: var(--c,crimson); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-53.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-53.xht new file mode 100644 index 00000000000..5c5de5a3104 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-53.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of two variable references without fallback and with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: green; +} +span { + color: red; + --a:var(--b)var(--c); + --b:orange; + --c:red; + color: var(--a); +} +</style> +</head><body><p><span>This text must be green.</span></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-54.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-54.xht new file mode 100644 index 00000000000..ae78af74a04 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-54.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: green; +} +span { + color: red; + --a:var(--b,orange)var(--c); + --c:red; + color: var(--a); +} +</style> +</head><body><p><span>This text must be green.</span></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-55.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-55.xht new file mode 100644 index 00000000000..8feaf8c6159 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-55.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: green; +} +span { + color: red; + --a:var(--b)var(--c,red); + --b:orange; + color: var(--a); +} +</style> +</head><body><p><span>This text must be green.</span></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-56.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-56.xht new file mode 100644 index 00000000000..bc921f4baef --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-56.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "unset" where there is no variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: unset; + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-57.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-57.xht new file mode 100644 index 00000000000..7a8a68f33c0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-57.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "unset" where there is a variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: green; + color: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: unset; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-58.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-58.xht new file mode 100644 index 00000000000..553ccabf737 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-58.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value consists of a reference to a variable whose value is "unset".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --b: green; + color: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: var(--b); + --b: unset; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-59.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-59.xht new file mode 100644 index 00000000000..46fb9137a3a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-59.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with a trailing invalid token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: var(--a); + --a: green; + --a: red); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-60.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-60.xht new file mode 100644 index 00000000000..fcf6f73caa3 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-declaration-60.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /> +<title>CSS Test: Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +div { + color: orange; + --a: green; + color: var(--a); +} +p { + --b: İnitial; + --c: ınitial; + color: var(--b,var(--c,red)); +} +</style> +</head><body><div><p>This text must be green.</p></div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-external-declaration-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-external-declaration-01.xht new file mode 100644 index 00000000000..21c393e56c6 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-external-declaration-01.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable in an external CSS file.</title> +<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<link href="support/external-variable-declaration.css" type="text/css" rel="stylesheet" /> + +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-external-font-face-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-external-font-face-01.xht new file mode 100644 index 00000000000..9811e6fe5d7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-external-font-face-01.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the invalid declaration and use of a variable in an @font-face rule within an external CSS.</title> +<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="reference/variable-font-face-01-ref.xht" rel="match" /> +<link href="support/external-variable-font-face.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +</head><body><p id="a">This text must not be in Ahem.</p> +<p id="b">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-external-reference-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-external-reference-01.xht new file mode 100644 index 00000000000..a709625acb5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-external-reference-01.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS.</title> +<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/external-variable-reference.css" type="text/css" rel="stylesheet" /> +<link href="support/color-green-ref.xht" rel="match" /> + +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-external-supports-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-external-supports-01.xht new file mode 100644 index 00000000000..70e9d023ee0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-external-supports-01.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file.</title> +<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/external-variable-supports.css" type="text/css" rel="stylesheet" /> +<link href="support/color-green-ref.xht" rel="match" /> + +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-font-face-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-font-face-01.xht new file mode 100644 index 00000000000..0693864df8b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-font-face-01.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the invalid declaration and use of a variable in an @font-face rule.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="reference/variable-font-face-01-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<style> +@font-face { + --a: MyTestFontName; + font-family: var(--a); + src: url(../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} +</style> +</head><body><p id="a">This text must not be in Ahem.</p> +<p id="b">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-font-face-02.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-font-face-02.xht new file mode 100644 index 00000000000..0e3dcee9663 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-font-face-02.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="reference/variable-font-face-02-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<style> +:root { + --a: MyTestFontName; +} +@font-face { + font-family: var(--a); + src: url(../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} +</style> +</head><body><p id="a">This text must not be in Ahem.</p> +<p id="b">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-01.xht new file mode 100644 index 00000000000..a5ea88e31b4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-01.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of a variable in a non-custom property where the variable value is inherited.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +:root { + --a: green; +} +p { + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-02.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-02.xht new file mode 100644 index 00000000000..364e492c4a0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-02.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of a variable in a non-custom property where the value is invalid at computed-value time due to referencing a non-existent variable.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#invalid-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +:root { + --a: crimson; + color: red; +} +body { + color: green; +} +p { + color: orange; + color: var(--a) var(--b); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-03.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-03.xht new file mode 100644 index 00000000000..010f7182c13 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-03.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of two variables in a non-custom property where the variable values are inherited and one of the variable values consists only of white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +:root { + --a: green; + --b: ; + color: red; +} +p { + color: crimson; + color: var(--a) var(--b); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-04.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-04.xht new file mode 100644 index 00000000000..45ff0f3f61f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-04.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of two variables in a non-custom property where one variable is inherited and the other references a non-existing variable with fallback that consists only of white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +:root { + --a: green; + color: red; +} +p { + color: crimson; + color: var(--a) var(--b, ); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-05.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-05.xht new file mode 100644 index 00000000000..22bd0d78447 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-05.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: green; + color: red; +} +p { + color: crimson; + color:var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-06.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-06.xht new file mode 100644 index 00000000000..9a4bb70aa6d --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-06.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: crimson; + color: red; +} +p { + color: green; + color: var(--a,); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-07.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-07.xht new file mode 100644 index 00000000000..829d988a401 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-07.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: crimson; + color: red; +} +p { + color: green; + color: var(--a,;); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-08.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-08.xht new file mode 100644 index 00000000000..b1aa6d049ea --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-08.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: crimson; + color: red; +} +p { + color: green; + color: var(--a,!); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-09.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-09.xht new file mode 100644 index 00000000000..62ab0ea138c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-09.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with a variable reference that has a non-top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: green; + color: crimson; +} +p { + color: red; + color: var(--a,(;)); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-10.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-10.xht new file mode 100644 index 00000000000..eb6b3446be1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-10.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with a variable reference that has a non-top level '!' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: green; + color: crimson; +} +p { + color: red; + color: var(--a,(!)); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-11.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-11.xht new file mode 100644 index 00000000000..50906f80869 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-11.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: crimson; + color: red; +} +p { + color: green; + color: var(--a,/**/); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-12.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-12.xht new file mode 100644 index 00000000000..82cb870af3b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-12.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of variable references in the 'content' property.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="reference/variable-reference-12-ref.xht" rel="match" /> +<style> +:root { + --a: "hello"; + --b: "there"; +} +#a:before { + content: var(--a) " " var(--b); +} +</style> +</head><body><p>The words "hello there" must appear below:</p> +<p id="a"></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-13.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-13.xht new file mode 100644 index 00000000000..e010ea07433 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-13.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green !important; + --a: crimson; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-14.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-14.xht new file mode 100644 index 00000000000..56349756c8e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-14.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test that important variable declarations cascade correctly.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +#a { + --a: green !important; +} +p { + color: red; + --a: crimson; + color: var(--a); +} +</style> +</head><body><p id="a">This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-15.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-15.xht new file mode 100644 index 00000000000..d302f959c49 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-15.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with two variable references with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: crimson; + --a: orange; + --b: red; + color: var(--a)var(--b); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-16.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-16.xht new file mode 100644 index 00000000000..714cffc54bf --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-16.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: red; +} +p { + color: crimson; + color: var(--a, var(--b, var(--c, green))); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-17.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-17.xht new file mode 100644 index 00000000000..a11556809d5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-17.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: red; +} +p { + color: crimson; + --a: green; + color: var(--a, <!--); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-18.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-18.xht new file mode 100644 index 00000000000..dcfef42669e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-18.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: red; + color: { [ var(--a) ] }; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-19.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-19.xht new file mode 100644 index 00000000000..4b07b18854b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-19.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference and a non-top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: red; + color: [;] var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-20.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-20.xht new file mode 100644 index 00000000000..20c7a8b02fc --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-20.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference whose function token is in uppercase.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: VAR(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-21.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-21.xht new file mode 100644 index 00000000000..ca365260d9a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-21.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a reference to a variable whose name must be escaped.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --0: green; + color: var(--\30); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-22.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-22.xht new file mode 100644 index 00000000000..4b14ef70f52 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-22.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared and referenced using a lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --\d800: green; + color: var(--\d800); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-23.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-23.xht new file mode 100644 index 00000000000..74669ef18d0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-23.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using a lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --\d800: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-24.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-24.xht new file mode 100644 index 00000000000..d2c8b8ff145 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-24.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using an out-of-range Unicode character escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --\ffffff: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-25.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-25.xht new file mode 100644 index 00000000000..35d24f07fc4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-25.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: var(--a</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-26.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-26.xht new file mode 100644 index 00000000000..24586dc6084 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-26.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference with white space before its comma and fallback consisting only of white space and which is implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: var(--a , </style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-27.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-27.xht new file mode 100644 index 00000000000..e0b4e0cec6c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-27.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference with fallback consisting only of white space and which is implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: var(--a, </style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-28.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-28.xht new file mode 100644 index 00000000000..e0e964cc6ea --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-28.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference whose fallback is a variable reference, both of which are implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: var(--a, var(--b</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-29.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-29.xht new file mode 100644 index 00000000000..28373696dc0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-29.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference with no fallback, and whose variable name is followed by a comment, and where the comment and the variable reference are implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: var(--a /* unclosed comment</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-30.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-30.xht new file mode 100644 index 00000000000..5e04963c95d --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-30.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: green; + --a: red; + color: var(--a) !important !important; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-31.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-31.xht new file mode 100644 index 00000000000..4420223265f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-31.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; +} +p { + color: red; + --0: green; + color: var(--0); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-32.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-32.xht new file mode 100644 index 00000000000..4e7b31dcdee --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-32.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; +} +p { + color: green; + --a: red; + color: var(--a, " +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-33.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-33.xht new file mode 100644 index 00000000000..b7c7c8bc575 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-33.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; +} +p { + color: red; + --a: green; + color: var(--a, "</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-34.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-34.xht new file mode 100644 index 00000000000..18fb3125179 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-34.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; +} +p { + color: green; + --a: red; + color: var(--a, url(" +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-35.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-35.xht new file mode 100644 index 00000000000..795c163a24f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-35.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; +} +p { + color: red; + --a: green; + color: var(--a, url("</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-36.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-36.xht new file mode 100644 index 00000000000..cba08f89bbe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-36.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom shorthand property containing a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands" rel="help" /> +<link href="reference/variable-reference-36-ref.xht" rel="match" /> +<style> +p { + background-color: red; + --a: url(nothing) green; + background: var(--a); + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-37.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-37.xht new file mode 100644 index 00000000000..259d00960f5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-37.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom shorthand property containing a variable reference, with a subsequent property in the declaration block that overrides one of the shorthand's components.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands" rel="help" /> +<link href="reference/variable-reference-37-ref.xht" rel="match" /> +<style> +p { + --a: url(nothing) red; + background: var(--a); + background-color: green; + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-38.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-38.xht new file mode 100644 index 00000000000..8e149f24377 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-38.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test using variables in overlapping shorthands.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands" rel="help" /> +<link href="reference/variable-declaration-59-ref.xht" rel="match" /> +<style> +p { padding-left: 1em; } +#a { --style: solid; --left: black dotted; border-style: var(--style); border-left: var(--left); border-top: none; border-right: none; border-bottom: none; } +#b { --style: solid; --left: black dotted; border-left: var(--left); border-style: var(--style); border-top: none; border-right: none; border-bottom: none; } +</style> +</head><body><p id="a">The left border must be dotted.</p> +<p id="b">The left border must be solid.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-39.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-39.xht new file mode 100644 index 00000000000..1f2c6deb2a7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-reference-39.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that references itself but uses fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: var(--a, red); + color: var(--a, green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-01.xht new file mode 100644 index 00000000000..141d1a67aba --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-01.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color:var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-02.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-02.xht new file mode 100644 index 00000000000..5289385d9ca --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-02.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a white space token followed by a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-03.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-03.xht new file mode 100644 index 00000000000..e3ea44b27fe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-03.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a) ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-04.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-04.xht new file mode 100644 index 00000000000..f43423966d5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-04.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens and with white space surrounding the variable name.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var( --a ) ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-05.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-05.xht new file mode 100644 index 00000000000..d1d3a96cd15 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-05.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-06.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-06.xht new file mode 100644 index 00000000000..57a4c16a812 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-06.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference with fallback that is only white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a, )) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-07.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-07.xht new file mode 100644 index 00000000000..f62957cc01c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-07.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens, just a comment.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,/**/))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-08.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-08.xht new file mode 100644 index 00000000000..fa6bcf27440 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-08.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a,/**/a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-09.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-09.xht new file mode 100644 index 00000000000..1b520df9dab --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-09.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a '!' token at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,!))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-10.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-10.xht new file mode 100644 index 00000000000..55225ce7103 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-10.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having "!important" at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,!important))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-11.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-11.xht new file mode 100644 index 00000000000..bd8fe66ce61 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-11.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: 1px var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-12.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-12.xht new file mode 100644 index 00000000000..21e3cb4fcbe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-12.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a) 1px) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-13.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-13.xht new file mode 100644 index 00000000000..cd6f61a9d59 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-13.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing 'color' property declaration in an @supports rule with a range of different tokens and a variable reference not at the top level.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: something 3px url(whereever) calc(var(--a) + 1px)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-14.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-14.xht new file mode 100644 index 00000000000..fa2810895a8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-14.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a) !important) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-15.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-15.xht new file mode 100644 index 00000000000..6815ce1ac23 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-15.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-16.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-16.xht new file mode 100644 index 00000000000..0a1b2311d6e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-16.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule with a variable reference that has a number of levels of variable reference fallbacks.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a, var(--b, var(--c, black)))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-17.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-17.xht new file mode 100644 index 00000000000..15e499371b6 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-17.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule with two "!important" priorities.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a) !important !important)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-18.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-18.xht new file mode 100644 index 00000000000..4ef7cce1d93 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-18.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a) <!--) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-19.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-19.xht new file mode 100644 index 00000000000..bc7ccf5faec --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-19.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: --> var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-20.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-20.xht new file mode 100644 index 00000000000..0f00ee860a1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-20.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: { [ var(--a) ] }) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-21.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-21.xht new file mode 100644 index 00000000000..d6f0066469a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-21.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a ';' token at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,;))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-22.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-22.xht new file mode 100644 index 00000000000..27c02ded0cb --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-22.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: [;] var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-23.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-23.xht new file mode 100644 index 00000000000..1854f510288 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-23.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a);)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-24.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-24.xht new file mode 100644 index 00000000000..d5390f785d2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-24.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a non-top level ';' token in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a,(;))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-25.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-25.xht new file mode 100644 index 00000000000..79bc7189825 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-25.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: VAR(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-26.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-26.xht new file mode 100644 index 00000000000..2e74efbd571 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-26.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a digit after the "--" variable name prefix.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--0)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-27.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-27.xht new file mode 100644 index 00000000000..68b56b86954 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-27.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a variable name beginning with an escaped digit.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--\30)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-28.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-28.xht new file mode 100644 index 00000000000..7593afacc40 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-28.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an escaped lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--\d800)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-29.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-29.xht new file mode 100644 index 00000000000..4aede4ce016 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-29.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an out-of-range Unicode character escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--\ffffff)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-30.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-30.xht new file mode 100644 index 00000000000..d1c18f6b77e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-30.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a dimension token as the variable name.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(1px))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-31.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-31.xht new file mode 100644 index 00000000000..57a73c3b4a0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-31.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a , )) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-32.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-32.xht new file mode 100644 index 00000000000..48879e16c32 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-32.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (background: var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-33.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-33.xht new file mode 100644 index 00000000000..9644b00ed26 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-33.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a:var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-34.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-34.xht new file mode 100644 index 00000000000..641d1616836 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-34.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-35.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-35.xht new file mode 100644 index 00000000000..b3b7ac45515 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-35.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b) ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-36.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-36.xht new file mode 100644 index 00000000000..c0809791360 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-36.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space with the variable name also surrounded by white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var( --b ) ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-37.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-37.xht new file mode 100644 index 00000000000..02b90915372 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-37.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-38.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-38.xht new file mode 100644 index 00000000000..29f281e02e1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-38.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b, )) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-39.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-39.xht new file mode 100644 index 00000000000..b01d4eca642 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-39.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,/**/))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-40.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-40.xht new file mode 100644 index 00000000000..e95663f132f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-40.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting of a comment and an identifier.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b,/**/a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-41.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-41.xht new file mode 100644 index 00000000000..e9ca8562616 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-41.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,!))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-42.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-42.xht new file mode 100644 index 00000000000..2acb6c46947 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-42.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,!important))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-43.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-43.xht new file mode 100644 index 00000000000..96c92cf29c2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-43.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: 1px var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-44.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-44.xht new file mode 100644 index 00000000000..c8b06af93b5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-44.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b) 1px) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-45.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-45.xht new file mode 100644 index 00000000000..b5dcb3bcb00 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-45.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: something 3px url(whereever) calc(var(--b) + 1px)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-46.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-46.xht new file mode 100644 index 00000000000..981cc8c6d24 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-46.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b) !important) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-47.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-47.xht new file mode 100644 index 00000000000..4d9a3afebac --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-47.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b)var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-48.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-48.xht new file mode 100644 index 00000000000..566b3fe94f2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-48.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference with a number of levels of variable reference fallbacks.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b, var(--c, var(--d, black)))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-49.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-49.xht new file mode 100644 index 00000000000..14dd132d90e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-49.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b) !important !important)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-50.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-50.xht new file mode 100644 index 00000000000..dfef3097f76 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-50.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b) <!--) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-51.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-51.xht new file mode 100644 index 00000000000..20f1e11fd79 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-51.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: --> var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-52.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-52.xht new file mode 100644 index 00000000000..dfc91704c6c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-52.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: { [ var(--b) ] }) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-53.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-53.xht new file mode 100644 index 00000000000..2f90a7a379c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-53.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,;))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-54.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-54.xht new file mode 100644 index 00000000000..8f75c659a06 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-54.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: [;] var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-55.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-55.xht new file mode 100644 index 00000000000..a7b33e5c642 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-55.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b);)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-56.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-56.xht new file mode 100644 index 00000000000..04fe31d3ce4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-56.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains only a white space token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-57.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-57.xht new file mode 100644 index 00000000000..fe07b8b52fd --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-57.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains no tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a:)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-58.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-58.xht new file mode 100644 index 00000000000..334b5f3299f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-58.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing property declaration in an @supports rule with property name "--".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-59.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-59.xht new file mode 100644 index 00000000000..7309eee3843 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-59.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a:var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-60.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-60.xht new file mode 100644 index 00000000000..de9c013b0fe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-60.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule for a variable whose name is a digit.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--0: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-61.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-61.xht new file mode 100644 index 00000000000..6bb4c1f1f92 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-61.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--\61: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-62.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-62.xht new file mode 100644 index 00000000000..4559fd8f077 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-62.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an escaped lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--\d800: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-63.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-63.xht new file mode 100644 index 00000000000..845b06b5aa0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-63.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an out-of-range Unicode character escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--\ffffff: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-64.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-64.xht new file mode 100644 index 00000000000..4af721c232b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-64.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(1px))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-65.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-65.xht new file mode 100644 index 00000000000..db8e0828ee0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-65.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b , )) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-66.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-66.xht new file mode 100644 index 00000000000..26c5628de4c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-66.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (VAR-a: a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-67.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-67.xht new file mode 100644 index 00000000000..8ac2cdd45fe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/variable-supports-67.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: !) or (--a: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-1.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-1.xht new file mode 100644 index 00000000000..63ce0d4fd28 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-1.xht @@ -0,0 +1,39 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Introduction - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Introduction (0 tests)</h2> + <table width="100%"> + <col id="test-column"></col> + <col id="refs-column"></col> + <col id="flags-column"></col> + <col id="info-column"></col> + <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/css-variables-1/#intro">1 Introduction</a></th></tr> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-2.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-2.xht new file mode 100644 index 00000000000..ce4bed17dc5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-2.xht @@ -0,0 +1,837 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Defining Custom Properties: the '--*' family of properties - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Defining Custom Properties: the '--*' family of properties (96 tests)</h2> + <table width="100%"> + <col id="test-column"></col> + <col id="refs-column"></col> + <col id="flags-column"></col> + <col id="info-column"></col> + <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/css-variables-1/#defining-variables">2 Defining Custom Properties: the '--*' family of properties</a></th></tr> + <!-- 35 tests --> + <tr id="test_variable_legal_values-2" class="primary script"> + <td><strong> + <a href="test_variable_legal_values.xht">test_variable_legal_values</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>The <value> type used in the syntax above is defined as anything matching the "value" production in CSS 2.1 Chapter 4.1 [CSS21].</li> + </ul> + </td> + </tr> + <tr id="variable-declaration-06-2" class="primary"> + <td><strong> + <a href="variable-declaration-06.xht">variable-declaration-06</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test overriding an existing variable declaration. + </td> + </tr> + <tr id="variable-declaration-29-2" class="primary"> + <td><strong> + <a href="variable-declaration-29.xht">variable-declaration-29</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with a valid custom property name "--". + </td> + </tr> + <tr id="variable-declaration-31-2" class="primary"> + <td><strong> + <a href="variable-declaration-31.xht">variable-declaration-31</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with a digit. + </td> + </tr> + <tr id="variable-declaration-32-2" class="primary"> + <td><strong> + <a href="variable-declaration-32.xht">variable-declaration-32</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with an escaped digit. + </td> + </tr> + <tr id="variable-declaration-33-2" class="primary"> + <td><strong> + <a href="variable-declaration-33.xht">variable-declaration-33</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with an escaped letter. + </td> + </tr> + <tr id="variable-declaration-34-2" class="primary"> + <td><strong> + <a href="variable-declaration-34.xht">variable-declaration-34</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with a lone surrogate. + </td> + </tr> + <tr id="variable-declaration-35-2" class="primary"> + <td><strong> + <a href="variable-declaration-35.xht">variable-declaration-35</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with U+FFFD. + </td> + </tr> + <tr id="variable-declaration-36-2" class="primary"> + <td><strong> + <a href="variable-declaration-36.xht">variable-declaration-36</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the variable name begins with an out-of-range Unicode character escape. + </td> + </tr> + <tr id="variable-declaration-38-2" class="primary"> + <td><strong> + <a href="variable-declaration-38.xht">variable-declaration-38</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring two variables in the same declaration block that differ only in case, with lowercase first. + </td> + </tr> + <tr id="variable-declaration-39-2" class="primary"> + <td><strong> + <a href="variable-declaration-39.xht">variable-declaration-39</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring two variables in the same declaration block that differ only in case, with uppercase first. + </td> + </tr> + <tr id="variable-declaration-40-2" class="primary"> + <td><strong> + <a href="variable-declaration-40.xht">variable-declaration-40</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with an invalid custom property name due to it beginning with "VAR-". + </td> + </tr> + <tr id="variable-declaration-41-2" class="primary"> + <td><strong> + <a href="variable-declaration-41.xht">variable-declaration-41</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped. + </td> + </tr> + <tr id="variable-declaration-42-2" class="primary"> + <td><strong> + <a href="variable-declaration-42.xht">variable-declaration-42</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character. + </td> + </tr> + <tr id="variable-declaration-43-2" class="primary"> + <td><strong> + <a href="variable-declaration-43.xht">variable-declaration-43</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "initial". + </td> + </tr> + <tr id="variable-declaration-44-2" class="primary"> + <td><strong> + <a href="variable-declaration-44.xht">variable-declaration-44</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "inherit" where there is no variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-45-2" class="primary"> + <td><strong> + <a href="variable-declaration-45.xht">variable-declaration-45</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "inherit" where there is a variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-46-2" class="primary"> + <td><strong> + <a href="variable-declaration-46.xht">variable-declaration-46</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "initial" where there is a variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-47-2" class="primary"> + <td><strong> + <a href="variable-declaration-47.xht">variable-declaration-47</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value consists of a reference to a variable whose value is "inherit". + </td> + </tr> + <tr id="variable-declaration-56-2" class="primary"> + <td><strong> + <a href="variable-declaration-56.xht">variable-declaration-56</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "unset" where there is no variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-57-2" class="primary"> + <td><strong> + <a href="variable-declaration-57.xht">variable-declaration-57</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value is "unset" where there is a variable to inherit from. + </td> + </tr> + <tr id="variable-declaration-58-2" class="primary"> + <td><strong> + <a href="variable-declaration-58.xht">variable-declaration-58</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable whose value consists of a reference to a variable whose value is "unset". + </td> + </tr> + <tr id="variable-declaration-59-2" class="primary"> + <td><strong> + <a href="variable-declaration-59.xht">variable-declaration-59</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with a trailing invalid token. + </td> + </tr> + <tr id="variable-external-font-face-01-2" class="primary ahem"> + <td><strong> + <a href="variable-external-font-face-01.xht">variable-external-font-face-01</a></strong></td> + <td><a href="reference/variable-font-face-01-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test the invalid declaration and use of a variable in an @font-face rule within an external CSS. + </td> + </tr> + <tr id="variable-font-face-01-2" class="primary ahem"> + <td><strong> + <a href="variable-font-face-01.xht">variable-font-face-01</a></strong></td> + <td><a href="reference/variable-font-face-01-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test the invalid declaration and use of a variable in an @font-face rule. + </td> + </tr> + <tr id="variable-font-face-02-2" class="primary ahem"> + <td><strong> + <a href="variable-font-face-02.xht">variable-font-face-02</a></strong></td> + <td><a href="reference/variable-font-face-02-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element. + </td> + </tr> + <tr id="variable-reference-13-2" class="primary"> + <td><strong> + <a href="variable-reference-13.xht">variable-reference-13</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block. + </td> + </tr> + <tr id="variable-reference-14-2" class="primary"> + <td><strong> + <a href="variable-reference-14.xht">variable-reference-14</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test that important variable declarations cascade correctly. + </td> + </tr> + <tr id="variable-supports-58-2" class="primary"> + <td><strong> + <a href="variable-supports-58.xht">variable-supports-58</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing property declaration in an @supports rule with property name "--". + </td> + </tr> + <tr id="variable-supports-60-2" class="primary"> + <td><strong> + <a href="variable-supports-60.xht">variable-supports-60</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule for a variable whose name is a digit. + </td> + </tr> + <tr id="variable-supports-61-2" class="primary"> + <td><strong> + <a href="variable-supports-61.xht">variable-supports-61</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape. + </td> + </tr> + <tr id="variable-supports-62-2" class="primary"> + <td><strong> + <a href="variable-supports-62.xht">variable-supports-62</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an escaped lone surrogate. + </td> + </tr> + <tr id="variable-supports-63-2" class="primary"> + <td><strong> + <a href="variable-supports-63.xht">variable-supports-63</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an out-of-range Unicode character escape. + </td> + </tr> + <tr id="variable-supports-66-2" class="primary"> + <td><strong> + <a href="variable-supports-66.xht">variable-supports-66</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-". + </td> + </tr> + <tr id="variable-supports-67-2" class="primary"> + <td><strong> + <a href="variable-supports-67.xht">variable-supports-67</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse. + </td> + </tr> + </tbody> + <tbody id="s2.#custom-property"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.#propdef---"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.#typedef-custom-property-name"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.1"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s2.1">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#syntax">2.1 Custom Property Value Syntax</a></th></tr> + <!-- 55 tests --> + <tr id="variable-declaration-01-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-01.xht">variable-declaration-01</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a single token preceded by white space. + </td> + </tr> + <tr id="variable-declaration-02-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-02.xht">variable-declaration-02</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a single token with no preceding white space. + </td> + </tr> + <tr id="variable-declaration-03-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-03.xht">variable-declaration-03</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that references another variable. + </td> + </tr> + <tr id="variable-declaration-04-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-04.xht">variable-declaration-04</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a variable reference followed by white space. + </td> + </tr> + <tr id="variable-declaration-05-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-05.xht">variable-declaration-05</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a variable reference that includes white space around the variable name. + </td> + </tr> + <tr id="variable-declaration-07-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-07.xht">variable-declaration-07</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback. + </td> + </tr> + <tr id="variable-declaration-08-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-08.xht">variable-declaration-08</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a variable reference whose fallback is white space. + </td> + </tr> + <tr id="variable-declaration-09-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-09.xht">variable-declaration-09</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback. + </td> + </tr> + <tr id="variable-declaration-10-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-10.xht">variable-declaration-10</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier. + </td> + </tr> + <tr id="variable-declaration-11-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-11.xht">variable-declaration-11</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback. + </td> + </tr> + <tr id="variable-declaration-12-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-12.xht">variable-declaration-12</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback. + </td> + </tr> + <tr id="variable-declaration-13-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-13.xht">variable-declaration-13</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback. + </td> + </tr> + <tr id="variable-declaration-14-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-14.xht">variable-declaration-14</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space. + </td> + </tr> + <tr id="variable-declaration-15-2.1" class="primary ahem"> + <td><strong> + <a href="variable-declaration-15.xht">variable-declaration-15</a></strong></td> + <td><a href="reference/variable-declaration-15-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test declaring a variable that consists of a comma-separated font family list. + </td> + </tr> + <tr id="variable-declaration-16-2.1" class="primary ahem"> + <td><strong> + <a href="variable-declaration-16.xht">variable-declaration-16</a></strong></td> + <td><a href="reference/variable-declaration-16-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference. + </td> + </tr> + <tr id="variable-declaration-17-2.1" class="primary ahem"> + <td><strong> + <a href="variable-declaration-17.xht">variable-declaration-17</a></strong></td> + <td><a href="reference/variable-declaration-17-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference. + </td> + </tr> + <tr id="variable-declaration-18-2.1" class="primary ahem"> + <td><strong> + <a href="variable-declaration-18.xht">variable-declaration-18</a></strong></td> + <td><a href="reference/variable-declaration-18-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference. + </td> + </tr> + <tr id="variable-declaration-19-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-19.xht">variable-declaration-19</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a function where one of the arguments is a variable reference. + </td> + </tr> + <tr id="variable-declaration-20-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-20.xht">variable-declaration-20</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with "!important". + </td> + </tr> + <tr id="variable-declaration-21-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-21.xht">variable-declaration-21</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references. + </td> + </tr> + <tr id="variable-declaration-22-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-22.xht">variable-declaration-22</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks. + </td> + </tr> + <tr id="variable-declaration-23-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-23.xht">variable-declaration-23</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to having two "!important" priorities. + </td> + </tr> + <tr id="variable-declaration-24-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-24.xht">variable-declaration-24</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that contains a CDO token. + </td> + </tr> + <tr id="variable-declaration-25-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-25.xht">variable-declaration-25</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that contains a CDC token. + </td> + </tr> + <tr id="variable-declaration-26-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-26.xht">variable-declaration-26</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that contains only a white space token. + </td> + </tr> + <tr id="variable-declaration-28-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-28.xht">variable-declaration-28</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with invalid syntax due to having no tokens. + </td> + </tr> + <tr id="variable-declaration-37-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-37.xht">variable-declaration-37</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback. + </td> + </tr> + <tr id="variable-declaration-60-2.1" class="primary"> + <td><strong> + <a href="variable-declaration-60.xht">variable-declaration-60</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's. + </td> + </tr> + <tr id="variable-external-declaration-01-2.1" class="primary"> + <td><strong> + <a href="variable-external-declaration-01.xht">variable-external-declaration-01</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable in an external CSS file. + </td> + </tr> + <tr id="variable-supports-33-2.1" class="primary"> + <td><strong> + <a href="variable-supports-33.xht">variable-supports-33</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference. + </td> + </tr> + <tr id="variable-supports-34-2.1" class="primary"> + <td><strong> + <a href="variable-supports-34.xht">variable-supports-34</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference. + </td> + </tr> + <tr id="variable-supports-35-2.1" class="primary"> + <td><strong> + <a href="variable-supports-35.xht">variable-supports-35</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space. + </td> + </tr> + <tr id="variable-supports-36-2.1" class="primary"> + <td><strong> + <a href="variable-supports-36.xht">variable-supports-36</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space with the variable name also surrounded by white space. + </td> + </tr> + <tr id="variable-supports-37-2.1" class="primary"> + <td><strong> + <a href="variable-supports-37.xht">variable-supports-37</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens. + </td> + </tr> + <tr id="variable-supports-38-2.1" class="primary"> + <td><strong> + <a href="variable-supports-38.xht">variable-supports-38</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space. + </td> + </tr> + <tr id="variable-supports-39-2.1" class="primary"> + <td><strong> + <a href="variable-supports-39.xht">variable-supports-39</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment. + </td> + </tr> + <tr id="variable-supports-40-2.1" class="primary"> + <td><strong> + <a href="variable-supports-40.xht">variable-supports-40</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting of a comment and an identifier. + </td> + </tr> + <tr id="variable-supports-41-2.1" class="primary"> + <td><strong> + <a href="variable-supports-41.xht">variable-supports-41</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token. + </td> + </tr> + <tr id="variable-supports-42-2.1" class="primary"> + <td><strong> + <a href="variable-supports-42.xht">variable-supports-42</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important". + </td> + </tr> + <tr id="variable-supports-43-2.1" class="primary"> + <td><strong> + <a href="variable-supports-43.xht">variable-supports-43</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference. + </td> + </tr> + <tr id="variable-supports-44-2.1" class="primary"> + <td><strong> + <a href="variable-supports-44.xht">variable-supports-44</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension. + </td> + </tr> + <tr id="variable-supports-45-2.1" class="primary"> + <td><strong> + <a href="variable-supports-45.xht">variable-supports-45</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference. + </td> + </tr> + <tr id="variable-supports-46-2.1" class="primary"> + <td><strong> + <a href="variable-supports-46.xht">variable-supports-46</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority. + </td> + </tr> + <tr id="variable-supports-47-2.1" class="primary"> + <td><strong> + <a href="variable-supports-47.xht">variable-supports-47</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space. + </td> + </tr> + <tr id="variable-supports-48-2.1" class="primary"> + <td><strong> + <a href="variable-supports-48.xht">variable-supports-48</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference with a number of levels of variable reference fallbacks. + </td> + </tr> + <tr id="variable-supports-49-2.1" class="primary"> + <td><strong> + <a href="variable-supports-49.xht">variable-supports-49</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities. + </td> + </tr> + <tr id="variable-supports-50-2.1" class="primary"> + <td><strong> + <a href="variable-supports-50.xht">variable-supports-50</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token. + </td> + </tr> + <tr id="variable-supports-51-2.1" class="primary"> + <td><strong> + <a href="variable-supports-51.xht">variable-supports-51</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token. + </td> + </tr> + <tr id="variable-supports-52-2.1" class="primary"> + <td><strong> + <a href="variable-supports-52.xht">variable-supports-52</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets. + </td> + </tr> + <tr id="variable-supports-53-2.1" class="primary"> + <td><strong> + <a href="variable-supports-53.xht">variable-supports-53</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback. + </td> + </tr> + <tr id="variable-supports-54-2.1" class="primary"> + <td><strong> + <a href="variable-supports-54.xht">variable-supports-54</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token. + </td> + </tr> + <tr id="variable-supports-55-2.1" class="primary"> + <td><strong> + <a href="variable-supports-55.xht">variable-supports-55</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback. + </td> + </tr> + <tr id="variable-supports-56-2.1" class="primary"> + <td><strong> + <a href="variable-supports-56.xht">variable-supports-56</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains only a white space token. + </td> + </tr> + <tr id="variable-supports-57-2.1" class="primary"> + <td><strong> + <a href="variable-supports-57.xht">variable-supports-57</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value contains no tokens. + </td> + </tr> + <tr id="variable-supports-65-2.1" class="primary"> + <td><strong> + <a href="variable-supports-65.xht">variable-supports-65</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma. + </td> + </tr> + </tbody> + <tbody id="s2.1.#animation-tainted"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.1.#typedef-any-value"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.2"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s2.2">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#cycles">2.2 Resolving Dependency Cycles</a></th></tr> + <!-- 6 tests --> + <tr id="variable-declaration-30-2.2" class="primary"> + <td><strong> + <a href="variable-declaration-30.xht">variable-declaration-30</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that contains a variable reference to itself. + </td> + </tr> + <tr id="variable-declaration-48-2.2" class="primary"> + <td><strong> + <a href="variable-declaration-48.xht">variable-declaration-48</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a number of variables in a cycle. + </td> + </tr> + <tr id="variable-declaration-49-2.2" class="primary"> + <td><strong> + <a href="variable-declaration-49.xht">variable-declaration-49</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle. + </td> + </tr> + <tr id="variable-declaration-50-2.2" class="primary"> + <td><strong> + <a href="variable-declaration-50.xht">variable-declaration-50</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a number of variables in a chain, where the final element of the chain uses its fallback. + </td> + </tr> + <tr id="variable-reference-39-2.2" class="primary"> + <td><strong> + <a href="variable-reference-39.xht">variable-reference-39</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that references itself but uses fallback. + </td> + </tr> + <tr id="variable-supports-59-2.2" class="primary"> + <td><strong> + <a href="variable-supports-59.xht">variable-supports-59</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself. + </td> + </tr> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-3.xht new file mode 100644 index 00000000000..482b930dfa6 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-3.xht @@ -0,0 +1,693 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Using Cascading Variables: the var() notation - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Using Cascading Variables: the var() notation (78 tests)</h2> + <table width="100%"> + <col id="test-column"></col> + <col id="refs-column"></col> + <col id="flags-column"></col> + <col id="info-column"></col> + <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/css-variables-1/#using-variables">3 Using Cascading Variables: the var() notation</a></th></tr> + <!-- 73 tests --> + <tr id="css-vars-custom-property-case-sensitive-001-3" class="primary"> + <td><strong> + <a href="css-vars-custom-property-case-sensitive-001.xht">css-vars-custom-property-case-sensitive-001</a></strong></td> + <td><a href="reference/css-vars-custom-property-case-sensitive-ref.xht">=</a> </td> + <td></td> + <td>custom property names start with "var-" in lower case + <ul class="assert"> + <li>Custom property names start with var- which must be lower case</li> + </ul> + </td> + </tr> + <tr id="css-vars-custom-property-inheritance-3" class="primary"> + <td><strong> + <a href="css-vars-custom-property-inheritance.xht">css-vars-custom-property-inheritance</a></strong></td> + <td><a href="reference/css-vars-custom-property-inheritance-ref.xht">=</a> </td> + <td></td> + <td>custom properties use normal inheritance and cascade rules + <ul class="assert"> + <li>custom properties are resolved with the normal inheritance and cascade rules</li> + </ul> + </td> + </tr> + <tr id="variable-declaration-52-3" class="primary"> + <td><strong> + <a href="variable-declaration-52.xht">variable-declaration-52</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback. + </td> + </tr> + <tr id="variable-declaration-53-3" class="primary"> + <td><strong> + <a href="variable-declaration-53.xht">variable-declaration-53</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of two variable references without fallback and with no intervening white space. + </td> + </tr> + <tr id="variable-declaration-54-3" class="primary"> + <td><strong> + <a href="variable-declaration-54.xht">variable-declaration-54</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space. + </td> + </tr> + <tr id="variable-declaration-55-3" class="primary"> + <td><strong> + <a href="variable-declaration-55.xht">variable-declaration-55</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space. + </td> + </tr> + <tr id="variable-external-reference-01-3" class="primary"> + <td><strong> + <a href="variable-external-reference-01.xht">variable-external-reference-01</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS. + </td> + </tr> + <tr id="variable-external-supports-01-3" class="primary"> + <td><strong> + <a href="variable-external-supports-01.xht">variable-external-supports-01</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file. + </td> + </tr> + <tr id="variable-reference-01-3" class="primary"> + <td><strong> + <a href="variable-reference-01.xht">variable-reference-01</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test the use of a variable in a non-custom property where the variable value is inherited. + </td> + </tr> + <tr id="variable-reference-03-3" class="primary"> + <td><strong> + <a href="variable-reference-03.xht">variable-reference-03</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test the use of two variables in a non-custom property where the variable values are inherited and one of the variable values consists only of white space. + </td> + </tr> + <tr id="variable-reference-04-3" class="primary"> + <td><strong> + <a href="variable-reference-04.xht">variable-reference-04</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test the use of two variables in a non-custom property where one variable is inherited and the other references a non-existing variable with fallback that consists only of white space. + </td> + </tr> + <tr id="variable-reference-05-3" class="primary"> + <td><strong> + <a href="variable-reference-05.xht">variable-reference-05</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference. + </td> + </tr> + <tr id="variable-reference-06-3" class="primary"> + <td><strong> + <a href="variable-reference-06.xht">variable-reference-06</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens. + </td> + </tr> + <tr id="variable-reference-07-3" class="primary"> + <td><strong> + <a href="variable-reference-07.xht">variable-reference-07</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token. + </td> + </tr> + <tr id="variable-reference-08-3" class="primary"> + <td><strong> + <a href="variable-reference-08.xht">variable-reference-08</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token. + </td> + </tr> + <tr id="variable-reference-09-3" class="primary"> + <td><strong> + <a href="variable-reference-09.xht">variable-reference-09</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with a variable reference that has a non-top level ';' token. + </td> + </tr> + <tr id="variable-reference-10-3" class="primary"> + <td><strong> + <a href="variable-reference-10.xht">variable-reference-10</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with a variable reference that has a non-top level '!' token. + </td> + </tr> + <tr id="variable-reference-11-3" class="primary"> + <td><strong> + <a href="variable-reference-11.xht">variable-reference-11</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment. + </td> + </tr> + <tr id="variable-reference-12-3" class="primary"> + <td><strong> + <a href="variable-reference-12.xht">variable-reference-12</a></strong></td> + <td><a href="reference/variable-reference-12-ref.xht">=</a> </td> + <td></td> + <td>Test the use of variable references in the 'content' property. + </td> + </tr> + <tr id="variable-reference-15-3" class="primary"> + <td><strong> + <a href="variable-reference-15.xht">variable-reference-15</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with two variable references with no intervening white space. + </td> + </tr> + <tr id="variable-reference-16-3" class="primary"> + <td><strong> + <a href="variable-reference-16.xht">variable-reference-16</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks. + </td> + </tr> + <tr id="variable-reference-17-3" class="primary"> + <td><strong> + <a href="variable-reference-17.xht">variable-reference-17</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token. + </td> + </tr> + <tr id="variable-reference-18-3" class="primary"> + <td><strong> + <a href="variable-reference-18.xht">variable-reference-18</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets. + </td> + </tr> + <tr id="variable-reference-19-3" class="primary"> + <td><strong> + <a href="variable-reference-19.xht">variable-reference-19</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference and a non-top level ';' token. + </td> + </tr> + <tr id="variable-reference-20-3" class="primary"> + <td><strong> + <a href="variable-reference-20.xht">variable-reference-20</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference whose function token is in uppercase. + </td> + </tr> + <tr id="variable-reference-21-3" class="primary"> + <td><strong> + <a href="variable-reference-21.xht">variable-reference-21</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a reference to a variable whose name must be escaped. + </td> + </tr> + <tr id="variable-reference-22-3" class="primary"> + <td><strong> + <a href="variable-reference-22.xht">variable-reference-22</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared and referenced using a lone surrogate. + </td> + </tr> + <tr id="variable-reference-23-3" class="primary"> + <td><strong> + <a href="variable-reference-23.xht">variable-reference-23</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using a lone surrogate. + </td> + </tr> + <tr id="variable-reference-24-3" class="primary"> + <td><strong> + <a href="variable-reference-24.xht">variable-reference-24</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using an out-of-range Unicode character escape. + </td> + </tr> + <tr id="variable-reference-25-3" class="primary"> + <td><strong> + <a href="variable-reference-25.xht">variable-reference-25</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-26-3" class="primary"> + <td><strong> + <a href="variable-reference-26.xht">variable-reference-26</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference with white space before its comma and fallback consisting only of white space and which is implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-27-3" class="primary"> + <td><strong> + <a href="variable-reference-27.xht">variable-reference-27</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference with fallback consisting only of white space and which is implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-28-3" class="primary"> + <td><strong> + <a href="variable-reference-28.xht">variable-reference-28</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference whose fallback is a variable reference, both of which are implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-29-3" class="primary"> + <td><strong> + <a href="variable-reference-29.xht">variable-reference-29</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property that contains a variable reference with no fallback, and whose variable name is followed by a comment, and where the comment and the variable reference are implicitly closed due to EOF. + </td> + </tr> + <tr id="variable-reference-30-3" class="primary"> + <td><strong> + <a href="variable-reference-30.xht">variable-reference-30</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities. + </td> + </tr> + <tr id="variable-reference-31-3" class="primary"> + <td><strong> + <a href="variable-reference-31.xht">variable-reference-31</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix. + </td> + </tr> + <tr id="variable-reference-32-3" class="primary"> + <td><strong> + <a href="variable-reference-32.xht">variable-reference-32</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string. + </td> + </tr> + <tr id="variable-reference-33-3" class="primary"> + <td><strong> + <a href="variable-reference-33.xht">variable-reference-33</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF. + </td> + </tr> + <tr id="variable-reference-34-3" class="primary"> + <td><strong> + <a href="variable-reference-34.xht">variable-reference-34</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL. + </td> + </tr> + <tr id="variable-reference-35-3" class="primary"> + <td><strong> + <a href="variable-reference-35.xht">variable-reference-35</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF. + </td> + </tr> + <tr id="variable-supports-01-3" class="primary"> + <td><strong> + <a href="variable-supports-01.xht">variable-supports-01</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens. + </td> + </tr> + <tr id="variable-supports-02-3" class="primary"> + <td><strong> + <a href="variable-supports-02.xht">variable-supports-02</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a white space token followed by a variable reference. + </td> + </tr> + <tr id="variable-supports-03-3" class="primary"> + <td><strong> + <a href="variable-supports-03.xht">variable-supports-03</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens. + </td> + </tr> + <tr id="variable-supports-04-3" class="primary"> + <td><strong> + <a href="variable-supports-04.xht">variable-supports-04</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens and with white space surrounding the variable name. + </td> + </tr> + <tr id="variable-supports-05-3" class="primary"> + <td><strong> + <a href="variable-supports-05.xht">variable-supports-05</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens. + </td> + </tr> + <tr id="variable-supports-06-3" class="primary"> + <td><strong> + <a href="variable-supports-06.xht">variable-supports-06</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference with fallback that is only white space. + </td> + </tr> + <tr id="variable-supports-07-3" class="primary"> + <td><strong> + <a href="variable-supports-07.xht">variable-supports-07</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens, just a comment. + </td> + </tr> + <tr id="variable-supports-08-3" class="primary"> + <td><strong> + <a href="variable-supports-08.xht">variable-supports-08</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier. + </td> + </tr> + <tr id="variable-supports-09-3" class="primary"> + <td><strong> + <a href="variable-supports-09.xht">variable-supports-09</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a '!' token at the top level of its fallback. + </td> + </tr> + <tr id="variable-supports-10-3" class="primary"> + <td><strong> + <a href="variable-supports-10.xht">variable-supports-10</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having "!important" at the top level of its fallback. + </td> + </tr> + <tr id="variable-supports-11-3" class="primary"> + <td><strong> + <a href="variable-supports-11.xht">variable-supports-11</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value. + </td> + </tr> + <tr id="variable-supports-12-3" class="primary"> + <td><strong> + <a href="variable-supports-12.xht">variable-supports-12</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value. + </td> + </tr> + <tr id="variable-supports-13-3" class="primary"> + <td><strong> + <a href="variable-supports-13.xht">variable-supports-13</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing 'color' property declaration in an @supports rule with a range of different tokens and a variable reference not at the top level. + </td> + </tr> + <tr id="variable-supports-14-3" class="primary"> + <td><strong> + <a href="variable-supports-14.xht">variable-supports-14</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority. + </td> + </tr> + <tr id="variable-supports-15-3" class="primary"> + <td><strong> + <a href="variable-supports-15.xht">variable-supports-15</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space. + </td> + </tr> + <tr id="variable-supports-16-3" class="primary"> + <td><strong> + <a href="variable-supports-16.xht">variable-supports-16</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule with a variable reference that has a number of levels of variable reference fallbacks. + </td> + </tr> + <tr id="variable-supports-17-3" class="primary"> + <td><strong> + <a href="variable-supports-17.xht">variable-supports-17</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule with two "!important" priorities. + </td> + </tr> + <tr id="variable-supports-18-3" class="primary"> + <td><strong> + <a href="variable-supports-18.xht">variable-supports-18</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token. + </td> + </tr> + <tr id="variable-supports-19-3" class="primary"> + <td><strong> + <a href="variable-supports-19.xht">variable-supports-19</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token. + </td> + </tr> + <tr id="variable-supports-20-3" class="primary"> + <td><strong> + <a href="variable-supports-20.xht">variable-supports-20</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets. + </td> + </tr> + <tr id="variable-supports-21-3" class="primary"> + <td><strong> + <a href="variable-supports-21.xht">variable-supports-21</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a ';' token at the top level of its fallback. + </td> + </tr> + <tr id="variable-supports-22-3" class="primary"> + <td><strong> + <a href="variable-supports-22.xht">variable-supports-22</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token. + </td> + </tr> + <tr id="variable-supports-23-3" class="primary"> + <td><strong> + <a href="variable-supports-23.xht">variable-supports-23</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token. + </td> + </tr> + <tr id="variable-supports-24-3" class="primary"> + <td><strong> + <a href="variable-supports-24.xht">variable-supports-24</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a non-top level ';' token in its fallback. + </td> + </tr> + <tr id="variable-supports-25-3" class="primary"> + <td><strong> + <a href="variable-supports-25.xht">variable-supports-25</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase. + </td> + </tr> + <tr id="variable-supports-26-3" class="primary"> + <td><strong> + <a href="variable-supports-26.xht">variable-supports-26</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a digit after the "--" variable name prefix. + </td> + </tr> + <tr id="variable-supports-27-3" class="primary"> + <td><strong> + <a href="variable-supports-27.xht">variable-supports-27</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a variable name beginning with an escaped digit. + </td> + </tr> + <tr id="variable-supports-28-3" class="primary"> + <td><strong> + <a href="variable-supports-28.xht">variable-supports-28</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an escaped lone surrogate. + </td> + </tr> + <tr id="variable-supports-29-3" class="primary"> + <td><strong> + <a href="variable-supports-29.xht">variable-supports-29</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an out-of-range Unicode character escape. + </td> + </tr> + <tr id="variable-supports-30-3" class="primary"> + <td><strong> + <a href="variable-supports-30.xht">variable-supports-30</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a dimension token as the variable name. + </td> + </tr> + <tr id="variable-supports-31-3" class="primary"> + <td><strong> + <a href="variable-supports-31.xht">variable-supports-31</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma. + </td> + </tr> + <tr id="variable-supports-32-3" class="primary"> + <td><strong> + <a href="variable-supports-32.xht">variable-supports-32</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference. + </td> + </tr> + <tr id="variable-supports-64-3" class="primary"> + <td><strong> + <a href="variable-supports-64.xht">variable-supports-64</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name. + </td> + </tr> + </tbody> + <tbody id="s3.#funcdef-var"> + <!-- 0 tests --> + </tbody> + <tbody id="s3.#substitute-a-var"> + <!-- 0 tests --> + </tbody> + <tbody id="s3.1"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s3.1">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#invalid-variables">3.1 Invalid Variables</a></th></tr> + <!-- 2 tests --> + <tr id="variable-declaration-51-3.1" class="primary"> + <td><strong> + <a href="variable-declaration-51.xht">variable-declaration-51</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a variable that consists of a reference to an invalid inherited variable. + </td> + </tr> + <tr id="variable-reference-02-3.1" class="primary"> + <td><strong> + <a href="variable-reference-02.xht">variable-reference-02</a></strong></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td></td> + <td>Test the use of a variable in a non-custom property where the value is invalid at computed-value time due to referencing a non-existent variable. + </td> + </tr> + </tbody> + <tbody id="s3.1.#invalid-at-computed-value-time"> + <!-- 0 tests --> + </tbody> + <tbody id="s3.2"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s3.2">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands">3.2 Variables in Shorthand Properties</a></th></tr> + <!-- 3 tests --> + <tr id="variable-reference-36-3.2" class="primary"> + <td><strong> + <a href="variable-reference-36.xht">variable-reference-36</a></strong></td> + <td><a href="reference/variable-reference-36-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom shorthand property containing a variable reference. + </td> + </tr> + <tr id="variable-reference-37-3.2" class="primary"> + <td><strong> + <a href="variable-reference-37.xht">variable-reference-37</a></strong></td> + <td><a href="reference/variable-reference-37-ref.xht">=</a> </td> + <td></td> + <td>Test declaring a non-custom shorthand property containing a variable reference, with a subsequent property in the declaration block that overrides one of the shorthand's components. + </td> + </tr> + <tr id="variable-reference-38-3.2" class="primary"> + <td><strong> + <a href="variable-reference-38.xht">variable-reference-38</a></strong></td> + <td><a href="reference/variable-declaration-59-ref.xht">=</a> </td> + <td></td> + <td>Test using variables in overlapping shorthands. + </td> + </tr> + </tbody> + <tbody id="s3.2.#pending-substitution-value"> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-4.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-4.xht new file mode 100644 index 00000000000..c3fa103089c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-4.xht @@ -0,0 +1,45 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>APIs - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>APIs (0 tests)</h2> + <table width="100%"> + <col id="test-column"></col> + <col id="refs-column"></col> + <col id="flags-column"></col> + <col id="info-column"></col> + <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/css-variables-1/#apis">4 APIs</a></th></tr> + <!-- 0 tests --> + </tbody> + <tbody id="s4.1"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s4.1">+</a> + <a href="http://www.w3.org/TR/css-variables-1/#serializing-custom-props">4.1 Serializing Custom Properties</a></th></tr> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-5.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-5.xht new file mode 100644 index 00000000000..ec3c3ea5e14 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-5.xht @@ -0,0 +1,39 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Changes since the June 20 2013 Last Call Working Draft - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Changes since the June 20 2013 Last Call Working Draft (0 tests)</h2> + <table width="100%"> + <col id="test-column"></col> + <col id="refs-column"></col> + <col id="flags-column"></col> + <col id="info-column"></col> + <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/css-variables-1/#changes">5 Changes since the June 20 2013 Last Call Working Draft</a></th></tr> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-6.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-6.xht new file mode 100644 index 00000000000..975d97ace3a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/chapter-6.xht @@ -0,0 +1,96 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Acknowledgments - CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite</h1> + <h2>Acknowledgments (0 tests)</h2> + <table width="100%"> + <col id="test-column"></col> + <col id="refs-column"></col> + <col id="flags-column"></col> + <col id="info-column"></col> + <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/css-variables-1/#acks">6 Acknowledgments</a></th></tr> + <!-- 0 tests --> + </tbody> + <tbody id="s.#abstract"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#conformance"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#conformance-classes"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#contents"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#conventions"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#css-extensions"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#cssom"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#experimental"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#index"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#informative"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#normative"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#partial"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#property-index"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#references"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#rfc2119"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#status"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#subtitle"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#testing"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#title"> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/css-vars-custom-property-case-sensitive-001.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/css-vars-custom-property-case-sensitive-001.xht new file mode 100644 index 00000000000..809531004fe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/css-vars-custom-property-case-sensitive-001.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Variables Test: custom property names start with "var-" in lower case</title> + <meta charset="UTF-8" /> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins" /> + <link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> + <meta content="Custom property names start with var- which must be lower case" name="assert" /> + <link href="reference/css-vars-custom-property-case-sensitive-ref.xht" rel="match" /> + <style type="text/css"> + :root { + /* these should be VALID custom property names */ + var-veryblue: #22e; + var-AlsoBlue: #22e; + + /* these should be INVALID custom property names */ + VAR-veryred: #f00; + Var-AlsoRed: #f00; + } + + .blue-good-1 { color: var(veryblue); } + .blue-good-2 { color: var(AlsoBlue); } + .red-bad-1 { color: var(veryred); } + .red-bad-2 { color: var(AlsoRed); } + </style> +</head> +<body> + <h2 class="blue-good-1">Valid CSS Variable Names</h2> + <p class="blue-good-1">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <p class="blue-good-2">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <br /> + <h2 class="red-bad-1">Invalid CSS Variable Names</h2> + <p class="red-bad-1">This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + <p class="red-bad-2">This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/css-vars-custom-property-inheritance.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/css-vars-custom-property-inheritance.xht new file mode 100644 index 00000000000..88a2f98960d --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/css-vars-custom-property-inheritance.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> + <title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins" /> + <link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> + <meta content="custom properties are resolved with the normal inheritance and cascade rules" name="assert" /> + <link href="reference/css-vars-custom-property-inheritance-ref.xht" rel="match" /> + <style type="text/css"> + + /* test cascade importance */ + :root { var-color: #1c1 !important; } + :root { var-color: red; } + + /* test cascade order */ + * { color: red; } + + /* test cascade order */ + * { color: var(color); } + + </style> +</head> +<body> + <p>Green</p> + <p>Green</p> + <p>Green</p> + <p>The test passes if everything is green. Any red means the test failed.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/css-vars-custom-property-case-sensitive-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/css-vars-custom-property-case-sensitive-ref.xht new file mode 100644 index 00000000000..4eff0b14dd8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/css-vars-custom-property-case-sensitive-ref.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Variables Test: custom property names start with "var-" in lower case</title> + <meta charset="UTF-8" /> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins" /> + <style type="text/css"> + :root { + /* these should be VALID custom property names */ + var-veryblue: #22e; + var-AlsoBlue: #22e; + + /* these should be INVALID custom property names */ + VAR-veryred: #f00; + Var-AlsoRed: #f00; + } + + .blue-good-1 { color: var(veryblue); } + .blue-good-2 { color: var(AlsoBlue); } + .red-bad-1 { color: var(veryred); } + .red-bad-2 { color: var(AlsoRed); } + </style> +</head> +<body> + <h2 class="blue-good-1">Valid CSS Variable Names</h2> + <p class="blue-good-1">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <p class="blue-good-2">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <br /> + <h2>Invalid CSS Variable Names</h2> + <p>This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + <p>This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/css-vars-custom-property-inheritance-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/css-vars-custom-property-inheritance-ref.xht new file mode 100644 index 00000000000..34f8cec9571 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/css-vars-custom-property-inheritance-ref.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> + <title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins" /> + <style type="text/css"> + * { color: #1c1; } + </style> +</head> +<body> + <p>Green</p> + <p>Green</p> + <p>Green</p> + <p>The test passes if everything is green. Any red means the test failed.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/ahem.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/ahem.css new file mode 100644 index 00000000000..0d4bcedc21b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/ahem.css @@ -0,0 +1,4 @@ +@font-face { + font-family: "Ahem"; + src: url(../../../../fonts/Ahem.ttf); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/color-green-ref.html b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/color-green-ref.html new file mode 100644 index 00000000000..628466d5c2a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/color-green-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/color-green-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/color-green-ref.xht new file mode 100644 index 00000000000..9165afafe48 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/color-green-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/external-variable-declaration.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/external-variable-declaration.css new file mode 100644 index 00000000000..9ba1b9d3288 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/external-variable-declaration.css @@ -0,0 +1,5 @@ +p { + color: red; + --a: green; + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/external-variable-font-face.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/external-variable-font-face.css new file mode 100644 index 00000000000..38c86f0cca7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/external-variable-font-face.css @@ -0,0 +1,15 @@ +@font-face { + --a: MyTestFontName; + font-family: var(--a); + src: url(../../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/external-variable-reference.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/external-variable-reference.css new file mode 100644 index 00000000000..0c697fdcf91 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/external-variable-reference.css @@ -0,0 +1,6 @@ +:root { + --a: green; +} +p { + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/external-variable-supports.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/external-variable-supports.css new file mode 100644 index 00000000000..96582bfd8f1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/support/external-variable-supports.css @@ -0,0 +1,4 @@ +body { color: red; } +@supports (color:var(--a)) { + p { color: green; } +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-declaration-15-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-declaration-15-ref.xht new file mode 100644 index 00000000000..37b7d94cbe5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-declaration-15-ref.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +<style> +p { + font-family: Ahem, sans-serif; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-declaration-16-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-declaration-16-ref.xht new file mode 100644 index 00000000000..37b7d94cbe5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-declaration-16-ref.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +<style> +p { + font-family: Ahem, sans-serif; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-declaration-17-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-declaration-17-ref.xht new file mode 100644 index 00000000000..4975a0fc990 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-declaration-17-ref.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +<style> +p { + font-family: SomeUnknownFont, Ahem; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-declaration-18-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-declaration-18-ref.xht new file mode 100644 index 00000000000..37b7d94cbe5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-declaration-18-ref.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +<style> +p { + font-family: Ahem, sans-serif; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-font-face-01-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-font-face-01-ref.xht new file mode 100644 index 00000000000..897d72ccbad --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-font-face-01-ref.xht @@ -0,0 +1,11 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +</head><body><p>This text must not be in Ahem.</p> +<p style="font-family: Ahem">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-font-face-02-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-font-face-02-ref.xht new file mode 100644 index 00000000000..897d72ccbad --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-font-face-02-ref.xht @@ -0,0 +1,11 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +</head><body><p>This text must not be in Ahem.</p> +<p style="font-family: Ahem">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-reference-12-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-reference-12-ref.xht new file mode 100644 index 00000000000..4918651e284 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-reference-12-ref.xht @@ -0,0 +1,9 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +</head><body><p>The words "hello there" must appear below:</p> +<p>hello there</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-reference-36-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-reference-36-ref.xht new file mode 100644 index 00000000000..5664c388e2b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-reference-36-ref.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<style> +p { + background-color: green; + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-reference-37-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-reference-37-ref.xht new file mode 100644 index 00000000000..5664c388e2b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reference/variable-reference-37-ref.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<style> +p { + background-color: green; + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reftest-toc.xht new file mode 100644 index 00000000000..1492aa01d4b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reftest-toc.xht @@ -0,0 +1,1414 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Custom Properties Level 1 CR Test Suite Reftest Index</title> + <style type="text/css"> + @import "http://www.w3.org/StyleSheets/TR/base.css"; + @import "../indices.css"; + </style> + </head> + + <body> + + <h1>CSS Custom Properties Level 1 CR Test Suite Reftest Index</h1> + <table width="100%"> + <col id="test-column"></col> + <col id="ref-column"></col> + <col id="flags-column"></col> + <thead> + <tr> + <th>Test</th> + <th>Reference</th> + <th>Flags</th> + </tr> + </thead> + <tbody id="css-vars-custom-property-case-sensitive-001" class=""> + <tr> + <td rowspan="1" title="custom property names start with "var-" in lower case"> + <a href="css-vars-custom-property-case-sensitive-001.xht">css-vars-custom-property-case-sensitive-001</a></td> + <td><a href="reference/css-vars-custom-property-case-sensitive-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="css-vars-custom-property-inheritance" class=""> + <tr> + <td rowspan="1" title="custom properties use normal inheritance and cascade rules"> + <a href="css-vars-custom-property-inheritance.xht">css-vars-custom-property-inheritance</a></td> + <td><a href="reference/css-vars-custom-property-inheritance-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-01" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a single token preceded by white space."> + <a href="variable-declaration-01.xht">variable-declaration-01</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-02" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a single token with no preceding white space."> + <a href="variable-declaration-02.xht">variable-declaration-02</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-03" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that references another variable."> + <a href="variable-declaration-03.xht">variable-declaration-03</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-04" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a variable reference followed by white space."> + <a href="variable-declaration-04.xht">variable-declaration-04</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-05" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a variable reference that includes white space around the variable name."> + <a href="variable-declaration-05.xht">variable-declaration-05</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-06" class=""> + <tr> + <td rowspan="1" title="Test overriding an existing variable declaration."> + <a href="variable-declaration-06.xht">variable-declaration-06</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-07" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback."> + <a href="variable-declaration-07.xht">variable-declaration-07</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-08" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a variable reference whose fallback is white space."> + <a href="variable-declaration-08.xht">variable-declaration-08</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-09" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback."> + <a href="variable-declaration-09.xht">variable-declaration-09</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-10" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier."> + <a href="variable-declaration-10.xht">variable-declaration-10</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-11" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback."> + <a href="variable-declaration-11.xht">variable-declaration-11</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-12" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback."> + <a href="variable-declaration-12.xht">variable-declaration-12</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-13" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback."> + <a href="variable-declaration-13.xht">variable-declaration-13</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-14" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space."> + <a href="variable-declaration-14.xht">variable-declaration-14</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-15" class="ahem"> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list."> + <a href="variable-declaration-15.xht">variable-declaration-15</a></td> + <td><a href="reference/variable-declaration-15-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-declaration-16" class="ahem"> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference."> + <a href="variable-declaration-16.xht">variable-declaration-16</a></td> + <td><a href="reference/variable-declaration-16-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-declaration-17" class="ahem"> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference."> + <a href="variable-declaration-17.xht">variable-declaration-17</a></td> + <td><a href="reference/variable-declaration-17-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-declaration-18" class="ahem"> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference."> + <a href="variable-declaration-18.xht">variable-declaration-18</a></td> + <td><a href="reference/variable-declaration-18-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-declaration-19" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a function where one of the arguments is a variable reference."> + <a href="variable-declaration-19.xht">variable-declaration-19</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-20" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with "!important"."> + <a href="variable-declaration-20.xht">variable-declaration-20</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-21" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references."> + <a href="variable-declaration-21.xht">variable-declaration-21</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-22" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks."> + <a href="variable-declaration-22.xht">variable-declaration-22</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-23" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to having two "!important" priorities."> + <a href="variable-declaration-23.xht">variable-declaration-23</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-24" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that contains a CDO token."> + <a href="variable-declaration-24.xht">variable-declaration-24</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-25" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that contains a CDC token."> + <a href="variable-declaration-25.xht">variable-declaration-25</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-26" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that contains only a white space token."> + <a href="variable-declaration-26.xht">variable-declaration-26</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-28" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with invalid syntax due to having no tokens."> + <a href="variable-declaration-28.xht">variable-declaration-28</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-29" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with a valid custom property name "--"."> + <a href="variable-declaration-29.xht">variable-declaration-29</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-30" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that contains a variable reference to itself."> + <a href="variable-declaration-30.xht">variable-declaration-30</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-31" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with a digit."> + <a href="variable-declaration-31.xht">variable-declaration-31</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-32" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with an escaped digit."> + <a href="variable-declaration-32.xht">variable-declaration-32</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-33" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with an escaped letter."> + <a href="variable-declaration-33.xht">variable-declaration-33</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-34" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with a lone surrogate."> + <a href="variable-declaration-34.xht">variable-declaration-34</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-35" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with U+FFFD."> + <a href="variable-declaration-35.xht">variable-declaration-35</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-36" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the variable name begins with an out-of-range Unicode character escape."> + <a href="variable-declaration-36.xht">variable-declaration-36</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-37" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback."> + <a href="variable-declaration-37.xht">variable-declaration-37</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-38" class=""> + <tr> + <td rowspan="1" title="Test declaring two variables in the same declaration block that differ only in case, with lowercase first."> + <a href="variable-declaration-38.xht">variable-declaration-38</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-39" class=""> + <tr> + <td rowspan="1" title="Test declaring two variables in the same declaration block that differ only in case, with uppercase first."> + <a href="variable-declaration-39.xht">variable-declaration-39</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-40" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with an invalid custom property name due to it beginning with "VAR-"."> + <a href="variable-declaration-40.xht">variable-declaration-40</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-41" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped."> + <a href="variable-declaration-41.xht">variable-declaration-41</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-42" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character."> + <a href="variable-declaration-42.xht">variable-declaration-42</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-43" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "initial"."> + <a href="variable-declaration-43.xht">variable-declaration-43</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-44" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "inherit" where there is no variable to inherit from."> + <a href="variable-declaration-44.xht">variable-declaration-44</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-45" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "inherit" where there is a variable to inherit from."> + <a href="variable-declaration-45.xht">variable-declaration-45</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-46" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "initial" where there is a variable to inherit from."> + <a href="variable-declaration-46.xht">variable-declaration-46</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-47" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value consists of a reference to a variable whose value is "inherit"."> + <a href="variable-declaration-47.xht">variable-declaration-47</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-48" class=""> + <tr> + <td rowspan="1" title="Test declaring a number of variables in a cycle."> + <a href="variable-declaration-48.xht">variable-declaration-48</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-49" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle."> + <a href="variable-declaration-49.xht">variable-declaration-49</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-50" class=""> + <tr> + <td rowspan="1" title="Test declaring a number of variables in a chain, where the final element of the chain uses its fallback."> + <a href="variable-declaration-50.xht">variable-declaration-50</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-51" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a reference to an invalid inherited variable."> + <a href="variable-declaration-51.xht">variable-declaration-51</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-52" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback."> + <a href="variable-declaration-52.xht">variable-declaration-52</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-53" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of two variable references without fallback and with no intervening white space."> + <a href="variable-declaration-53.xht">variable-declaration-53</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-54" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space."> + <a href="variable-declaration-54.xht">variable-declaration-54</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-55" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space."> + <a href="variable-declaration-55.xht">variable-declaration-55</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-56" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "unset" where there is no variable to inherit from."> + <a href="variable-declaration-56.xht">variable-declaration-56</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-57" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value is "unset" where there is a variable to inherit from."> + <a href="variable-declaration-57.xht">variable-declaration-57</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-58" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable whose value consists of a reference to a variable whose value is "unset"."> + <a href="variable-declaration-58.xht">variable-declaration-58</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-59" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with a trailing invalid token."> + <a href="variable-declaration-59.xht">variable-declaration-59</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-declaration-60" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's."> + <a href="variable-declaration-60.xht">variable-declaration-60</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-external-declaration-01" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable in an external CSS file."> + <a href="variable-external-declaration-01.xht">variable-external-declaration-01</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-external-font-face-01" class="ahem"> + <tr> + <td rowspan="1" title="Test the invalid declaration and use of a variable in an @font-face rule within an external CSS."> + <a href="variable-external-font-face-01.xht">variable-external-font-face-01</a></td> + <td><a href="reference/variable-font-face-01-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-external-reference-01" class=""> + <tr> + <td rowspan="1" title="Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS."> + <a href="variable-external-reference-01.xht">variable-external-reference-01</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-external-supports-01" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file."> + <a href="variable-external-supports-01.xht">variable-external-supports-01</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-font-face-01" class="ahem"> + <tr> + <td rowspan="1" title="Test the invalid declaration and use of a variable in an @font-face rule."> + <a href="variable-font-face-01.xht">variable-font-face-01</a></td> + <td><a href="reference/variable-font-face-01-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-font-face-02" class="ahem"> + <tr> + <td rowspan="1" title="Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element."> + <a href="variable-font-face-02.xht">variable-font-face-02</a></td> + <td><a href="reference/variable-font-face-02-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="variable-reference-01" class=""> + <tr> + <td rowspan="1" title="Test the use of a variable in a non-custom property where the variable value is inherited."> + <a href="variable-reference-01.xht">variable-reference-01</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-02" class=""> + <tr> + <td rowspan="1" title="Test the use of a variable in a non-custom property where the value is invalid at computed-value time due to referencing a non-existent variable."> + <a href="variable-reference-02.xht">variable-reference-02</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-03" class=""> + <tr> + <td rowspan="1" title="Test the use of two variables in a non-custom property where the variable values are inherited and one of the variable values consists only of white space."> + <a href="variable-reference-03.xht">variable-reference-03</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-04" class=""> + <tr> + <td rowspan="1" title="Test the use of two variables in a non-custom property where one variable is inherited and the other references a non-existing variable with fallback that consists only of white space."> + <a href="variable-reference-04.xht">variable-reference-04</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-05" class=""> + <tr> + <td rowspan="1" title="Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference."> + <a href="variable-reference-05.xht">variable-reference-05</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-06" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens."> + <a href="variable-reference-06.xht">variable-reference-06</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-07" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token."> + <a href="variable-reference-07.xht">variable-reference-07</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-08" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token."> + <a href="variable-reference-08.xht">variable-reference-08</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-09" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with a variable reference that has a non-top level ';' token."> + <a href="variable-reference-09.xht">variable-reference-09</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-10" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with a variable reference that has a non-top level '!' token."> + <a href="variable-reference-10.xht">variable-reference-10</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-11" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment."> + <a href="variable-reference-11.xht">variable-reference-11</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-12" class=""> + <tr> + <td rowspan="1" title="Test the use of variable references in the 'content' property."> + <a href="variable-reference-12.xht">variable-reference-12</a></td> + <td><a href="reference/variable-reference-12-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-13" class=""> + <tr> + <td rowspan="1" title="Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block."> + <a href="variable-reference-13.xht">variable-reference-13</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-14" class=""> + <tr> + <td rowspan="1" title="Test that important variable declarations cascade correctly."> + <a href="variable-reference-14.xht">variable-reference-14</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-15" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with two variable references with no intervening white space."> + <a href="variable-reference-15.xht">variable-reference-15</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-16" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks."> + <a href="variable-reference-16.xht">variable-reference-16</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-17" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token."> + <a href="variable-reference-17.xht">variable-reference-17</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-18" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets."> + <a href="variable-reference-18.xht">variable-reference-18</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-19" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference and a non-top level ';' token."> + <a href="variable-reference-19.xht">variable-reference-19</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-20" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference whose function token is in uppercase."> + <a href="variable-reference-20.xht">variable-reference-20</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-21" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name must be escaped."> + <a href="variable-reference-21.xht">variable-reference-21</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-22" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared and referenced using a lone surrogate."> + <a href="variable-reference-22.xht">variable-reference-22</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-23" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using a lone surrogate."> + <a href="variable-reference-23.xht">variable-reference-23</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-24" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using an out-of-range Unicode character escape."> + <a href="variable-reference-24.xht">variable-reference-24</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-25" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF."> + <a href="variable-reference-25.xht">variable-reference-25</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-26" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with white space before its comma and fallback consisting only of white space and which is implicitly closed due to EOF."> + <a href="variable-reference-26.xht">variable-reference-26</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-27" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with fallback consisting only of white space and which is implicitly closed due to EOF."> + <a href="variable-reference-27.xht">variable-reference-27</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-28" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference whose fallback is a variable reference, both of which are implicitly closed due to EOF."> + <a href="variable-reference-28.xht">variable-reference-28</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-29" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with no fallback, and whose variable name is followed by a comment, and where the comment and the variable reference are implicitly closed due to EOF."> + <a href="variable-reference-29.xht">variable-reference-29</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-30" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities."> + <a href="variable-reference-30.xht">variable-reference-30</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-31" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix."> + <a href="variable-reference-31.xht">variable-reference-31</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-32" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string."> + <a href="variable-reference-32.xht">variable-reference-32</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-33" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF."> + <a href="variable-reference-33.xht">variable-reference-33</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-34" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL."> + <a href="variable-reference-34.xht">variable-reference-34</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-35" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF."> + <a href="variable-reference-35.xht">variable-reference-35</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-36" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom shorthand property containing a variable reference."> + <a href="variable-reference-36.xht">variable-reference-36</a></td> + <td><a href="reference/variable-reference-36-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-37" class=""> + <tr> + <td rowspan="1" title="Test declaring a non-custom shorthand property containing a variable reference, with a subsequent property in the declaration block that overrides one of the shorthand's components."> + <a href="variable-reference-37.xht">variable-reference-37</a></td> + <td><a href="reference/variable-reference-37-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-38" class=""> + <tr> + <td rowspan="1" title="Test using variables in overlapping shorthands."> + <a href="variable-reference-38.xht">variable-reference-38</a></td> + <td><a href="reference/variable-declaration-59-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-reference-39" class=""> + <tr> + <td rowspan="1" title="Test declaring a variable that references itself but uses fallback."> + <a href="variable-reference-39.xht">variable-reference-39</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-01" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens."> + <a href="variable-supports-01.xht">variable-supports-01</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-02" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a white space token followed by a variable reference."> + <a href="variable-supports-02.xht">variable-supports-02</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-03" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens."> + <a href="variable-supports-03.xht">variable-supports-03</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-04" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens and with white space surrounding the variable name."> + <a href="variable-supports-04.xht">variable-supports-04</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-05" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens."> + <a href="variable-supports-05.xht">variable-supports-05</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-06" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference with fallback that is only white space."> + <a href="variable-supports-06.xht">variable-supports-06</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-07" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens, just a comment."> + <a href="variable-supports-07.xht">variable-supports-07</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-08" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier."> + <a href="variable-supports-08.xht">variable-supports-08</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-09" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a '!' token at the top level of its fallback."> + <a href="variable-supports-09.xht">variable-supports-09</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-10" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having "!important" at the top level of its fallback."> + <a href="variable-supports-10.xht">variable-supports-10</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-11" class=""> + <tr> + <td rowspan="1" title="Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value."> + <a href="variable-supports-11.xht">variable-supports-11</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-12" class=""> + <tr> + <td rowspan="1" title="Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value."> + <a href="variable-supports-12.xht">variable-supports-12</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-13" class=""> + <tr> + <td rowspan="1" title="Test a passing 'color' property declaration in an @supports rule with a range of different tokens and a variable reference not at the top level."> + <a href="variable-supports-13.xht">variable-supports-13</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-14" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority."> + <a href="variable-supports-14.xht">variable-supports-14</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-15" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space."> + <a href="variable-supports-15.xht">variable-supports-15</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-16" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule with a variable reference that has a number of levels of variable reference fallbacks."> + <a href="variable-supports-16.xht">variable-supports-16</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-17" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule with two "!important" priorities."> + <a href="variable-supports-17.xht">variable-supports-17</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-18" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token."> + <a href="variable-supports-18.xht">variable-supports-18</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-19" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token."> + <a href="variable-supports-19.xht">variable-supports-19</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-20" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets."> + <a href="variable-supports-20.xht">variable-supports-20</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-21" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a ';' token at the top level of its fallback."> + <a href="variable-supports-21.xht">variable-supports-21</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-22" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token."> + <a href="variable-supports-22.xht">variable-supports-22</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-23" class=""> + <tr> + <td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token."> + <a href="variable-supports-23.xht">variable-supports-23</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-24" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a non-top level ';' token in its fallback."> + <a href="variable-supports-24.xht">variable-supports-24</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-25" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase."> + <a href="variable-supports-25.xht">variable-supports-25</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-26" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a digit after the "--" variable name prefix."> + <a href="variable-supports-26.xht">variable-supports-26</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-27" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a variable name beginning with an escaped digit."> + <a href="variable-supports-27.xht">variable-supports-27</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-28" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an escaped lone surrogate."> + <a href="variable-supports-28.xht">variable-supports-28</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-29" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an out-of-range Unicode character escape."> + <a href="variable-supports-29.xht">variable-supports-29</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-30" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a dimension token as the variable name."> + <a href="variable-supports-30.xht">variable-supports-30</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-31" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma."> + <a href="variable-supports-31.xht">variable-supports-31</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-32" class=""> + <tr> + <td rowspan="1" title="Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference."> + <a href="variable-supports-32.xht">variable-supports-32</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-33" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference."> + <a href="variable-supports-33.xht">variable-supports-33</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-34" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference."> + <a href="variable-supports-34.xht">variable-supports-34</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-35" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space."> + <a href="variable-supports-35.xht">variable-supports-35</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-36" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space with the variable name also surrounded by white space."> + <a href="variable-supports-36.xht">variable-supports-36</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-37" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens."> + <a href="variable-supports-37.xht">variable-supports-37</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-38" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space."> + <a href="variable-supports-38.xht">variable-supports-38</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-39" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment."> + <a href="variable-supports-39.xht">variable-supports-39</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-40" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting of a comment and an identifier."> + <a href="variable-supports-40.xht">variable-supports-40</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-41" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token."> + <a href="variable-supports-41.xht">variable-supports-41</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-42" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important"."> + <a href="variable-supports-42.xht">variable-supports-42</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-43" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference."> + <a href="variable-supports-43.xht">variable-supports-43</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-44" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension."> + <a href="variable-supports-44.xht">variable-supports-44</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-45" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference."> + <a href="variable-supports-45.xht">variable-supports-45</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-46" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority."> + <a href="variable-supports-46.xht">variable-supports-46</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-47" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space."> + <a href="variable-supports-47.xht">variable-supports-47</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-48" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference with a number of levels of variable reference fallbacks."> + <a href="variable-supports-48.xht">variable-supports-48</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-49" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities."> + <a href="variable-supports-49.xht">variable-supports-49</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-50" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token."> + <a href="variable-supports-50.xht">variable-supports-50</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-51" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token."> + <a href="variable-supports-51.xht">variable-supports-51</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-52" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets."> + <a href="variable-supports-52.xht">variable-supports-52</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-53" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback."> + <a href="variable-supports-53.xht">variable-supports-53</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-54" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token."> + <a href="variable-supports-54.xht">variable-supports-54</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-55" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback."> + <a href="variable-supports-55.xht">variable-supports-55</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-56" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains only a white space token."> + <a href="variable-supports-56.xht">variable-supports-56</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-57" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains no tokens."> + <a href="variable-supports-57.xht">variable-supports-57</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-58" class=""> + <tr> + <td rowspan="1" title="Test a passing property declaration in an @supports rule with property name "--"."> + <a href="variable-supports-58.xht">variable-supports-58</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-59" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself."> + <a href="variable-supports-59.xht">variable-supports-59</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-60" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is a digit."> + <a href="variable-supports-60.xht">variable-supports-60</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-61" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape."> + <a href="variable-supports-61.xht">variable-supports-61</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-62" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an escaped lone surrogate."> + <a href="variable-supports-62.xht">variable-supports-62</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-63" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an out-of-range Unicode character escape."> + <a href="variable-supports-63.xht">variable-supports-63</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-64" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name."> + <a href="variable-supports-64.xht">variable-supports-64</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-65" class=""> + <tr> + <td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma."> + <a href="variable-supports-65.xht">variable-supports-65</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-66" class=""> + <tr> + <td rowspan="1" title="Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-"."> + <a href="variable-supports-66.xht">variable-supports-66</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="variable-supports-67" class=""> + <tr> + <td rowspan="1" title="Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse."> + <a href="variable-supports-67.xht">variable-supports-67</a></td> + <td><a href="support/color-green-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + </table> + + </body> +</html> diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reftest.list new file mode 100644 index 00000000000..4e777479d10 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/reftest.list @@ -0,0 +1,174 @@ + +css-vars-custom-property-case-sensitive-001.xht == reference/css-vars-custom-property-case-sensitive-ref.xht +css-vars-custom-property-inheritance.xht == reference/css-vars-custom-property-inheritance-ref.xht +variable-declaration-01.xht == support/color-green-ref.xht +variable-declaration-02.xht == support/color-green-ref.xht +variable-declaration-03.xht == support/color-green-ref.xht +variable-declaration-04.xht == support/color-green-ref.xht +variable-declaration-05.xht == support/color-green-ref.xht +variable-declaration-06.xht == support/color-green-ref.xht +variable-declaration-07.xht == support/color-green-ref.xht +variable-declaration-08.xht == support/color-green-ref.xht +variable-declaration-09.xht == support/color-green-ref.xht +variable-declaration-10.xht == support/color-green-ref.xht +variable-declaration-11.xht == support/color-green-ref.xht +variable-declaration-12.xht == support/color-green-ref.xht +variable-declaration-13.xht == support/color-green-ref.xht +variable-declaration-14.xht == support/color-green-ref.xht +variable-declaration-15.xht == reference/variable-declaration-15-ref.xht +variable-declaration-16.xht == reference/variable-declaration-16-ref.xht +variable-declaration-17.xht == reference/variable-declaration-17-ref.xht +variable-declaration-18.xht == reference/variable-declaration-18-ref.xht +variable-declaration-19.xht == support/color-green-ref.xht +variable-declaration-20.xht == support/color-green-ref.xht +variable-declaration-21.xht == support/color-green-ref.xht +variable-declaration-22.xht == support/color-green-ref.xht +variable-declaration-23.xht == support/color-green-ref.xht +variable-declaration-24.xht == support/color-green-ref.xht +variable-declaration-25.xht == support/color-green-ref.xht +variable-declaration-26.xht == support/color-green-ref.xht +variable-declaration-28.xht == support/color-green-ref.xht +variable-declaration-29.xht == support/color-green-ref.xht +variable-declaration-30.xht == support/color-green-ref.xht +variable-declaration-31.xht == support/color-green-ref.xht +variable-declaration-32.xht == support/color-green-ref.xht +variable-declaration-33.xht == support/color-green-ref.xht +variable-declaration-34.xht == support/color-green-ref.xht +variable-declaration-35.xht == support/color-green-ref.xht +variable-declaration-36.xht == support/color-green-ref.xht +variable-declaration-37.xht == support/color-green-ref.xht +variable-declaration-38.xht == support/color-green-ref.xht +variable-declaration-39.xht == support/color-green-ref.xht +variable-declaration-40.xht == support/color-green-ref.xht +variable-declaration-41.xht == support/color-green-ref.xht +variable-declaration-42.xht == support/color-green-ref.xht +variable-declaration-43.xht == support/color-green-ref.xht +variable-declaration-44.xht == support/color-green-ref.xht +variable-declaration-45.xht == support/color-green-ref.xht +variable-declaration-46.xht == support/color-green-ref.xht +variable-declaration-47.xht == support/color-green-ref.xht +variable-declaration-48.xht == support/color-green-ref.xht +variable-declaration-49.xht == support/color-green-ref.xht +variable-declaration-50.xht == support/color-green-ref.xht +variable-declaration-51.xht == support/color-green-ref.xht +variable-declaration-52.xht == support/color-green-ref.xht +variable-declaration-53.xht == support/color-green-ref.xht +variable-declaration-54.xht == support/color-green-ref.xht +variable-declaration-55.xht == support/color-green-ref.xht +variable-declaration-56.xht == support/color-green-ref.xht +variable-declaration-57.xht == support/color-green-ref.xht +variable-declaration-58.xht == support/color-green-ref.xht +variable-declaration-59.xht == support/color-green-ref.xht +variable-declaration-60.xht == support/color-green-ref.xht +variable-external-declaration-01.xht == support/color-green-ref.xht +variable-external-font-face-01.xht == reference/variable-font-face-01-ref.xht +variable-external-reference-01.xht == support/color-green-ref.xht +variable-external-supports-01.xht == support/color-green-ref.xht +variable-font-face-01.xht == reference/variable-font-face-01-ref.xht +variable-font-face-02.xht == reference/variable-font-face-02-ref.xht +variable-reference-01.xht == support/color-green-ref.xht +variable-reference-02.xht == support/color-green-ref.xht +variable-reference-03.xht == support/color-green-ref.xht +variable-reference-04.xht == support/color-green-ref.xht +variable-reference-05.xht == support/color-green-ref.xht +variable-reference-06.xht == support/color-green-ref.xht +variable-reference-07.xht == support/color-green-ref.xht +variable-reference-08.xht == support/color-green-ref.xht +variable-reference-09.xht == support/color-green-ref.xht +variable-reference-10.xht == support/color-green-ref.xht +variable-reference-11.xht == support/color-green-ref.xht +variable-reference-12.xht == reference/variable-reference-12-ref.xht +variable-reference-13.xht == support/color-green-ref.xht +variable-reference-14.xht == support/color-green-ref.xht +variable-reference-15.xht == support/color-green-ref.xht +variable-reference-16.xht == support/color-green-ref.xht +variable-reference-17.xht == support/color-green-ref.xht +variable-reference-18.xht == support/color-green-ref.xht +variable-reference-19.xht == support/color-green-ref.xht +variable-reference-20.xht == support/color-green-ref.xht +variable-reference-21.xht == support/color-green-ref.xht +variable-reference-22.xht == support/color-green-ref.xht +variable-reference-23.xht == support/color-green-ref.xht +variable-reference-24.xht == support/color-green-ref.xht +variable-reference-25.xht == support/color-green-ref.xht +variable-reference-26.xht == support/color-green-ref.xht +variable-reference-27.xht == support/color-green-ref.xht +variable-reference-28.xht == support/color-green-ref.xht +variable-reference-29.xht == support/color-green-ref.xht +variable-reference-30.xht == support/color-green-ref.xht +variable-reference-31.xht == support/color-green-ref.xht +variable-reference-32.xht == support/color-green-ref.xht +variable-reference-33.xht == support/color-green-ref.xht +variable-reference-34.xht == support/color-green-ref.xht +variable-reference-35.xht == support/color-green-ref.xht +variable-reference-36.xht == reference/variable-reference-36-ref.xht +variable-reference-37.xht == reference/variable-reference-37-ref.xht +variable-reference-38.xht == reference/variable-declaration-59-ref.xht +variable-reference-39.xht == support/color-green-ref.xht +variable-supports-01.xht == support/color-green-ref.xht +variable-supports-02.xht == support/color-green-ref.xht +variable-supports-03.xht == support/color-green-ref.xht +variable-supports-04.xht == support/color-green-ref.xht +variable-supports-05.xht == support/color-green-ref.xht +variable-supports-06.xht == support/color-green-ref.xht +variable-supports-07.xht == support/color-green-ref.xht +variable-supports-08.xht == support/color-green-ref.xht +variable-supports-09.xht == support/color-green-ref.xht +variable-supports-10.xht == support/color-green-ref.xht +variable-supports-11.xht == support/color-green-ref.xht +variable-supports-12.xht == support/color-green-ref.xht +variable-supports-13.xht == support/color-green-ref.xht +variable-supports-14.xht == support/color-green-ref.xht +variable-supports-15.xht == support/color-green-ref.xht +variable-supports-16.xht == support/color-green-ref.xht +variable-supports-17.xht == support/color-green-ref.xht +variable-supports-18.xht == support/color-green-ref.xht +variable-supports-19.xht == support/color-green-ref.xht +variable-supports-20.xht == support/color-green-ref.xht +variable-supports-21.xht == support/color-green-ref.xht +variable-supports-22.xht == support/color-green-ref.xht +variable-supports-23.xht == support/color-green-ref.xht +variable-supports-24.xht == support/color-green-ref.xht +variable-supports-25.xht == support/color-green-ref.xht +variable-supports-26.xht == support/color-green-ref.xht +variable-supports-27.xht == support/color-green-ref.xht +variable-supports-28.xht == support/color-green-ref.xht +variable-supports-29.xht == support/color-green-ref.xht +variable-supports-30.xht == support/color-green-ref.xht +variable-supports-31.xht == support/color-green-ref.xht +variable-supports-32.xht == support/color-green-ref.xht +variable-supports-33.xht == support/color-green-ref.xht +variable-supports-34.xht == support/color-green-ref.xht +variable-supports-35.xht == support/color-green-ref.xht +variable-supports-36.xht == support/color-green-ref.xht +variable-supports-37.xht == support/color-green-ref.xht +variable-supports-38.xht == support/color-green-ref.xht +variable-supports-39.xht == support/color-green-ref.xht +variable-supports-40.xht == support/color-green-ref.xht +variable-supports-41.xht == support/color-green-ref.xht +variable-supports-42.xht == support/color-green-ref.xht +variable-supports-43.xht == support/color-green-ref.xht +variable-supports-44.xht == support/color-green-ref.xht +variable-supports-45.xht == support/color-green-ref.xht +variable-supports-46.xht == support/color-green-ref.xht +variable-supports-47.xht == support/color-green-ref.xht +variable-supports-48.xht == support/color-green-ref.xht +variable-supports-49.xht == support/color-green-ref.xht +variable-supports-50.xht == support/color-green-ref.xht +variable-supports-51.xht == support/color-green-ref.xht +variable-supports-52.xht == support/color-green-ref.xht +variable-supports-53.xht == support/color-green-ref.xht +variable-supports-54.xht == support/color-green-ref.xht +variable-supports-55.xht == support/color-green-ref.xht +variable-supports-56.xht == support/color-green-ref.xht +variable-supports-57.xht == support/color-green-ref.xht +variable-supports-58.xht == support/color-green-ref.xht +variable-supports-59.xht == support/color-green-ref.xht +variable-supports-60.xht == support/color-green-ref.xht +variable-supports-61.xht == support/color-green-ref.xht +variable-supports-62.xht == support/color-green-ref.xht +variable-supports-63.xht == support/color-green-ref.xht +variable-supports-64.xht == support/color-green-ref.xht +variable-supports-65.xht == support/color-green-ref.xht +variable-supports-66.xht == support/color-green-ref.xht +variable-supports-67.xht == support/color-green-ref.xht diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/ahem.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/ahem.css new file mode 100644 index 00000000000..0d4bcedc21b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/ahem.css @@ -0,0 +1,4 @@ +@font-face { + font-family: "Ahem"; + src: url(../../../../fonts/Ahem.ttf); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/color-green-ref.html b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/color-green-ref.html new file mode 100644 index 00000000000..628466d5c2a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/color-green-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/color-green-ref.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/color-green-ref.xht new file mode 100644 index 00000000000..9165afafe48 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/color-green-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/external-variable-declaration.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/external-variable-declaration.css new file mode 100644 index 00000000000..9ba1b9d3288 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/external-variable-declaration.css @@ -0,0 +1,5 @@ +p { + color: red; + --a: green; + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/external-variable-font-face.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/external-variable-font-face.css new file mode 100644 index 00000000000..38c86f0cca7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/external-variable-font-face.css @@ -0,0 +1,15 @@ +@font-face { + --a: MyTestFontName; + font-family: var(--a); + src: url(../../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/external-variable-reference.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/external-variable-reference.css new file mode 100644 index 00000000000..0c697fdcf91 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/external-variable-reference.css @@ -0,0 +1,6 @@ +:root { + --a: green; +} +p { + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/external-variable-supports.css b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/external-variable-supports.css new file mode 100644 index 00000000000..96582bfd8f1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/support/external-variable-supports.css @@ -0,0 +1,4 @@ +body { color: red; } +@supports (color:var(--a)) { + p { color: green; } +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/test_variable_legal_values.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/test_variable_legal_values.xht new file mode 100644 index 00000000000..22f6a36dbe1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/test_variable_legal_values.xht @@ -0,0 +1,122 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Variables Allowed Syntax</title> + <link href="http://dbaron.org/" rel="author" title="L. David Baron" /> + <link href="http://mozilla.com/" rel="author" title="Mozilla Corporation" /> + <link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> + <meta content='The <value> type used in the syntax above is defined as anything matching the "value" production in CSS 2.1 Chapter 4.1 [CSS21].' name="assert" /> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> +<style id="style"></style> +<script id="metadata_cache">/* +{ + "percentage": { "assert": "Value allowed within variable: percentage" }, + "number": { "assert": "Value allowed within variable: number" }, + "length": { "assert": "Value allowed within variable: length" }, + "time": { "assert": "Value allowed within variable: time" }, + "function": { "assert": "Value allowed within variable: function" }, + "nested_function": { "assert": "Value allowed within variable: nested function" }, + "parentheses": { "assert": "Value allowed within variable: parentheses" }, + "braces": { "assert": "Value allowed within variable: braces" }, + "brackets": { "assert": "Value allowed within variable: brackets" }, + "at_keyword_unknown": { "assert": "Value allowed within variable: at-keyword (unknown)" }, + "at_keyword_known": { "assert": "Value allowed within variable: at-keyword (known)" }, + "at_keyword_unknown_and_block": { "assert": "Value allowed within variable: at-keyword (unknown) and block" }, + "at_keyword_known_and_block": { "assert": "Value allowed within variable: at-keyword (known) and block" }, + "unbalanced_close_bracket_at_toplevel": { "assert": "Value not allowed within variable: unbalanced close bracket at toplevel" }, + "unbalanced_close_paren_at_toplevel": { "assert": "Value not allowed within variable: unbalanced close paren at toplevel" }, + "unbalanced_close_bracket_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close bracket in something balanced" }, + "unbalanced_close_paren_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close paren in something balanced" }, + "unbalanced_close_brace_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close brace in something balanced" }, + "CDO_at_top_level": { "assert": "Value allowed within variable: CDO at top level" }, + "CDC_at_top_level": { "assert": "Value allowed within variable: CDC at top level" }, + "semicolon_not_at_top_level_value_unused": { "assert": "Value allowed within variable: semicolon not at top level (value -> unused)" }, + "CDO_not_at_top_level_value_unused": { "assert": "Value allowed within variable: CDO not at top level (value -> unused)" }, + "CDC_not_at_top_level_value_unused": { "assert": "Value allowed within variable: CDC not at top level (value -> unused)" } +} +*/</script> +</head> +<body onload="run()"> +<div id="log"></div> +<div id="test"></div> +<script> +setup({ "explicit_done": true }); + +function run() { + // Setup the iframe + var style = document.getElementById("style"); + var styleText = document.createTextNode(""); + style.appendChild(styleText); + var test_cs = window.getComputedStyle(document.getElementById("test"), ""); + + var initial_cs = test_cs.backgroundColor; + styleText.data = "#test { background-color: green }"; + var green_cs = test_cs.backgroundColor; + styleText.data = "#test { background-color: red }"; + var red_cs = test_cs.backgroundColor; + + function description_to_name(description) { + return description.replace(/\W+/g, "_").replace(/^_/, "").replace(/_$/, ""); + } + + function assert_allowed_variable_value(value, description) { + test(function() { + styleText.data = "#test { \n" + + " var-test: red;\n" + + " var-test: " + value + ";\n" + + " background-color: red;\n" + + " background-color: var(test);\n" + + "}"; + assert_true(initial_cs != red_cs && + initial_cs == test_cs.backgroundColor); + }, + description_to_name(description), + { assert: "Value allowed within variable: " + description }); + } + + function assert_disallowed_balanced_variable_value(value, description) { + test(function() { + styleText.data = "#test { \n" + + " var-test: green;\n" + + " var-test: " + value + ";\n" + + " background-color: red;\n" + + " background-color: var(test);\n" + + "}"; + assert_true(green_cs != red_cs && + green_cs == test_cs.backgroundColor); + }, + description_to_name(description), + { assert: "Value not allowed within variable: " + description }); + } + + assert_allowed_variable_value("25%", "percentage"); + assert_allowed_variable_value("37", "number"); + assert_allowed_variable_value("12em", "length"); + assert_allowed_variable_value("75ms", "time"); + assert_allowed_variable_value("foo()", "function"); + assert_allowed_variable_value("foo(bar())", "nested function"); + assert_allowed_variable_value("( )", "parentheses"); + assert_allowed_variable_value("{ }", "braces"); + assert_allowed_variable_value("[ ]", "brackets"); + assert_allowed_variable_value("@foobar", "at-keyword (unknown)"); + assert_allowed_variable_value("@media", "at-keyword (known)"); + assert_allowed_variable_value("@foobar {}", "at-keyword (unknown) and block"); + assert_allowed_variable_value("@media {}", "at-keyword (known) and block"); + assert_disallowed_balanced_variable_value("]", "unbalanced close bracket at toplevel"); + assert_disallowed_balanced_variable_value(")", "unbalanced close paren at toplevel"); + assert_disallowed_balanced_variable_value("(])", "unbalanced close bracket in something balanced"); + assert_disallowed_balanced_variable_value("[)]", "unbalanced close paren in something balanced"); + assert_disallowed_balanced_variable_value("(})", "unbalanced close brace in something balanced"); + assert_allowed_variable_value("&lt;!--", "CDO at top level"); + assert_allowed_variable_value("--&gt;", "CDC at top level"); + assert_allowed_variable_value("(;)", "semicolon not at top level (value -&gt; unused)"); + assert_allowed_variable_value("(&lt;!--)", "CDO not at top level (value -&gt; unused)"); + assert_allowed_variable_value("(--&gt;)", "CDC not at top level (value -&gt; unused)"); + + done(); +} + +</script> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/toc.xht new file mode 100644 index 00000000000..976a26c32eb --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/toc.xht @@ -0,0 +1,54 @@ + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Custom Properties Level 1 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 Custom Properties Level 1 CR Test Suite By Chapter</h1> + + <p>This index contains both + <a href="http://wiki.csswg.org/test/selftest">self-describing tests</a> + and reftests. + A separate <a href="reftest-toc.xht">alphabetical reftest index</a> + is provided for tests in <a href="http://wiki.csswg.org/test/reftest">reftest + format</a> along with the <a href="reftest.list">reftest manifest</a>.</p> + + <table> + <tbody id="s1"> + <tr><th><a href="chapter-1.xht">Chapter 1 - + Introduction</a></th> + <td>(0 Tests)</td></tr> + </tbody> + <tbody id="s2"> + <tr><th><a href="chapter-2.xht">Chapter 2 - + Defining Custom Properties: the '--*' family of properties</a></th> + <td>(96 Tests)</td></tr> + </tbody> + <tbody id="s3"> + <tr><th><a href="chapter-3.xht">Chapter 3 - + Using Cascading Variables: the var() notation</a></th> + <td>(78 Tests)</td></tr> + </tbody> + <tbody id="s4"> + <tr><th><a href="chapter-4.xht">Chapter 4 - + APIs</a></th> + <td>(0 Tests)</td></tr> + </tbody> + <tbody id="s5"> + <tr><th><a href="chapter-5.xht">Chapter 5 - + Changes since the June 20 2013 Last Call Working Draft</a></th> + <td>(0 Tests)</td></tr> + </tbody> + <tbody id="s6"> + <tr><th><a href="chapter-6.xht">Chapter 6 - + Acknowledgments</a></th> + <td>(0 Tests)</td></tr> + </tbody> + </table> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-01.xht new file mode 100644 index 00000000000..33557371c66 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-01.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a single token preceded by white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-02.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-02.xht new file mode 100644 index 00000000000..771513f0ae5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-02.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a single token with no preceding white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a:green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-03.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-03.xht new file mode 100644 index 00000000000..a896dce53f8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-03.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that references another variable.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: var(--b); + --b: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-04.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-04.xht new file mode 100644 index 00000000000..03a6844416a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-04.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a variable reference followed by white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: var(--b) ; + --b: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-05.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-05.xht new file mode 100644 index 00000000000..d3d39aa88da --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-05.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a variable reference that includes white space around the variable name.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: var( --b ) ; + --b: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-06.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-06.xht new file mode 100644 index 00000000000..011216bbe37 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-06.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test overriding an existing variable declaration.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: orange; + --a: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-07.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-07.xht new file mode 100644 index 00000000000..5ccb81c4a68 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-07.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-08.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-08.xht new file mode 100644 index 00000000000..b3fb6d2501b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-08.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a variable reference whose fallback is white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: orange; + --b: green; + --a: var(--b, ); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-09.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-09.xht new file mode 100644 index 00000000000..a45935a9886 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-09.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,/**/); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-10.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-10.xht new file mode 100644 index 00000000000..d1a775bce56 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-10.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: orange; + --b: green; + --a: var(--b,/**/a); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-11.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-11.xht new file mode 100644 index 00000000000..37d30adc968 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-11.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,!); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-12.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-12.xht new file mode 100644 index 00000000000..c86790168d2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-12.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,;); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-13.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-13.xht new file mode 100644 index 00000000000..64531820d8a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-13.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + --b: crimson; + --a: var(--b,!important); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-14.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-14.xht new file mode 100644 index 00000000000..f6bb6d22334 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-14.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: green; +} +span { + color: red; + --a:var(--b)red; + --b:orange; + color: var(--a); +} +</style> +</head><body><p><span>This text must be green.</span></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-15.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-15.xht new file mode 100644 index 00000000000..3d4227ca594 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-15.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="reference/variable-declaration-15-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<style> +body { + font-family: serif; +} +p { + font-family: monospace; + --a: Ahem, sans-serif; + font-family: var(--a); +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-16.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-16.xht new file mode 100644 index 00000000000..94b00d86a06 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-16.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="reference/variable-declaration-16-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<style> +body { + font-family: serif; +} +p { + font-family: monospace; + --a: var(--b), sans-serif; + --b: Ahem; + font-family: var(--a); +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-17.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-17.xht new file mode 100644 index 00000000000..66e902eecb8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-17.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="reference/variable-declaration-17-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<style> +body { + font-family: serif; +} +p { + font-family: monospace; + --a: SomeUnknownFont, var(--b); + --b: Ahem; + font-family: var(--a); +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-18.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-18.xht new file mode 100644 index 00000000000..f0b70ce0624 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-18.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="reference/variable-declaration-18-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<style> +body { + font-family: serif; +} +p { + font-family: monospace; + --a: Ahem var(--b) sans-serif; + --b: ,; + font-family: var(--a); +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-19.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-19.xht new file mode 100644 index 00000000000..b7dbb4f2baf --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-19.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a function where one of the arguments is a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: rgb(0, var(--b), 0); + --b: 128; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-20.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-20.xht new file mode 100644 index 00000000000..196a92748b3 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-20.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with "!important".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: var(--b) !important; + --b: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-21.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-21.xht new file mode 100644 index 00000000000..4c2fe65496e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-21.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: rgb(var(--b)var(--c)var(--d)); + --b: 0,; + --c: 128,; + --d: 0; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-22.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-22.xht new file mode 100644 index 00000000000..cece01787b0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-22.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: var(--b, var(--c, var(--d, green))); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-23.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-23.xht new file mode 100644 index 00000000000..411445fc6ba --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-23.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to having two "!important" priorities.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: green; + --b: crimson; + --a: var(--b) !important !important; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-24.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-24.xht new file mode 100644 index 00000000000..394c9b14285 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-24.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that contains a CDO token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: red; +} +p { + color: orange; + --a: green; + --b: crimson; + --a: var(--b) <!--; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-25.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-25.xht new file mode 100644 index 00000000000..3d2297a2d13 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-25.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that contains a CDC token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: red; +} +p { + color: orange; + --a: green; + --b: crimson; + --a: --> var(--b); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-26.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-26.xht new file mode 100644 index 00000000000..d3f403da13c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-26.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that contains only a white space token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: ; + color: var(--a) green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-28.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-28.xht new file mode 100644 index 00000000000..934d7c560a2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-28.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to having no tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: green; + --a:; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-29.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-29.xht new file mode 100644 index 00000000000..eeec67ead45 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-29.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with a valid custom property name "--".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --: green; + color: var(--,crimson); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-30.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-30.xht new file mode 100644 index 00000000000..f92d1416c45 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-30.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that contains a variable reference to itself.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: crimson; + --a: var(--a); + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-31.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-31.xht new file mode 100644 index 00000000000..d1ccd9de07b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-31.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with a digit.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --0: green; + color: var(--\30); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-32.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-32.xht new file mode 100644 index 00000000000..00d4edde961 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-32.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with an escaped digit.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --\30: green; + color: var(--\30); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-33.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-33.xht new file mode 100644 index 00000000000..1c5f12171a4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-33.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with an escaped letter.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --\61: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-34.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-34.xht new file mode 100644 index 00000000000..2bc2945d951 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-34.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with a lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --\d800: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-35.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-35.xht new file mode 100644 index 00000000000..6e5f1f4b5af --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-35.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with U+FFFD.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --\fffd: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-36.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-36.xht new file mode 100644 index 00000000000..aa45842ea43 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-36.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with an out-of-range Unicode character escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --\ffffff: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-37.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-37.xht new file mode 100644 index 00000000000..2aa0ad4da32 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-37.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: var(--b , ); + color: var(--a) green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-38.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-38.xht new file mode 100644 index 00000000000..3d95a318fd4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-38.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring two variables in the same declaration block that differ only in case, with lowercase first.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: green; + --A: crimson; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-39.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-39.xht new file mode 100644 index 00000000000..96ee356e6e9 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-39.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring two variables in the same declaration block that differ only in case, with uppercase first.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --A: green; + --a: crimson; + color: var(--A); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-40.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-40.xht new file mode 100644 index 00000000000..42fcbe6d3a7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-40.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with an invalid custom property name due to it beginning with "VAR-".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: green; + VAR-a: crimson; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-41.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-41.xht new file mode 100644 index 00000000000..9ffdb56d566 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-41.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + -\2d a: green; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-42.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-42.xht new file mode 100644 index 00000000000..488bed66042 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-42.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<meta charset="utf-8" /> +<style> +p { + color: red; +} +p { + color: orange; + --a-长-name-that-might-be-longer-than-you\27 d-normally-use: green; + color: var(--a-长-name-that-might-be-longer-than-you\27 d-normally-use); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-43.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-43.xht new file mode 100644 index 00000000000..3a58dfc58d7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-43.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "initial".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: initial; + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-44.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-44.xht new file mode 100644 index 00000000000..68832e10be4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-44.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "inherit" where there is no variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: inherit; + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-45.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-45.xht new file mode 100644 index 00000000000..3d37c65b343 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-45.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "inherit" where there is a variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: green; + color: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: inherit; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-46.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-46.xht new file mode 100644 index 00000000000..2d253b77224 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-46.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "initial" where there is a variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: initial; + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-47.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-47.xht new file mode 100644 index 00000000000..fa5b155ad18 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-47.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value consists of a reference to a variable whose value is "inherit".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --b: green; + color: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: var(--b); + --b: inherit; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-48.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-48.xht new file mode 100644 index 00000000000..0776e30635b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-48.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a number of variables in a cycle.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: crimson; + --a: red var(--b); + --b: var(--c); + --c: var(--d); + --d: var(--e); + --e: var(--a); + --f: var(--e); + color: var(--f); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-49.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-49.xht new file mode 100644 index 00000000000..c94b4990b35 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-49.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; +} +p { + color: crimson; + --a: red var(--b) var(--g); + --b: var(--c); + --c: var(--d); + --d: var(--e); + --e: var(--a); + --f: var(--e); + --g: green; + color: var(--g); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-50.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-50.xht new file mode 100644 index 00000000000..cf778d03463 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-50.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a number of variables in a chain, where the final element of the chain uses its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: crimson; + --a: var(--b,red); + --b: var(--c); + --c: var(--d); + --d: var(--e); + --e: var(--a); + --f: var(--e); + color: var(--f); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-51.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-51.xht new file mode 100644 index 00000000000..9a1f8604475 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-51.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a reference to an invalid inherited variable.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#invalid-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; + --c: var(--a); +} +p { + --a: var(--b); +} +p { + color: red; + --b: var(--c,green); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-52.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-52.xht new file mode 100644 index 00000000000..c8f70d155f9 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-52.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; + --c: var(--a,green); +} +p { + --a: var(--b); +} +p { + color: red; + --b: var(--c,crimson); + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-53.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-53.xht new file mode 100644 index 00000000000..5c5de5a3104 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-53.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of two variable references without fallback and with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: green; +} +span { + color: red; + --a:var(--b)var(--c); + --b:orange; + --c:red; + color: var(--a); +} +</style> +</head><body><p><span>This text must be green.</span></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-54.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-54.xht new file mode 100644 index 00000000000..ae78af74a04 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-54.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: green; +} +span { + color: red; + --a:var(--b,orange)var(--c); + --c:red; + color: var(--a); +} +</style> +</head><body><p><span>This text must be green.</span></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-55.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-55.xht new file mode 100644 index 00000000000..8feaf8c6159 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-55.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: green; +} +span { + color: red; + --a:var(--b)var(--c,red); + --b:orange; + color: var(--a); +} +</style> +</head><body><p><span>This text must be green.</span></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-56.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-56.xht new file mode 100644 index 00000000000..bc921f4baef --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-56.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "unset" where there is no variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; +} +p { + color: orange; + --a: unset; + color: var(--a,green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-57.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-57.xht new file mode 100644 index 00000000000..7a8a68f33c0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-57.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "unset" where there is a variable to inherit from.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: green; + color: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: unset; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-58.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-58.xht new file mode 100644 index 00000000000..553ccabf737 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-58.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value consists of a reference to a variable whose value is "unset".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --b: green; + color: crimson; +} +p { + color: red; +} +p { + color: orange; + --a: var(--b); + --b: unset; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-59.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-59.xht new file mode 100644 index 00000000000..46fb9137a3a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-59.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with a trailing invalid token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: var(--a); + --a: green; + --a: red); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-60.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-60.xht new file mode 100644 index 00000000000..fcf6f73caa3 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-declaration-60.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /> +<title>CSS Test: Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +div { + color: orange; + --a: green; + color: var(--a); +} +p { + --b: İnitial; + --c: ınitial; + color: var(--b,var(--c,red)); +} +</style> +</head><body><div><p>This text must be green.</p></div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-external-declaration-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-external-declaration-01.xht new file mode 100644 index 00000000000..21c393e56c6 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-external-declaration-01.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable in an external CSS file.</title> +<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<link href="support/external-variable-declaration.css" type="text/css" rel="stylesheet" /> + +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-external-font-face-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-external-font-face-01.xht new file mode 100644 index 00000000000..9811e6fe5d7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-external-font-face-01.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the invalid declaration and use of a variable in an @font-face rule within an external CSS.</title> +<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="reference/variable-font-face-01-ref.xht" rel="match" /> +<link href="support/external-variable-font-face.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +</head><body><p id="a">This text must not be in Ahem.</p> +<p id="b">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-external-reference-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-external-reference-01.xht new file mode 100644 index 00000000000..a709625acb5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-external-reference-01.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS.</title> +<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/external-variable-reference.css" type="text/css" rel="stylesheet" /> +<link href="support/color-green-ref.xht" rel="match" /> + +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-external-supports-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-external-supports-01.xht new file mode 100644 index 00000000000..70e9d023ee0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-external-supports-01.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file.</title> +<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/external-variable-supports.css" type="text/css" rel="stylesheet" /> +<link href="support/color-green-ref.xht" rel="match" /> + +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-font-face-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-font-face-01.xht new file mode 100644 index 00000000000..0693864df8b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-font-face-01.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the invalid declaration and use of a variable in an @font-face rule.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="reference/variable-font-face-01-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<style> +@font-face { + --a: MyTestFontName; + font-family: var(--a); + src: url(../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} +</style> +</head><body><p id="a">This text must not be in Ahem.</p> +<p id="b">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-font-face-02.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-font-face-02.xht new file mode 100644 index 00000000000..0e3dcee9663 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-font-face-02.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="reference/variable-font-face-02-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<style> +:root { + --a: MyTestFontName; +} +@font-face { + font-family: var(--a); + src: url(../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} +</style> +</head><body><p id="a">This text must not be in Ahem.</p> +<p id="b">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-01.xht new file mode 100644 index 00000000000..a5ea88e31b4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-01.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of a variable in a non-custom property where the variable value is inherited.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +:root { + --a: green; +} +p { + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-02.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-02.xht new file mode 100644 index 00000000000..364e492c4a0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-02.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of a variable in a non-custom property where the value is invalid at computed-value time due to referencing a non-existent variable.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#invalid-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +:root { + --a: crimson; + color: red; +} +body { + color: green; +} +p { + color: orange; + color: var(--a) var(--b); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-03.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-03.xht new file mode 100644 index 00000000000..010f7182c13 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-03.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of two variables in a non-custom property where the variable values are inherited and one of the variable values consists only of white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +:root { + --a: green; + --b: ; + color: red; +} +p { + color: crimson; + color: var(--a) var(--b); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-04.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-04.xht new file mode 100644 index 00000000000..45ff0f3f61f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-04.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of two variables in a non-custom property where one variable is inherited and the other references a non-existing variable with fallback that consists only of white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +:root { + --a: green; + color: red; +} +p { + color: crimson; + color: var(--a) var(--b, ); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-05.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-05.xht new file mode 100644 index 00000000000..22bd0d78447 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-05.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: green; + color: red; +} +p { + color: crimson; + color:var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-06.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-06.xht new file mode 100644 index 00000000000..9a4bb70aa6d --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-06.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: crimson; + color: red; +} +p { + color: green; + color: var(--a,); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-07.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-07.xht new file mode 100644 index 00000000000..829d988a401 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-07.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: crimson; + color: red; +} +p { + color: green; + color: var(--a,;); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-08.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-08.xht new file mode 100644 index 00000000000..b1aa6d049ea --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-08.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: crimson; + color: red; +} +p { + color: green; + color: var(--a,!); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-09.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-09.xht new file mode 100644 index 00000000000..62ab0ea138c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-09.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with a variable reference that has a non-top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: green; + color: crimson; +} +p { + color: red; + color: var(--a,(;)); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-10.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-10.xht new file mode 100644 index 00000000000..eb6b3446be1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-10.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with a variable reference that has a non-top level '!' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: green; + color: crimson; +} +p { + color: red; + color: var(--a,(!)); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-11.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-11.xht new file mode 100644 index 00000000000..50906f80869 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-11.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + --a: crimson; + color: red; +} +p { + color: green; + color: var(--a,/**/); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-12.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-12.xht new file mode 100644 index 00000000000..82cb870af3b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-12.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of variable references in the 'content' property.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="reference/variable-reference-12-ref.xht" rel="match" /> +<style> +:root { + --a: "hello"; + --b: "there"; +} +#a:before { + content: var(--a) " " var(--b); +} +</style> +</head><body><p>The words "hello there" must appear below:</p> +<p id="a"></p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-13.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-13.xht new file mode 100644 index 00000000000..e010ea07433 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-13.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green !important; + --a: crimson; + color: var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-14.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-14.xht new file mode 100644 index 00000000000..56349756c8e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-14.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test that important variable declarations cascade correctly.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +#a { + --a: green !important; +} +p { + color: red; + --a: crimson; + color: var(--a); +} +</style> +</head><body><p id="a">This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-15.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-15.xht new file mode 100644 index 00000000000..d302f959c49 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-15.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with two variable references with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: crimson; + --a: orange; + --b: red; + color: var(--a)var(--b); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-16.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-16.xht new file mode 100644 index 00000000000..714cffc54bf --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-16.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: red; +} +p { + color: crimson; + color: var(--a, var(--b, var(--c, green))); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-17.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-17.xht new file mode 100644 index 00000000000..a11556809d5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-17.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: red; +} +p { + color: crimson; + --a: green; + color: var(--a, <!--); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-18.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-18.xht new file mode 100644 index 00000000000..dcfef42669e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-18.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: red; + color: { [ var(--a) ] }; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-19.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-19.xht new file mode 100644 index 00000000000..4b07b18854b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-19.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference and a non-top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: green; +} +p { + color: red; + color: [;] var(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-20.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-20.xht new file mode 100644 index 00000000000..20c7a8b02fc --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-20.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference whose function token is in uppercase.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: VAR(--a); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-21.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-21.xht new file mode 100644 index 00000000000..ca365260d9a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-21.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a reference to a variable whose name must be escaped.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --0: green; + color: var(--\30); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-22.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-22.xht new file mode 100644 index 00000000000..4b14ef70f52 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-22.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared and referenced using a lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --\d800: green; + color: var(--\d800); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-23.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-23.xht new file mode 100644 index 00000000000..74669ef18d0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-23.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using a lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --\d800: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-24.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-24.xht new file mode 100644 index 00000000000..d2c8b8ff145 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-24.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using an out-of-range Unicode character escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --\ffffff: green; + color: var(--\fffd); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-25.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-25.xht new file mode 100644 index 00000000000..35d24f07fc4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-25.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: var(--a</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-26.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-26.xht new file mode 100644 index 00000000000..24586dc6084 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-26.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference with white space before its comma and fallback consisting only of white space and which is implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: var(--a , </style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-27.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-27.xht new file mode 100644 index 00000000000..e0b4e0cec6c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-27.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference with fallback consisting only of white space and which is implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: var(--a, </style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-28.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-28.xht new file mode 100644 index 00000000000..e0e964cc6ea --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-28.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference whose fallback is a variable reference, both of which are implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: var(--a, var(--b</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-29.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-29.xht new file mode 100644 index 00000000000..28373696dc0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-29.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property that contains a variable reference with no fallback, and whose variable name is followed by a comment, and where the comment and the variable reference are implicitly closed due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: green; + color: var(--a /* unclosed comment</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-30.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-30.xht new file mode 100644 index 00000000000..5e04963c95d --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-30.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: green; + --a: red; + color: var(--a) !important !important; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-31.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-31.xht new file mode 100644 index 00000000000..4420223265f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-31.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; +} +p { + color: red; + --0: green; + color: var(--0); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-32.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-32.xht new file mode 100644 index 00000000000..4e7b31dcdee --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-32.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; +} +p { + color: green; + --a: red; + color: var(--a, " +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-33.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-33.xht new file mode 100644 index 00000000000..b7c7c8bc575 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-33.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; +} +p { + color: red; + --a: green; + color: var(--a, "</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-34.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-34.xht new file mode 100644 index 00000000000..18fb3125179 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-34.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; +} +p { + color: green; + --a: red; + color: var(--a, url(" +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-35.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-35.xht new file mode 100644 index 00000000000..795c163a24f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-35.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { + color: orange; +} +p { + color: red; + --a: green; + color: var(--a, url("</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-36.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-36.xht new file mode 100644 index 00000000000..cba08f89bbe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-36.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom shorthand property containing a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands" rel="help" /> +<link href="reference/variable-reference-36-ref.xht" rel="match" /> +<style> +p { + background-color: red; + --a: url(nothing) green; + background: var(--a); + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-37.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-37.xht new file mode 100644 index 00000000000..259d00960f5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-37.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a non-custom shorthand property containing a variable reference, with a subsequent property in the declaration block that overrides one of the shorthand's components.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands" rel="help" /> +<link href="reference/variable-reference-37-ref.xht" rel="match" /> +<style> +p { + --a: url(nothing) red; + background: var(--a); + background-color: green; + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-38.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-38.xht new file mode 100644 index 00000000000..8e149f24377 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-38.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test using variables in overlapping shorthands.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands" rel="help" /> +<link href="reference/variable-declaration-59-ref.xht" rel="match" /> +<style> +p { padding-left: 1em; } +#a { --style: solid; --left: black dotted; border-style: var(--style); border-left: var(--left); border-top: none; border-right: none; border-bottom: none; } +#b { --style: solid; --left: black dotted; border-left: var(--left); border-style: var(--style); border-top: none; border-right: none; border-bottom: none; } +</style> +</head><body><p id="a">The left border must be dotted.</p> +<p id="b">The left border must be solid.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-39.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-39.xht new file mode 100644 index 00000000000..1f2c6deb2a7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-reference-39.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that references itself but uses fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +p { + color: red; + --a: var(--a, red); + color: var(--a, green); +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-01.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-01.xht new file mode 100644 index 00000000000..141d1a67aba --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-01.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color:var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-02.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-02.xht new file mode 100644 index 00000000000..5289385d9ca --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-02.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a white space token followed by a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-03.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-03.xht new file mode 100644 index 00000000000..e3ea44b27fe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-03.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a) ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-04.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-04.xht new file mode 100644 index 00000000000..f43423966d5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-04.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens and with white space surrounding the variable name.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var( --a ) ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-05.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-05.xht new file mode 100644 index 00000000000..d1d3a96cd15 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-05.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-06.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-06.xht new file mode 100644 index 00000000000..57a4c16a812 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-06.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference with fallback that is only white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a, )) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-07.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-07.xht new file mode 100644 index 00000000000..f62957cc01c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-07.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens, just a comment.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,/**/))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-08.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-08.xht new file mode 100644 index 00000000000..fa6bcf27440 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-08.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a,/**/a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-09.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-09.xht new file mode 100644 index 00000000000..1b520df9dab --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-09.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a '!' token at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,!))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-10.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-10.xht new file mode 100644 index 00000000000..55225ce7103 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-10.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having "!important" at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,!important))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-11.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-11.xht new file mode 100644 index 00000000000..bd8fe66ce61 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-11.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: 1px var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-12.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-12.xht new file mode 100644 index 00000000000..21e3cb4fcbe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-12.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a) 1px) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-13.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-13.xht new file mode 100644 index 00000000000..cd6f61a9d59 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-13.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing 'color' property declaration in an @supports rule with a range of different tokens and a variable reference not at the top level.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: something 3px url(whereever) calc(var(--a) + 1px)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-14.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-14.xht new file mode 100644 index 00000000000..fa2810895a8 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-14.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a) !important) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-15.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-15.xht new file mode 100644 index 00000000000..6815ce1ac23 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-15.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-16.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-16.xht new file mode 100644 index 00000000000..0a1b2311d6e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-16.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule with a variable reference that has a number of levels of variable reference fallbacks.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a, var(--b, var(--c, black)))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-17.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-17.xht new file mode 100644 index 00000000000..15e499371b6 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-17.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule with two "!important" priorities.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a) !important !important)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-18.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-18.xht new file mode 100644 index 00000000000..4ef7cce1d93 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-18.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a) <!--) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-19.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-19.xht new file mode 100644 index 00000000000..bc7ccf5faec --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-19.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: --> var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-20.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-20.xht new file mode 100644 index 00000000000..0f00ee860a1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-20.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: { [ var(--a) ] }) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-21.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-21.xht new file mode 100644 index 00000000000..d6f0066469a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-21.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a ';' token at the top level of its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a,;))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-22.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-22.xht new file mode 100644 index 00000000000..27c02ded0cb --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-22.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: [;] var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-23.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-23.xht new file mode 100644 index 00000000000..1854f510288 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-23.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(--a);)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-24.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-24.xht new file mode 100644 index 00000000000..d5390f785d2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-24.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a non-top level ';' token in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a,(;))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-25.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-25.xht new file mode 100644 index 00000000000..79bc7189825 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-25.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: VAR(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-26.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-26.xht new file mode 100644 index 00000000000..2e74efbd571 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-26.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a digit after the "--" variable name prefix.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--0)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-27.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-27.xht new file mode 100644 index 00000000000..68b56b86954 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-27.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a variable name beginning with an escaped digit.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--\30)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-28.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-28.xht new file mode 100644 index 00000000000..7593afacc40 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-28.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an escaped lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--\d800)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-29.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-29.xht new file mode 100644 index 00000000000..4aede4ce016 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-29.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an out-of-range Unicode character escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--\ffffff)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-30.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-30.xht new file mode 100644 index 00000000000..d1c18f6b77e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-30.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a dimension token as the variable name.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a)) and (not (color: var(1px))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-31.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-31.xht new file mode 100644 index 00000000000..57a73c3b4a0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-31.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (color: var(--a , )) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-32.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-32.xht new file mode 100644 index 00000000000..48879e16c32 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-32.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (background: var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-33.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-33.xht new file mode 100644 index 00000000000..9644b00ed26 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-33.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a:var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-34.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-34.xht new file mode 100644 index 00000000000..641d1616836 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-34.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-35.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-35.xht new file mode 100644 index 00000000000..b3b7ac45515 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-35.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b) ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-36.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-36.xht new file mode 100644 index 00000000000..c0809791360 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-36.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space with the variable name also surrounded by white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var( --b ) ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-37.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-37.xht new file mode 100644 index 00000000000..02b90915372 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-37.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-38.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-38.xht new file mode 100644 index 00000000000..29f281e02e1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-38.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b, )) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-39.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-39.xht new file mode 100644 index 00000000000..b01d4eca642 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-39.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,/**/))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-40.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-40.xht new file mode 100644 index 00000000000..e95663f132f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-40.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting of a comment and an identifier.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b,/**/a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-41.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-41.xht new file mode 100644 index 00000000000..e9ca8562616 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-41.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,!))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-42.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-42.xht new file mode 100644 index 00000000000..2acb6c46947 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-42.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,!important))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-43.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-43.xht new file mode 100644 index 00000000000..96c92cf29c2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-43.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: 1px var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-44.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-44.xht new file mode 100644 index 00000000000..c8b06af93b5 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-44.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b) 1px) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-45.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-45.xht new file mode 100644 index 00000000000..b5dcb3bcb00 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-45.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: something 3px url(whereever) calc(var(--b) + 1px)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-46.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-46.xht new file mode 100644 index 00000000000..981cc8c6d24 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-46.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b) !important) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-47.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-47.xht new file mode 100644 index 00000000000..4d9a3afebac --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-47.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b)var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-48.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-48.xht new file mode 100644 index 00000000000..566b3fe94f2 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-48.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference with a number of levels of variable reference fallbacks.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b, var(--c, var(--d, black)))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-49.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-49.xht new file mode 100644 index 00000000000..14dd132d90e --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-49.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b) !important !important)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-50.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-50.xht new file mode 100644 index 00000000000..dfef3097f76 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-50.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b) <!--) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-51.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-51.xht new file mode 100644 index 00000000000..20f1e11fd79 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-51.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: --> var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-52.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-52.xht new file mode 100644 index 00000000000..dfc91704c6c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-52.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: { [ var(--b) ] }) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-53.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-53.xht new file mode 100644 index 00000000000..2f90a7a379c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-53.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b,;))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-54.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-54.xht new file mode 100644 index 00000000000..8f75c659a06 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-54.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: [;] var(--b)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-55.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-55.xht new file mode 100644 index 00000000000..a7b33e5c642 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-55.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(--b);)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-56.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-56.xht new file mode 100644 index 00000000000..04fe31d3ce4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-56.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains only a white space token.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: ) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-57.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-57.xht new file mode 100644 index 00000000000..fe07b8b52fd --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-57.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value contains no tokens.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a:)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-58.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-58.xht new file mode 100644 index 00000000000..334b5f3299f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-58.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing property declaration in an @supports rule with property name "--".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-59.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-59.xht new file mode 100644 index 00000000000..7309eee3843 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-59.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a:var(--a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-60.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-60.xht new file mode 100644 index 00000000000..de9c013b0fe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-60.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule for a variable whose name is a digit.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--0: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-61.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-61.xht new file mode 100644 index 00000000000..6bb4c1f1f92 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-61.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--\61: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-62.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-62.xht new file mode 100644 index 00000000000..4559fd8f077 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-62.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an escaped lone surrogate.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--\d800: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-63.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-63.xht new file mode 100644 index 00000000000..845b06b5aa0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-63.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an out-of-range Unicode character escape.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--\ffffff: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-64.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-64.xht new file mode 100644 index 00000000000..4af721c232b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-64.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (--a: var(1px))) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-65.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-65.xht new file mode 100644 index 00000000000..db8e0828ee0 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-65.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: var(--b , )) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-66.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-66.xht new file mode 100644 index 00000000000..26c5628de4c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-66.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-".</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: a) and (not (VAR-a: a)) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-67.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-67.xht new file mode 100644 index 00000000000..8ac2cdd45fe --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1print/variable-supports-67.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse.</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" /> +<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" /> +<link href="support/color-green-ref.xht" rel="match" /> +<style> +body { color: red; } +@supports (--a: !) or (--a: a) { + p { color: green; } +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file |