mirror of
https://github.com/servo/servo.git
synced 2025-08-09 23:45:35 +01:00
Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444
This commit is contained in:
parent
25e8bf69e6
commit
665817d2a6
35333 changed files with 1818077 additions and 16036 deletions
|
@ -19,5 +19,24 @@ test(function(t) {
|
|||
assert_equals(anim.effect, newEffect, "new effect is set");
|
||||
}, "effect is set correctly.");
|
||||
|
||||
test(function(t) {
|
||||
var div = createDiv(t);
|
||||
var animation = div.animate({ left: ['100px', '100px'] },
|
||||
{ fill: 'forwards' });
|
||||
var effect = animation.effect;
|
||||
|
||||
assert_equals(getComputedStyle(div).left, '100px',
|
||||
'animation is initially having an effect');
|
||||
|
||||
animation.effect = null;
|
||||
assert_equals(getComputedStyle(div).left, 'auto',
|
||||
'animation no longer has an effect');
|
||||
|
||||
animation.effect = effect;
|
||||
assert_equals(getComputedStyle(div).left, '100px',
|
||||
'animation has an effect again');
|
||||
}, 'Clearing and setting Animation.effect should update the computed style'
|
||||
+ ' of the target element');
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
@ -0,0 +1,51 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Animation interface automated IDL tests</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/WebIDLParser.js"></script>
|
||||
<script src="/resources/idlharness.js"></script>
|
||||
<script src="../../testcommon.js"></script>
|
||||
<div id="log"></div>
|
||||
<script type="text/plain" id="Animation-IDL">
|
||||
enum AnimationPlayState { "idle", "pending", "running", "paused", "finished" };
|
||||
|
||||
[Constructor (optional AnimationEffectReadOnly? effect = null,
|
||||
optional AnimationTimeline? timeline)]
|
||||
interface Animation : EventTarget {
|
||||
attribute DOMString id;
|
||||
attribute AnimationEffectReadOnly? effect;
|
||||
attribute AnimationTimeline? timeline;
|
||||
attribute double? startTime;
|
||||
attribute double? currentTime;
|
||||
attribute double playbackRate;
|
||||
readonly attribute AnimationPlayState playState;
|
||||
readonly attribute Promise<Animation> ready;
|
||||
readonly attribute Promise<Animation> finished;
|
||||
attribute EventHandler onfinish;
|
||||
attribute EventHandler oncancel;
|
||||
void cancel ();
|
||||
void finish ();
|
||||
void play ();
|
||||
void pause ();
|
||||
void reverse ();
|
||||
};
|
||||
</script>
|
||||
<script>
|
||||
'use strict';
|
||||
|
||||
test(function(t) {
|
||||
const idlArray = new IdlArray();
|
||||
|
||||
idlArray.add_untested_idls('interface AnimationTimeline {};');
|
||||
idlArray.add_untested_idls('interface EventHandler {};');
|
||||
idlArray.add_untested_idls('interface EventTarget {};');
|
||||
idlArray.add_idls(
|
||||
document.getElementById('Animation-IDL').textContent);
|
||||
|
||||
// const animation = createDiv(t).animate(null);
|
||||
idlArray.add_objects( { Animation: ['new Animation()'] } );
|
||||
idlArray.test();
|
||||
});
|
||||
|
||||
</script>
|
|
@ -12,7 +12,7 @@
|
|||
|
||||
promise_test(function(t) {
|
||||
var div = createDiv(t);
|
||||
var animation = div.animate({}, 100 * MS_PER_SEC);
|
||||
var animation = div.animate(null, 100 * MS_PER_SEC);
|
||||
var originalReadyPromise = animation.ready;
|
||||
var pauseReadyPromise;
|
||||
|
||||
|
@ -35,7 +35,7 @@ promise_test(function(t) {
|
|||
|
||||
promise_test(function(t) {
|
||||
var div = createDiv(t);
|
||||
var animation = div.animate({}, 100 * MS_PER_SEC);
|
||||
var animation = div.animate(null, 100 * MS_PER_SEC);
|
||||
|
||||
return animation.ready.then(function() {
|
||||
var promiseBeforeCallingPlay = animation.ready;
|
||||
|
@ -48,7 +48,7 @@ promise_test(function(t) {
|
|||
|
||||
promise_test(function(t) {
|
||||
var div = createDiv(t);
|
||||
var animation = div.animate({}, 100 * MS_PER_SEC);
|
||||
var animation = div.animate(null, 100 * MS_PER_SEC);
|
||||
|
||||
return animation.ready.then(function(resolvedAnimation) {
|
||||
assert_equals(resolvedAnimation, animation,
|
||||
|
@ -57,40 +57,5 @@ promise_test(function(t) {
|
|||
});
|
||||
}, 'The ready promise is fulfilled with its Animation');
|
||||
|
||||
promise_test(function(t) {
|
||||
var div = createDiv(t);
|
||||
var animation = div.animate({}, 100 * MS_PER_SEC);
|
||||
|
||||
var retPromise = animation.ready.then(function() {
|
||||
assert_unreached('ready promise was fulfilled');
|
||||
}).catch(function(err) {
|
||||
assert_equals(err.name, 'AbortError',
|
||||
'ready promise is rejected with AbortError');
|
||||
});
|
||||
|
||||
animation.cancel();
|
||||
|
||||
return retPromise;
|
||||
}, 'ready promise is rejected when a play-pending animation is cancelled by'
|
||||
+ ' calling cancel()');
|
||||
|
||||
promise_test(function(t) {
|
||||
var div = createDiv(t);
|
||||
var animation = div.animate({}, 100 * MS_PER_SEC);
|
||||
return animation.ready.then(function() {
|
||||
animation.pause();
|
||||
// Set up listeners on pause-pending ready promise
|
||||
var retPromise = animation.ready.then(function() {
|
||||
assert_unreached('ready promise was fulfilled');
|
||||
}).catch(function(err) {
|
||||
assert_equals(err.name, 'AbortError',
|
||||
'ready promise is rejected with AbortError');
|
||||
});
|
||||
animation.cancel();
|
||||
return retPromise;
|
||||
});
|
||||
}, 'ready promise is rejected when a pause-pending animation is cancelled by'
|
||||
+ ' calling cancel()');
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue