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