<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>