mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
web animation updates
This commit is contained in:
40
scripts/vendor/web-animations-js/test/blink/get-css-animations.html
vendored
Executable file
40
scripts/vendor/web-animations-js/test/blink/get-css-animations.html
vendored
Executable file
@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<script src="testharness/testharness.js"></script>
|
||||
<script src="testharness/testharnessreport.js"></script>
|
||||
<style>
|
||||
@keyframes test {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
.cssAnimation {
|
||||
animation: test 2s;
|
||||
}
|
||||
</style>
|
||||
<div id='container'>
|
||||
<div id='element'></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
async_test(function(t) {
|
||||
assert_equals(document.timeline.getAnimations().length, 0);
|
||||
assert_equals(container.getAnimations().length, 0);
|
||||
assert_equals(element.getAnimations().length, 0);
|
||||
|
||||
element.className = 'cssAnimation';
|
||||
onload = function () {
|
||||
t.step(function() {
|
||||
var animations = document.timeline.getAnimations();
|
||||
assert_equals(animations.length, 1);
|
||||
assert_equals(container.getAnimations().length, 0);
|
||||
assert_equals(element.getAnimations().length, 1);
|
||||
|
||||
animations[0].finish();
|
||||
assert_equals(document.timeline.getAnimations().length, 0);
|
||||
assert_equals(container.getAnimations().length, 0);
|
||||
assert_equals(element.getAnimations().length, 0);
|
||||
t.done();
|
||||
});
|
||||
}
|
||||
}, 'getAnimations() with cssanimations');
|
||||
|
||||
</script>
|
Reference in New Issue
Block a user