KitesurfExperimental
Read announcement

variable-reference.html

FAILExpected10 of 18 subtests pass1,347 ms

Run in Kitesurf (opens in a new tab)Source  (opens in a new tab)

Details

Test
/css/css-variables/variable-reference.html
Harness
OK

Subtests

StatusSubtestMessage
PASSwidth: var(--prop);
PASSwidth: var(--prop) !important;
PASSwidth: var(--prop, );
PASSwidth: var(--prop, 20px);
PASSwidth: var(--prop, blue);
PASSwidth: var(--prop1, var(--prop2));
PASSwidth: var(--prop1, var(--prop2, var(--prop3, auto)));
PASSwidth: var(--prop1) var(--prop2)
PASSwidth: var(--prop,);
PASSwidth: var();
FAILwidth: var(prop);
assert_equals: expected "var(prop)" but got ""
assert_equals: expected "var(prop)" but got ""
FAILwidth: var(-prop);
assert_equals: expected "var(-prop)" but got ""
assert_equals: expected "var(-prop)" but got ""
FAILwidth: var(--prop 20px);
assert_equals: expected "var(--prop 20px)" but got ""
assert_equals: expected "var(--prop 20px)" but got ""
FAILwidth: var(--prop, var(prop));
assert_equals: expected "var(--prop, var(prop))" but got ""
assert_equals: expected "var(--prop, var(prop))" but got ""
FAILwidth: var(--prop, var(-prop));
assert_equals: expected "var(--prop, var(-prop))" but got ""
assert_equals: expected "var(--prop, var(-prop))" but got ""
FAILwidth: var(20px);
assert_equals: expected "var(20px)" but got ""
assert_equals: expected "var(20px)" but got ""
FAILwidth: var(var(--prop));
assert_equals: expected "var(var(--prop))" but got ""
assert_equals: expected "var(var(--prop))" but got ""
FAILVariable reference left open at end of stylesheet
Cannot read properties of undefined (reading 'style')
Cannot read properties of undefined (reading 'style')