Index: LayoutTests/animations/empty-keyframe-animation.html |
diff --git a/LayoutTests/animations/empty-keyframe-animation.html b/LayoutTests/animations/empty-keyframe-animation.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..41f293f922f31b4d9c4976052ef49fa2f422161f |
--- /dev/null |
+++ b/LayoutTests/animations/empty-keyframe-animation.html |
@@ -0,0 +1,50 @@ |
+<!DOCTYPE html> |
+<style> |
+#test1 { |
+ -webkit-animation-fill-mode: forwards; |
+ -webkit-animation-duration: 1s; |
+ -webkit-animation-name: green; |
+} |
+#test2 { |
+ -webkit-animation-fill-mode: forwards; |
+ -webkit-animation-duration: 1s; |
+} |
+#test3 { |
+ -webkit-animation-fill-mode: forwards; |
+ -webkit-animation-duration: 1s; |
+ -webkit-animation-name: empty; |
+} |
+@-webkit-keyframes green { |
+ from { |
+ background-color: white; |
+ } |
+ to { |
+ background-color: green; |
+ } |
+} |
+@-webkit-keyframes empty { |
+} |
+</style> |
+Tests that an animation with no keyframes does not start. |
+<div id="result">FAIL - nothing happened</div> |
+<div id="test1"></div> |
+<div id="test2"></div> |
+<div id="test3"></div> |
+<script> |
+if (window.testRunner) { |
+ testRunner.dumpAsText(); |
+ testRunner.waitUntilDone(); |
+} |
+var pass = true; |
+test1.addEventListener('webkitAnimationStart', function() { |
+ test2.style.webkitAnimationName = 'green'; |
+}); |
+test2.addEventListener('webkitAnimationStart', function() { |
+ result.innerText = pass ? 'PASS' : 'FAIL'; |
+ if (window.testRunner) |
+ testRunner.notifyDone(); |
+}); |
+test3.addEventListener('webkitAnimationStart', function() { |
+ pass = false; |
+}); |
+</script> |