34 lines
1.2 KiB
HTML
34 lines
1.2 KiB
HTML
<meta charset=utf-8>
|
|
<title>CSS Animations Test: requirement on pending style changes - getAnimations</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-animations-2/#requirements-on-pending-style-changes">
|
|
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
|
|
<style>
|
|
@keyframes anim {}
|
|
|
|
.animate {
|
|
animation: anim 10s;
|
|
}
|
|
</style>
|
|
|
|
<div id="target"></div>
|
|
|
|
<script>
|
|
test (t => {
|
|
assert_equals(target.getAnimations().length, 0, 'Test precondition.');
|
|
target.classList.add('animate');
|
|
assert_equals(target.getAnimations().length, 1,
|
|
'target.getAnimations() should include the CSS animation after animate class added.');
|
|
target.classList.remove('animate');
|
|
}, 'Animatable::getAnimations() should be able to see a style-created CSS animation immediately');
|
|
|
|
test(t => {
|
|
assert_equals(document.getAnimations().length, 0, 'Test precondition.');
|
|
target.classList.add('animate');
|
|
assert_equals(document.getAnimations().length, 1,
|
|
'document.getAnimations() should include the CSS animation after animate class added.');
|
|
target.classList.remove('animate');
|
|
}, 'Document::getAnimations() should be able to see a style-created CSS animation immediately');
|
|
</script>
|