third_party/WebKit/LayoutTests/web-animations-api/eased-keyframes-non-animatable.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4 <script src="w3c/resources/keyframes-test.js"></script>
   5 <script>
   6 test(function() {
   7   assertAnimationStyles([
   8     {opacity: '0', position: 'absolute', easing: 'steps(4, start)'},
   9     {opacity: '0.5', position: 'relative'}
  10   ], {
  11     0: {opacity: '0.125', position: 'absolute'},
  12     0.25: {opacity: '0.25', position: 'relative'},
  13     0.5: {opacity: '0.375', position: 'relative'},
  14     0.75: {opacity: '0.5', position: 'relative'},
  15     1: {opacity: '0.5', position: 'relative'}
  16   });
  17 },
  18 'element.animate() with eased keyframe on non-animatable property',
  19 {
  20   assert: [
  21     'element.animate() should start an animation when keyframes are specified with timing functions',
  22     'for their easing property. Non-animatable properties should take on the first value when the',
  23     'functions value is less than 0.5, and the second value otherwise.',
  24   ],
  25   author: 'George Caley',
  26 });
  27 </script>