Index: sky/tests/animation/basic-declarative.sky |
diff --git a/sky/tests/animation/basic-declarative.sky b/sky/tests/animation/basic-declarative.sky |
new file mode 100644 |
index 0000000000000000000000000000000000000000..83b428e0dda4a9379457c786663e1fe596d3fd06 |
--- /dev/null |
+++ b/sky/tests/animation/basic-declarative.sky |
@@ -0,0 +1,31 @@ |
+<sky> |
+<import src="../resources/chai.sky" /> |
+<import src="../resources/mocha.sky" /> |
+<div id="example"></div> |
+<style> |
+#example { |
+ width: 100px; |
+ height: 100px; |
+ background: red; |
+ position: relative; |
+ animation-name: anim; |
+ animation-timing-function: linear; |
+ animation-duration: 5s; |
+} |
+ |
+@keyframes anim { |
+ 0% { top: 0px; } |
+ 100% { top: 100px; } |
+} |
+</style> |
+<script> |
+var example = document.getElementById('example'); |
+ |
+describe('top', function() { |
+ it('should amimate from 0 to 100px', function() { |
+ internals.pauseAnimations(3); |
+ assert.equal('60px', getComputedStyle(example).top); |
+ }); |
+}); |
+</script> |
+</sky> |