1<!doctype html>
2<title>Web Animations API: Out of order Keyframe tests</title>
3<script src="testharness/testharness.js"></script>
4<script src="testharness/testharnessreport.js"></script>
5<div id='log'></div>
6<div id='div'></div>
7<script>
8
9test(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>
27