CSS Custom Properties Level 1 CR Test Suite

Defining Custom Properties: the --* family of properties (127 tests)

Test Refs Flags Info
+ 2 Defining Custom Properties: the --* family of properties
variable-created-document Script Variable added to created document
variable-created-element Script Variable on created element
variable-declaration-06 = Test overriding an existing variable declaration.
variable-declaration-29 = Test declaring a variable with a valid custom property name "--".
variable-declaration-31 = Test declaring a variable where the variable name begins with a digit.
variable-declaration-32 = Test declaring a variable where the variable name begins with an escaped digit.
variable-declaration-33 = Test declaring a variable where the variable name begins with an escaped letter.
variable-declaration-34 = Test declaring a variable where the variable name begins with a lone surrogate.
variable-declaration-35 = Test declaring a variable where the variable name begins with U+FFFD.
variable-declaration-36 = Test declaring a variable where the variable name begins with an out-of-range Unicode character escape.
variable-declaration-38 = Test declaring two variables in the same declaration block that differ only in case, with lowercase first.
variable-declaration-39 = Test declaring two variables in the same declaration block that differ only in case, with uppercase first.
variable-declaration-40 = Test declaring a variable with an invalid custom property name due to it beginning with "VAR-".
variable-declaration-41 = Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped.
variable-declaration-42 = Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character.
variable-declaration-43 = Test declaring a variable whose value is "initial".
variable-declaration-44 = Test declaring a variable whose value is "inherit" where there is no variable to inherit from.
variable-declaration-45 = Test declaring a variable whose value is "inherit" where there is a variable to inherit from.
variable-declaration-46 = Test declaring a variable whose value is "initial" where there is a variable to inherit from.
variable-declaration-47 = Test declaring a variable whose value consists of a reference to a variable whose value is "inherit".
variable-declaration-56 = Test declaring a variable whose value is "unset" where there is no variable to inherit from.
variable-declaration-57 = Test declaring a variable whose value is "unset" where there is a variable to inherit from.
variable-declaration-58 = Test declaring a variable whose value consists of a reference to a variable whose value is "unset".
variable-declaration-59 = Test declaring a variable with a trailing invalid token.
variable-external-font-face-01 = Ahem Test the invalid declaration and use of a variable in an @font-face rule within an external CSS.
variable-first-letter Script CSS Variables with ::first-letter pseudo-element.
variable-first-line Script CSS Variables with ::first-line pseudo-element.
variable-font-face-01 = Ahem Test the invalid declaration and use of a variable in an @font-face rule.
variable-font-face-02 = Ahem Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element.
variable-invalidation Script Tests css variable invalidation
variable-presentation-attribute Script CSS Variables and SVG presentation attributes
variable-pseudo-element Script Parse, store, and serialize CSS variable references
variable-reference-13 = Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block.
variable-reference-14 = Test that important variable declarations cascade correctly.
variable-reference-cssom Script CSS variable references - via CSSOM
variable-reference-refresh Script Variable reference across document refresh
variable-reference-refresh-iframe Content used for within variable-reference-refresh
variable-substitution-basic Script test basic variable substitution
variable-substitution-filters Script test filter function variable substitution
variable-substitution-plus-box-shadow Script box-shadow + variable substitution on same element
variable-substitution-replaced-size Script variable substitution into size properties on certain replaced elements
variable-substitution-shadow-properties Script test shadow property variable substitution
variable-supports-58 = Test a passing property declaration in an @supports rule with property name "--".
variable-supports-60 = Test a passing custom property declaration in an @supports rule for a variable whose name is a digit.
variable-supports-61 = Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape.
variable-supports-62 = 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.
variable-supports-63 = 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.
variable-supports-66 = Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-".
variable-supports-67 = Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse.
+ 2.1 Custom Property Value Syntax
variable-animation-from-to Script CSS Variables - Animation - From and To Values
variable-animation-over-transition Script CSS Variables - Animation - Overriding Transition
variable-animation-substitute-into-keyframe Script CSS Variables - Animation - Substitute Into Keyframe
variable-animation-substitute-into-keyframe-shorthand Script CSS Variables - Animation - Substitute Into Keyframe with Shorthand
variable-animation-substitute-into-keyframe-transform Script CSS Variables - Animation - Substitute Into Keyframe - transform property
variable-animation-substitute-within-keyframe Script CSS Variables - Animation - Substitute Within Keyframe
variable-animation-substitute-within-keyframe-fallback Script CSS Variables - Animation - Substitute Within Keyframe - Fallback
  • The --endColor does the 50% flip and supports the fallback syntax
variable-animation-substitute-within-keyframe-multiple Script CSS Variables - Animation - Substitute Within Keyframe - Multiple Substitution
variable-animation-to-only Script CSS Variables - Animation - From and To Values
variable-declaration-01 = Test declaring a variable consisting of a single token preceded by white space.
variable-declaration-02 = Test declaring a variable consisting of a single token with no preceding white space.
variable-declaration-03 = Test declaring a variable that references another variable.
variable-declaration-04 = Test declaring a variable consisting of a variable reference followed by white space.
variable-declaration-05 = Test declaring a variable consisting of a variable reference that includes white space around the variable name.
variable-declaration-07 = Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback.
variable-declaration-08 = Test declaring a variable that consists of a variable reference whose fallback is white space.
variable-declaration-09 = Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback.
variable-declaration-10 = Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier.
variable-declaration-11 = Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback.
variable-declaration-12 = Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback.
variable-declaration-13 = Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback.
variable-declaration-14 = Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space.
variable-declaration-15 = Ahem Test declaring a variable that consists of a comma-separated font family list.
variable-declaration-16 = Ahem Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference.
variable-declaration-17 = Ahem Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference.
variable-declaration-18 = Ahem Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference.
variable-declaration-19 = Test declaring a variable that consists of a function where one of the arguments is a variable reference.
variable-declaration-20 = Test declaring a variable with "!important".
variable-declaration-21 = Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references.
variable-declaration-22 = Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks.
variable-declaration-23 = Test declaring a variable with invalid syntax due to having two "!important" priorities.
variable-declaration-24 = Test declaring a variable that contains a CDO token.
variable-declaration-25 = Test declaring a variable that contains a CDC token.
variable-declaration-26 = Test declaring a variable that contains only a white space token.
variable-declaration-28 = Test declaring a variable with invalid syntax due to having no tokens.
variable-declaration-37 = Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback.
variable-declaration-60 = Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's.
variable-external-declaration-01 = Test declaring a variable in an external CSS file.
variable-reference-without-whitespace = Variable reference without whitespace
variable-supports-33 = Test a passing custom property declaration in an @supports rule whose value contains a variable reference.
variable-supports-34 = Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference.
variable-supports-35 = Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space.
variable-supports-36 = 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.
variable-supports-37 = Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens.
variable-supports-38 = Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space.
variable-supports-39 = Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment.
variable-supports-40 = 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.
variable-supports-41 = Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token.
variable-supports-42 = Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important".
variable-supports-43 = Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference.
variable-supports-44 = Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension.
variable-supports-45 = Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference.
variable-supports-46 = Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority.
variable-supports-47 = Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space.
variable-supports-48 = 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.
variable-supports-49 = Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities.
variable-supports-50 = Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.
variable-supports-51 = Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.
variable-supports-52 = Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.
variable-supports-53 = Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback.
variable-supports-54 = Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.
variable-supports-55 = Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback.
variable-supports-56 = Test a passing custom property declaration in an @supports rule whose value contains only a white space token.
variable-supports-57 = Test a failing custom property declaration in an @supports rule whose value contains no tokens.
variable-supports-65 = Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma.
variable-transitions-from-no-value Script CSS Variables - Transitions - From no value to value
variable-transitions-to-no-value Script CSS Variables - Transitions - From value to no value
variable-transitions-transition-property-all-before-value Script CSS Variables - Transitions - Variable value specified before transition; 'all' keyword used
variable-transitions-transition-property-variable-before-value Script CSS Variables - Transitions - Variable value specified before transition; variable specified by name
variable-transitions-value-before-transition-property-all Script CSS Variables - Transitions - Variable value specified before transition; 'all' keyword used
variable-transitions-value-before-transition-property-variable Script CSS Variables - Transitions - Variable value specified before transition; variable specified by name
+ 2.2 Resolving Dependency Cycles
variable-declaration-30 = Test declaring a variable that contains a variable reference to itself.
variable-declaration-48 = Test declaring a number of variables in a cycle.
variable-declaration-49 = Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle.
variable-declaration-50 = Test declaring a number of variables in a chain, where the final element of the chain uses its fallback.
variable-reference-39 = Test declaring a variable that references itself but uses fallback.
variable-supports-59 = Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself.