Blitz - WPT: cssVariableReferenceValue.html

wpt / css / css-typed-om / stylevalue-subclasses / cssVariableReferenceValue.html

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

Subtest	Status	Message
CSSVariableReferenceValue can be constructed with no fallback	FAIL	CSSVariableReferenceValue is not defined
CSSVariableReferenceValue can be constructed with null fallback	FAIL	CSSVariableReferenceValue is not defined
CSSVariableReferenceValue can be constructed with valid fallback	FAIL	CSSVariableReferenceValue is not defined

Enable JavaScript in test iframe

/css/css-typed-om/stylevalue-subclasses/cssVariableReferenceValue.html

<!doctype html>
<meta charset="utf-8">
<title>CSSVariableReferenceValue Constructor</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-cssvariablereferencevalue-cssvariablereferencevalue">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../resources/testhelper.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';

test(() => {
  const result = new CSSVariableReferenceValue('--foo');
  assert_not_equals(result, null, 'a CSSVariableReferenceValue is created');
  assert_equals(result.variable, '--foo',
                'variable is same as passed by constructor');
  assert_equals(result.fallback, null, 'fallback');
}, 'CSSVariableReferenceValue can be constructed with no fallback');

test(() => {
  const result = new CSSVariableReferenceValue('--foo', null);
  assert_not_equals(result, null, 'a CSSVariableReferenceValue is created');
  assert_equals(result.variable, '--foo',
                'variable is same as passed by constructor');
  assert_equals(result.fallback, null, 'fallback');
}, 'CSSVariableReferenceValue can be constructed with null fallback');

test(() => {
  const result = new CSSVariableReferenceValue('--foo',
      new CSSUnparsedValue(['lemon']));
  assert_not_equals(result, null, 'a CSSVariableReferenceValue is created');
  assert_equals(result.variable, '--foo',
                'variable is same as passed by constructor');
  assert_not_equals(result.fallback, null, 'fallback');
  assert_style_value_equals(result.fallback, new CSSUnparsedValue(['lemon']),
                            'fallback is same as passed by constructor');
}, 'CSSVariableReferenceValue can be constructed with valid fallback');

</script>