Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 35 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /css/css-inline/text-box-trim/parsing/text-box-computed.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>text-box getComputedStyle() returns correctly resolved values</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
<div id="target"></div>
<script>
// initial values
test_computed_value('text-box', 'normal');
test_computed_value('text-box', 'none', 'normal');
test_computed_value('text-box', 'none auto', 'normal');
test_computed_value('text-box', 'auto none', 'normal');
test_computed_value('text-box', 'auto', 'trim-both');
// `<text-box-trim>`: `none | trim-start | trim-end | trim-both`
test_computed_value('text-box', 'trim-start');
test_computed_value('text-box', 'trim-end');
test_computed_value('text-box', 'trim-both');
// `<text-edge>`
test_computed_value('text-box', 'text');
test_computed_value('text-box', 'ideographic');
test_computed_value('text-box', 'cap alphabetic');
test_computed_value('text-box', 'text alphabetic');
// Mix initial and non-initial values
test_computed_value('text-box', 'trim-start auto', 'trim-start');
test_computed_value('text-box', 'trim-both auto', 'trim-both');
test_computed_value('text-box', 'auto trim-both', 'trim-both');
test_computed_value('text-box', 'none text', 'none text');
test_computed_value('text-box', 'text text none', 'none text');
test_computed_value('text-box', 'none cap text');
test_computed_value('text-box', 'cap alphabetic none', 'none cap alphabetic');
test_computed_value('text-box', 'ideographic none', 'none ideographic');
// Both `<text-box-trim>` and `<text-box-edge>`
test_computed_value('text-box', 'trim-both text', 'text');
test_computed_value('text-box', 'trim-start text');
test_computed_value('text-box', 'text text trim-both', 'text');
test_computed_value('text-box', 'text text trim-end', 'trim-end text');
test_computed_value('text-box', 'cap alphabetic trim-start', 'trim-start cap alphabetic');
test_computed_value('text-box', 'trim-start cap alphabetic');
test_computed_value('text-box', 'trim-both cap alphabetic', 'cap alphabetic');
test_computed_value('text-box', 'trim-start ideographic ideographic', 'trim-start ideographic');
test_computed_value('text-box', 'trim-start ideographic-ink ideographic-ink', 'trim-start ideographic-ink');
test_computed_value('text-box', 'trim-end cap text');
test_computed_value('text-box', 'trim-end ex text', 'trim-end ex text');
test_computed_value('text-box', 'cap text trim-end', 'trim-end cap text');
test_computed_value('text-box', 'ex text trim-end', 'trim-end ex text');
test_computed_value('text-box', 'cap text trim-both', 'cap text');
test_computed_value('text-box', 'ex text trim-both', 'ex text');
</script>