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