diff options
Diffstat (limited to '')
| -rw-r--r-- | testing/web-platform/tests/css/css-animations/animationevent-marker-pseudoelement.html | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-animations/animationevent-marker-pseudoelement.html b/testing/web-platform/tests/css/css-animations/animationevent-marker-pseudoelement.html new file mode 100644 index 0000000000..90c7b86ab9 --- /dev/null +++ b/testing/web-platform/tests/css/css-animations/animationevent-marker-pseudoelement.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Animations Test: AnimationEvent pseudoElement</title> +<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> +<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::marker { + content: ""; + animation: move 1s; + } + + @keyframes move { + to { transform: translate(100px); } + } + + #target { + display: list-item; + list-style-position: inside; + } +</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, "::marker"); + + t.done(); + }), true); + }, "AnimationEvent should have the correct pseudoElement memeber"); +</script> + |