41 lines
1.2 KiB
HTML
41 lines
1.2 KiB
HTML
<!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.getAnimationPlayers().length, 0);
|
|
assert_equals(container.getAnimationPlayers().length, 0);
|
|
assert_equals(element.getAnimationPlayers().length, 0);
|
|
|
|
element.className = 'cssAnimation';
|
|
onload = function () {
|
|
t.step(function() {
|
|
var players = document.timeline.getAnimationPlayers();
|
|
assert_equals(players.length, 1);
|
|
assert_equals(container.getAnimationPlayers().length, 0);
|
|
assert_equals(element.getAnimationPlayers().length, 1);
|
|
|
|
players[0].finish();
|
|
assert_equals(document.timeline.getAnimationPlayers().length, 0);
|
|
assert_equals(container.getAnimationPlayers().length, 0);
|
|
assert_equals(element.getAnimationPlayers().length, 0);
|
|
t.done();
|
|
});
|
|
}
|
|
}, 'getAnimationPlayers() with cssanimations');
|
|
|
|
</script>
|