animationevent-pseudoelement.html (856B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Animations Test: AnimationEvent pseudoElement</title> 4 <link rel="help" href="https://drafts.csswg.org/css-animations/#interface-animationevent"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <style> 8 #target::before { 9 content: ""; 10 animation: move 1s; 11 } 12 13 @keyframes move { 14 to { transform: translate(100px); } 15 } 16 </style> 17 <div id='target'></div> 18 <script> 19 async_test(function(t) { 20 var target = document.getElementById('target'); 21 target.addEventListener("animationstart", t.step_func(function(evt) { 22 assert_true(evt instanceof window.AnimationEvent); 23 assert_equals(evt.pseudoElement, "::before"); 24 25 t.done(); 26 }), true); 27 }, "AnimationEvent should have the correct pseudoElement memeber"); 28 </script>