wpt / css / css-typed-om / stylevalue-subclasses / cssUnparsedValue-indexed-getter-setter.html

Status: FAIL | Duration: 52ms | Subtests: 0/6 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (0/6)

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

SubtestStatusMessage
Getting invalid index in CSSUnparsedValue returns undefinedFAILCSSUnparsedValue is not defined
Can update fragment in CSSUnparsedValue to a StringFAILCSSUnparsedValue is not defined
Can update fragment in CSSUnparsedValue to a CSSVariableReferenceFAILCSSUnparsedValue is not defined
Setting one past the last fragment in a CSSUnparsedValue to a String appends the new fragmentFAILCSSUnparsedValue is not defined
Setting one past the last fragment in a CSSUnparsedValue to a CSSVariableReferenceValue appends the new fragmentFAILCSSUnparsedValue is not defined
Setting out of range index in CSSUnparsedValue throws RangeErrorFAILCSSUnparsedValue is not defined

/css/css-typed-om/stylevalue-subclasses/cssUnparsedValue-indexed-getter-setter.html

<!doctype html>
<meta charset="utf-8">
<title>CSSUnparsedValue Indexed Getter and Setter</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-cssunparsedvalue-__getter__-index-index">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-cssunparsedvalue-__setter__-index-val-val">
<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 CSSUnparsedValue(['foo', 'bar']);
  assert_equals(result[3], undefined, 'result from out of range index');
  assert_equals(result[-1], undefined, 'result from negative index');
}, 'Getting invalid index in CSSUnparsedValue returns undefined');

test(() => {
  let result = new CSSUnparsedValue([new CSSVariableReferenceValue('--foo')]);
  result[0] = 'A';
  assert_equals(result[0], 'A', 'fragment reflects new value');
}, 'Can update fragment in CSSUnparsedValue to a String');

test(() => {
  let result = new CSSUnparsedValue(['foo']);
  result[0] = new CSSVariableReferenceValue('--A');
  assert_style_value_equals(result[0], new CSSVariableReferenceValue('--A'),
                            'fragment reflects new value');
}, 'Can update fragment in CSSUnparsedValue to a CSSVariableReference');

test(() => {
  let result = new CSSUnparsedValue([]);
  result[0] = 'foo';
  assert_equals(result[0], 'foo', 'new fragment is appended');
}, 'Setting one past the last fragment in a CSSUnparsedValue to a String ' +
   'appends the new fragment');

test(() => {
  let result = new CSSUnparsedValue([' ']);
  result[1] = new CSSVariableReferenceValue('--A');
  assert_style_value_equals(result[1], new CSSVariableReferenceValue('--A'),
                            'new fragment is appended');
}, 'Setting one past the last fragment in a CSSUnparsedValue to a ' +
   'CSSVariableReferenceValue appends the new fragment');

test(() => {
  let result = new CSSUnparsedValue(['foo', 'bar']);
  assert_throws_js(RangeError, () => result[3] = 'foo');
  assert_equals(result[3], undefined, 'fragment does not change');
}, 'Setting out of range index in CSSUnparsedValue throws RangeError');

</script>