| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>CSS Animations Test: AnimationEvent pseudoElement</title> |
| <link rel="help" href="https://drafts.csswg.org/css-animations/#interface-animationevent"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <style> |
| #target::before { |
| content: ""; |
| animation: move 1s; |
| } |
| |
| @keyframes move { |
| to { transform: translate(100px); } |
| } |
| </style> |
| <div id='target'></div> |
| <script> |
| async_test(function(t) { |
| var target = document.getElementById('target'); |
| target.addEventListener("animationstart", t.step_func(function(evt) { |
| assert_true(evt instanceof window.AnimationEvent); |
| assert_equals(evt.pseudoElement, "::before"); |
| |
| t.done(); |
| }), true); |
| }, "AnimationEvent should have the correct pseudoElement memeber"); |
| </script> |
| |
