Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-writing-modes/text-combine-upright-parsing-invalid-001.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Writing Modes: parsing text-combine-upright with invalid values</title>
<meta name="assert" content="text-combine-upright doesn't support undefined keywords and out-of-range integer, and numbers.">
<meta name="flags" content="dom invalid">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
#invalid_foo {
text-decoration-upright: foo;
}
#invalid_all_none {
text-decoration-upright: all none;
}
#invalid_none_digits {
text-decoration-upright: none digits;
}
#invalid_digits_bar {
text-decoration-upright: digits bar;
}
#invalid_digits_4_none {
text-decoration-upright: digits 4 none;
}
#invalid_digits2 {
text-decoration-upright: digits2;
}
#invalid_digits_1 {
text-decoration-upright: digits 1;
}
#invalid_digits_positive5 {
text-decoration-upright: digits +5;
}
#invalid_digits_2_00 {
text-decoration-upright: digits 2.00;
}
#invalid_digits_2_e_0 {
text-decoration-upright: digits 2e0;
}
#invalid_digits_positive2_e_0 {
text-decoration-upright: digits +2e0;
}
#invalid_digits_3_e_positive0 {
text-decoration-upright: digits 3e+0;
}
#invalid_digits_3_e_negative0 {
text-decoration-upright: digits 3e-0;
}
#invalid_digits_positive4_e_positive0 {
text-decoration-upright: digits +4e+0;
}
#invalid_digits_positive4_e_negative0 {
text-decoration-upright: digits +4e-0;
}
</style>
</head>
<body>
<div id="invalid_foo"></div>
<div id="invalid_all_none"></div>
<div id="invalid_none_digits"></div>
<div id="invalid_digits_bar"></div>
<div id="invalid_digits_4_none"></div>
<div id="invalid_digits2"></div>
<div id="invalid_digits_1"></div>
<div id="invalid_digits_positive5"></div>
<div id="invalid_digits_2_00"></div>
<div id="invalid_digits_2_e_0"></div>
<div id="invalid_digits_positive2_e_0"></div>
<div id="invalid_digits_3_e_positive0"></div>
<div id="invalid_digits_3_e_negative0"></div>
<div id="invalid_digits_positive4_e_positive0"></div>
<div id="invalid_digits_positive4_e_negative0"></div>
<div id="log"></div>
<script>
var getComputedValueFor = function (id) {
var element = document.getElementById(id);
return window.getComputedStyle(element).textCombineUpright;
};
test(function () {
assert_equals(getComputedValueFor('invalid_foo'), 'none');
}, 'Computed value for `text-combine-upright: foo` is `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_all_none'), 'none');
}, 'Computed value for `text-combine-upright: all none` is `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_none_digits'), 'none');
}, 'Computed value for `text-combine-upright: none digits` is `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_digits_bar'), 'none');
}, 'Computed value for `text-combine-upright: digits bar` is `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_digits_4_none'), 'none');
}, 'Computed value for `text-combine-upright: digits 4 none` is `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_digits2'), 'none');
}, 'Computed value for `text-combine-upright: digits2` is `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_digits_1'), 'none');
}, 'Computed value for `text-combine-upright: digits 1` is `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_digits_positive5'), 'none');
}, 'Computed value for `text-combine-upright: digits +5` is `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_digits_2_00'), 'none');
}, 'Computed value for `text-combine-upright: digits 2.00` is `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_digits_2_e_0'), 'none');
assert_not_equals(getComputedValueFor('invalid_digits_2_e_0'), 'digits 2');
}, 'Computed value for `text-combine-upright: digits 2e0` is not `digits 2` but `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_digits_positive2_e_0'), 'none');
assert_not_equals(getComputedValueFor('invalid_digits_positive2_e_0'), 'digits 2');
}, 'Computed value for `text-combine-upright: digits +2e0` is not `digits 2` but `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_digits_3_e_positive0'), 'none');
assert_not_equals(getComputedValueFor('invalid_digits_3_e_positive0'), 'digits 3');
}, 'Computed value for `text-combine-upright: digits 3e+0` is not `digits 3` but `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_digits_3_e_negative0'), 'none');
assert_not_equals(getComputedValueFor('invalid_digits_3_e_negative0'), 'digits 3');
}, 'Computed value for `text-combine-upright: digits 3e-0` is not `digits 3` but `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_digits_positive4_e_positive0'), 'none');
assert_not_equals(getComputedValueFor('invalid_digits_positive4_e_positive0'), 'digits 4');
}, 'Computed value for `text-combine-upright: digits +4e+0` is not `digits 4` but `none`');
test(function () {
assert_equals(getComputedValueFor('invalid_digits_positive4_e_negative0'), 'none');
assert_not_equals(getComputedValueFor('invalid_digits_positive4_e_negative0'), 'digits 4');
}, 'Computed value for `text-combine-upright: digits +4e-0` is not `digits 4` but `none`');
</script>
</body>
</html>