HomeReview Results
The CSS Custom Properties Level 1 CR Test Suite contains 224 test cases.
You can choose to review: The full test suite A section of the specification: 2: Defining Custom Properties: the --* family of properties2.1: Custom Property Value Syntax2.3: Resolving Dependency Cycles3: Using Cascading Variables: the var() notation3.1: Invalid Variables3.2: Variables in Shorthand Properties4.1: Serializing Custom Properties A single test case: css-variable-change-style-001: Style changes on properties using variablescss-variable-change-style-002: Style changes on properties using variablescss-vars-custom-property-case-sensitive-001: custom property names are case-sensitivecss-vars-custom-property-inheritance: custom properties use normal inheritance and cascade rulesregistered-property-change-style-001: Style changes on registered properties using variablestest_variable_legal_values: CSS Variables Allowed Syntaxvariable-animation-from-to: CSS Variables - Animation - From and To Valuesvariable-animation-over-transition: CSS Variables - Animation - Overriding Transitionvariable-animation-substitute-into-keyframe: CSS Variables - Animation - Substitute Into Keyframevariable-animation-substitute-into-keyframe-shorthand: CSS Variables - Animation - Substitute Into Keyframe with Shorthandvariable-animation-substitute-into-keyframe-transform: CSS Variables - Animation - Substitute Into Keyframe - transform propertyvariable-animation-substitute-within-keyframe: CSS Variables - Animation - Substitute Within Keyframevariable-animation-substitute-within-keyframe-fallback: CSS Variables - Animation - Substitute Within Keyframe - Fallbackvariable-animation-substitute-within-keyframe-multiple: CSS Variables - Animation - Substitute Within Keyframe - Multiple Substitutionvariable-animation-to-only: CSS Variables - Animation - From and To Valuesvariable-created-document: Variable added to created documentvariable-created-element: Variable on created elementvariable-csstext: Parse, store, and serialize CSS variable (thorugh css Text)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-06: Test overriding an existing variable declaration.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: Test declaring a variable that consists of a comma-separated font family list.variable-declaration-16: Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference.variable-declaration-17: Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference.variable-declaration-18: 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-29: Test declaring a variable with a valid custom property name "--".variable-declaration-30: Test declaring a variable that contains a variable reference to itself.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-37: Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback.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-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-declaration-51: Test declaring a variable that consists of a reference to an invalid inherited variable.variable-declaration-52: Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback.variable-declaration-53: Test declaring a variable that consists of two variable references without fallback and with no intervening white space.variable-declaration-54: Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space.variable-declaration-55: Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space.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-declaration-60: Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's.variable-definition: variable-definition: get variable value using getPropertyValuevariable-definition-border-shorthand-serialize: Variables - border shorthand set, serialize border-colorvariable-definition-cascading: variable definition cascading testsvariable-definition-keywords: CSS Variable definitions and keywordsvariable-external-declaration-01: Test declaring a variable in an external CSS file.variable-external-font-face-01: Test the invalid declaration and use of a variable in an @font-face rule within an external CSS.variable-external-reference-01: Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS.variable-external-supports-01: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file.variable-first-letter: CSS Variables with ::first-letter pseudo-element.variable-first-line: CSS Variables with ::first-line pseudo-element.variable-font-face-01: Test the invalid declaration and use of a variable in an @font-face rule.variable-font-face-02: Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element.variable-invalidation: Tests css variable invalidationvariable-presentation-attribute: CSS Variables and SVG presentation attributesvariable-pseudo-element: Parse, store, and serialize CSS variable referencesvariable-reference: Parse, store, and serialize CSS variable referencesvariable-reference-01: Test the use of a variable in a non-custom property where the variable value is inherited.variable-reference-02: 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.variable-reference-03: 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.variable-reference-04: 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.variable-reference-05: Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference.variable-reference-06: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens.variable-reference-07: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token.variable-reference-08: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token.variable-reference-09: Test declaring a non-custom property with a variable reference that has a non-top level ';' token.variable-reference-10: Test declaring a non-custom property with a variable reference that has a non-top level '!' token.variable-reference-11: Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment.variable-reference-12: Test the use of variable references in the 'content' property.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-15: Test declaring a non-custom property with two variable references with no intervening white space.variable-reference-16: Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks.variable-reference-17: Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token.variable-reference-18: Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets.variable-reference-19: Test declaring a non-custom property that contains a variable reference and a non-top level ';' token.variable-reference-20: Test declaring a non-custom property that contains a variable reference whose function token is in uppercase.variable-reference-21: Test declaring a non-custom property that contains a reference to a variable whose name must be escaped.variable-reference-22: 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.variable-reference-23: 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.variable-reference-24: 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.variable-reference-25: Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF.variable-reference-26: 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.variable-reference-27: 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.variable-reference-28: 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.variable-reference-29: 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.variable-reference-30: Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities.variable-reference-31: Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix.variable-reference-32: Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string.variable-reference-33: Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF.variable-reference-34: Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL.variable-reference-35: Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF.variable-reference-36: Test declaring a non-custom shorthand property containing a variable reference.variable-reference-37: 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.variable-reference-38: Test using variables in overlapping shorthands.variable-reference-39: Test declaring a variable that references itself but uses fallback.variable-reference-40: Test that a variable reference within a gradient value in a border-image shorthand parses correctly.variable-reference-cssom: CSS variable references - via CSSOMvariable-reference-refresh: Variable reference across document refreshvariable-reference-refresh-iframe: Content used for within variable-reference-refreshvariable-reference-shorthands: Parse, store, and serialize CSS variable references - shorthand propertiesvariable-reference-shorthands-cssom: CSS variable references - shorthand properties - via CSSOMvariable-reference-variable: Parse, store, and serialize CSS variable referencing another CSS variablevariable-reference-without-whitespace: Variable reference without whitespacevariable-substitution-background-properties: test background property variable substitutionvariable-substitution-basic: test basic variable substitutionvariable-substitution-filters: test filter function variable substitutionvariable-substitution-plus-box-shadow: box-shadow + variable substitution on same elementvariable-substitution-replaced-size: variable substitution into size properties on certain replaced elementsvariable-substitution-shadow-properties: test shadow property variable substitutionvariable-substitution-shorthands: Test shorthand variable substitutionvariable-substitution-variable-declaration: Testing substituting variable references inside of variable declerationsvariable-supports-01: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens.variable-supports-02: 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.variable-supports-03: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens.variable-supports-04: 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.variable-supports-05: 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.variable-supports-06: 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.variable-supports-07: 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.variable-supports-08: Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier.variable-supports-09: 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.variable-supports-10: 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.variable-supports-11: Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value.variable-supports-12: Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value.variable-supports-13: 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.variable-supports-14: Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority.variable-supports-15: Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space.variable-supports-16: 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.variable-supports-17: Test a failing non-custom property declaration in an @supports rule with two "!important" priorities.variable-supports-18: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.variable-supports-19: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.variable-supports-20: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.variable-supports-21: 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.variable-supports-22: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.variable-supports-23: Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token.variable-supports-24: 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.variable-supports-25: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase.variable-supports-26: 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.variable-supports-27: 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.variable-supports-28: 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.variable-supports-29: 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.variable-supports-30: 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.variable-supports-31: Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma.variable-supports-32: Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference.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-58: Test a passing property declaration in an @supports rule with property name "--".variable-supports-59: Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself.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-64: Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name.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-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.variable-transitions-from-no-value: CSS Variables - Transitions - From no value to valuevariable-transitions-to-no-value: CSS Variables - Transitions - From value to no valuevariable-transitions-transition-property-all-before-value: CSS Variables - Transitions - Variable value specified before transition; 'all' keyword usedvariable-transitions-transition-property-variable-before-value: CSS Variables - Transitions - Variable value specified before transition; variable specified by namevariable-transitions-value-before-transition-property-all: CSS Variables - Transitions - Variable value specified before transition; 'all' keyword usedvariable-transitions-value-before-transition-property-variable: CSS Variables - Transitions - Variable value specified before transition; variable specified by namevars-background-shorthand-001: CSS Variables 1: Test variables in background shorthand.vars-border-shorthand-serialize: Set border shorthand and serialize border-*vars-font-shorthand-001: CSS Variables 1: Test variables in @font-face, font-family, font shorthand.
Options: Group by specification section
Do not display tests that: Meet exit criteria Have blocking failures Lack sufficient data Have been reported as invalid Are not required