mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Update web-platform-tests to revision dc60bfc45b49e3a5e653320e65b0fd447676b836
This commit is contained in:
parent
652a177ff5
commit
0bc549be55
690 changed files with 6588 additions and 1564 deletions
|
@ -20,14 +20,14 @@
|
|||
</style>
|
||||
<div id=outer><div id=inner></div></div>
|
||||
<script>
|
||||
CSS.registerProperty({name: '--inherited-length-1', syntax: '<length>', initialValue: '1px', inherits: true});
|
||||
CSS.registerProperty({name: '--inherited-length-2', syntax: '<length>', initialValue: '2px', inherits: true});
|
||||
CSS.registerProperty({name: '--inherited-length-3', syntax: '<length>', initialValue: '3px', inherits: true});
|
||||
CSS.registerProperty({name: '--non-inherited-length-1', syntax: '<length>', initialValue: '4px'});
|
||||
CSS.registerProperty({name: '--non-inherited-length-2', syntax: '<length>', initialValue: '5px'});
|
||||
CSS.registerProperty({name: '--non-inherited-length-3', syntax: '<length>', initialValue: '6px'});
|
||||
|
||||
test(function() {
|
||||
CSS.registerProperty({name: '--inherited-length-1', syntax: '<length>', initialValue: '1px', inherits: true});
|
||||
CSS.registerProperty({name: '--inherited-length-2', syntax: '<length>', initialValue: '2px', inherits: true});
|
||||
CSS.registerProperty({name: '--inherited-length-3', syntax: '<length>', initialValue: '3px', inherits: true});
|
||||
CSS.registerProperty({name: '--non-inherited-length-1', syntax: '<length>', initialValue: '4px'});
|
||||
CSS.registerProperty({name: '--non-inherited-length-2', syntax: '<length>', initialValue: '5px'});
|
||||
CSS.registerProperty({name: '--non-inherited-length-3', syntax: '<length>', initialValue: '6px'});
|
||||
|
||||
outerComputedStyle = getComputedStyle(outer);
|
||||
assert_equals(outerComputedStyle.getPropertyValue('--inherited-length-1'), '10px');
|
||||
assert_equals(outerComputedStyle.getPropertyValue('--inherited-length-2'), '22px');
|
||||
|
|
|
@ -35,20 +35,22 @@
|
|||
</div>
|
||||
|
||||
<script>
|
||||
CSS.registerProperty({name: '--length-1', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-2', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-3', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-4', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-5', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-6', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-percentage-1', syntax: '<length-percentage>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-percentage-2', syntax: '<length-percentage>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-percentage-3', syntax: '<length-percentage>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--list-1', syntax: '<length>+', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--list-2', syntax: '<length>+', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--list-3', syntax: '<length-percentage>+', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--list-4', syntax: '<length-percentage>+', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--font-size', syntax: '<length>', initialValue: '0px'});
|
||||
test(() => {
|
||||
CSS.registerProperty({name: '--length-1', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-2', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-3', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-4', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-5', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-6', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-percentage-1', syntax: '<length-percentage>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-percentage-2', syntax: '<length-percentage>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--length-percentage-3', syntax: '<length-percentage>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--list-1', syntax: '<length>+', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--list-2', syntax: '<length>+', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--list-3', syntax: '<length-percentage>+', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--list-4', syntax: '<length-percentage>+', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--font-size', syntax: '<length>', initialValue: '0px'});
|
||||
}, "CSS.registerProperty");
|
||||
|
||||
for (var element of [divWithFontSizeSet, divWithFontSizeInherited]) {
|
||||
var id = element.id;
|
||||
|
|
|
@ -11,14 +11,14 @@
|
|||
</style>
|
||||
<div id=target></div>
|
||||
<script>
|
||||
CSS.registerProperty({name: '--length', syntax: '<length>', initialValue: 'calc(10px + 15px)'});
|
||||
CSS.registerProperty({name: '--length-percentage', syntax: '<length-percentage>', initialValue: 'calc(1in + 10% + 4px)'});
|
||||
CSS.registerProperty({name: '--inherited-color', syntax: '<color>', initialValue: 'pink', inherits: true});
|
||||
CSS.registerProperty({name: '--non-inherited-color', syntax: '<color>', initialValue: 'purple'});
|
||||
CSS.registerProperty({name: '--single-transform-list', syntax: '<transform-list>', initialValue: 'scale(calc(2 + 2))'});
|
||||
CSS.registerProperty({name: '--multiple-transform-list', syntax: '<transform-list>', initialValue: 'scale(calc(2 + 1)) translateX(calc(3px + 1px))'});
|
||||
|
||||
test(function() {
|
||||
CSS.registerProperty({name: '--length', syntax: '<length>', initialValue: 'calc(10px + 15px)'});
|
||||
CSS.registerProperty({name: '--length-percentage', syntax: '<length-percentage>', initialValue: 'calc(1in + 10% + 4px)'});
|
||||
CSS.registerProperty({name: '--inherited-color', syntax: '<color>', initialValue: 'pink', inherits: true});
|
||||
CSS.registerProperty({name: '--non-inherited-color', syntax: '<color>', initialValue: 'purple'});
|
||||
CSS.registerProperty({name: '--single-transform-list', syntax: '<transform-list>', initialValue: 'scale(calc(2 + 2))'});
|
||||
CSS.registerProperty({name: '--multiple-transform-list', syntax: '<transform-list>', initialValue: 'scale(calc(2 + 1)) translateX(calc(3px + 1px))'});
|
||||
|
||||
computedStyle = getComputedStyle(target);
|
||||
assert_equals(computedStyle.getPropertyValue('--length'), '25px');
|
||||
assert_equals(computedStyle.getPropertyValue('--length-percentage'), 'calc(100px + 10%)');
|
||||
|
|
|
@ -26,21 +26,21 @@ div {
|
|||
</style>
|
||||
<div id=element></div>
|
||||
<script>
|
||||
CSS.registerProperty({name: '--123px', syntax: '<length>', initialValue: '123px'});
|
||||
|
||||
CSS.registerProperty({name: '--registered-length-1', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-2', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-3', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-4', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-5', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-6', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-7', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-invalid', syntax: '<length>', initialValue: '15px'});
|
||||
|
||||
CSS.registerProperty({name: '--registered-token-stream-1', syntax: '*'});
|
||||
CSS.registerProperty({name: '--registered-token-stream-2', syntax: '*'});
|
||||
|
||||
test(function() {
|
||||
CSS.registerProperty({name: '--123px', syntax: '<length>', initialValue: '123px'});
|
||||
|
||||
CSS.registerProperty({name: '--registered-length-1', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-2', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-3', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-4', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-5', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-6', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-7', syntax: '<length>', initialValue: '0px'});
|
||||
CSS.registerProperty({name: '--registered-length-invalid', syntax: '<length>', initialValue: '15px'});
|
||||
|
||||
CSS.registerProperty({name: '--registered-token-stream-1', syntax: '*'});
|
||||
CSS.registerProperty({name: '--registered-token-stream-2', syntax: '*'});
|
||||
|
||||
computedStyle = getComputedStyle(element);
|
||||
assert_equals(computedStyle.getPropertyValue('--registered-length-1'), '10px');
|
||||
assert_equals(computedStyle.getPropertyValue('--registered-length-2'), '10px');
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue