third_party/WebKit/LayoutTests/web-animations-api/w3c/out-of-order-keyframes.html

   1 <!doctype html>
   2 <title>Web Animations API: Out of order Keyframe tests</title>
   3 <script src='../../resources/testharness.js'></script>
   4 <script src='../../resources/testharnessreport.js'></script>
   5 <div id='log'></div>
   6 <div id='div'></div>
   7 <script>
   8
   9 test(function() {
  10   assert_throws({name: 'InvalidModificationError'}, function() {
  11     div.animate([{height: '100px', offset: 0.5}, {height: '200px', offset: 0}, {height: '300px', offset: 1}], 1);
  12   }, 'Out-of-order properties should not work');
  13
  14   assert_throws({name: 'InvalidModificationError'}, function() {
  15     div.animate([{height: '100px', offset: 0.5}, {height: '150px'},
  16                  {height: '200px', offset: 0}, {height: '300px', offset: 1}], 1);
  17   }, 'Auto offsets combined with out-of-order properties should not work');
  18 },
  19 'Out-of-order Keyframe tests',
  20 {
  21   help:   'http://dev.w3.org/fxtf/web-animations/#normalizing-a-sequence-of-keyframes',
  22   assert: 'Keyframes with out-of-order offsets should work, unless there are also auto offsets',
  23   author: 'Shane Stephens'
  24 });
  25
  26 </script>