mirror of
https://github.com/servo/servo.git
synced 2025-06-26 18:14:34 +01:00
35 lines
1.3 KiB
HTML
35 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<title>Self-test for utils.js</title>
|
|
<link rel="help" href="https://drafts.css-houdini.org/css-properties-values-api-1/">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="./resources/utils.js"></script>
|
|
<div id=outer><div id=inner></div></div>
|
|
<script>
|
|
|
|
test(function(){
|
|
let syntaxes = all_syntaxes().concat([
|
|
'foo',
|
|
'bar | <length>',
|
|
'<angle> | <length>'
|
|
]);
|
|
// Don't throw:
|
|
syntaxes.forEach(generate_property);
|
|
}, 'Default initial values of generated properties are valid (self-test).');
|
|
|
|
test(function(){
|
|
try {
|
|
let inherited = generate_property({ syntax: '<length>', inherits: true });
|
|
let non_inherited = generate_property({ syntax: '<length>', inherits: false, initialValue: '5px' });
|
|
outer.style = `${inherited}: 10px; ${non_inherited}: 11px;`;
|
|
assert_equals(getComputedStyle(outer).getPropertyValue(inherited), '10px');
|
|
assert_equals(getComputedStyle(outer).getPropertyValue(non_inherited), '11px');
|
|
assert_equals(getComputedStyle(inner).getPropertyValue(inherited), '10px');
|
|
assert_equals(getComputedStyle(inner).getPropertyValue(non_inherited), '5px');
|
|
} finally {
|
|
outer.style = '';
|
|
inner.style = '';
|
|
}
|
|
}, 'Generated properties respect inherits flag');
|
|
|
|
</script>
|