wpt / css / css-typed-om / stylevalue-subclasses / cssKeywordValue-value.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
CSSKeywordValue.value can be updated to a CSS wide keywordFAILCSSKeywordValue is not defined
CSSKeywordValue.value can be updated to a CSS keywordFAILCSSKeywordValue is not defined
CSSKeywordValue.value can be updated to an unsupported CSS keywordFAILCSSKeywordValue is not defined
CSSKeywordValue.value can be updated to a string containing multiple tokensFAILCSSKeywordValue is not defined
CSSKeywordValue.value can be updated to a unicode stringFAILCSSKeywordValue is not defined
Updating CSSKeywordValue.value with an empty string throws a TypeErrorFAILCSSKeywordValue is not defined

/css/css-typed-om/stylevalue-subclasses/cssKeywordValue-value.html

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

const gTestArguments = [
  { keyword: 'initial', description: 'a CSS wide keyword' },
  { keyword: 'auto', description: 'a CSS keyword' },
  { keyword: 'lemon', description: 'an unsupported CSS keyword' },
  { keyword: '3! + 4@', description: 'a string containing multiple tokens' },
  { keyword: '☺', description: 'a unicode string' },
];

for (const args of gTestArguments) {
  test(() => {
    const result = new CSSKeywordValue(args.keyword);
    assert_not_equals(result, null, 'a CSSKeywordValue is created');
    assert_equals(result.value, args.keyword, 'value reflects new value');
  }, `CSSKeywordValue.value can be updated to ${args.description}`);
}

test(() => {
  let result = new CSSKeywordValue('lemon');
  assert_throws_js(TypeError, () => result.value = '');
  assert_equals(result.value, 'lemon', 'value does not change');
}, 'Updating CSSKeywordValue.value with an empty string throws a TypeError');

</script>