third_party/WebKit/LayoutTests/animations/implicit-keyframe-with-timing-function.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4 <div id="target">Test target</div>
   5 <script>
   6 var target = document.getElementById('target');
   7 var test1 = async_test('Timing function should apply even when keyframes are not specified');
   8 target.addEventListener('webkitAnimationStart', function() {
   9   test1.step(function() {
  10     assert_equals(getComputedStyle(target).left, '1000px');
  11   });
  12   target.remove();
  13   test1.done();
  14 });
  15 </script>
  16 <style>
  17 #target {
  18   -webkit-animation: anim 1s -0.25s step-start paused;
  19   left: 0px;
  20 }
  21 @-webkit-keyframes anim {
  22   50% { left: 1000px; }
  23 }
  24 </style>