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/html | |
| 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/html')
208 files changed, 7006 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 |