<!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>
