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