blob: 1af557fb08678754179d00597352975959b549ef [file] [log] [blame]
<!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(new TypeError(), () => result.value = '');
assert_equals(result.value, 'lemon', 'value does not change');
}, 'Updating CSSKeywordValue.value with an empty string throws a TypeError');
</script>