third_party/WebKit/LayoutTests/web-animations-api/w3c/keyframes-with-null-offsets.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/testharness.js"></script>
   3 <script src="../../resources/testharnessreport.js"></script>
   4 <script src="resources/keyframes-test.js"></script>
   5 <script>
   6 test(function() {
   7   assertAnimationStyles([
   8     {opacity: '0.5', left: '50px'},
   9     {opacity: '0', left: '0px', offset: null},
  10     {opacity: '0.75', left: '75px', offset: null},
  11   ], {
  12     0: {opacity: '0.5', left: '50px'},
  13     0.25: {opacity: '0.25', left: '25px'},
  14     0.5: {opacity: '0', left: '0px'},
  15     0.75: {opacity: '0.375', left: '37.5px'},
  16     1: {opacity: '0.75', left: '75px'},
  17   }, 'case A');
  18   assertAnimationStyles([
  19     {opacity: '0.5', left: '50px', offset: null},
  20     {opacity: '0', left: '0px', offset: 0.25},
  21     {opacity: '0.75', left: '75px', offset: null},
  22   ], {
  23     0: {opacity: '0.5', left: '50px'},
  24     0.125: {opacity: '0.25', left: '25px'},
  25     0.25: {opacity: '0', left: '0px'},
  26     0.5: {opacity: '0.25', left: '25px'},
  27     0.75: {opacity: '0.5', left: '50px'},
  28     1: {opacity: '0.75', left: '75px'},
  29   }, 'case B');
  30 },
  31 'element.animate() with null offsets specified',
  32 {
  33   help: 'http://dev.w3.org/fxtf/web-animations/#the-keyframe-dictionary',
  34   assert: [
  35     'element.animate() should start an animation when keyframes are specified with',
  36     'null offsets. The behaviour should be identical to not specifying the offsets.',
  37   ],
  38   author: 'Alan Cutter',
  39 });
  40 </script>