third_party/WebKit/LayoutTests/virtual/stable/web-animations-api/additive-animations-unsupported.html

   1 <!DOCTYPE html>
   2 <script src="../../../resources/testharness.js"></script>
   3 <script src="../../../resources/testharnessreport.js"></script>
   4
   5 <body>
   6     <div id='e'></div>
   7 </body>
   8
   9 <script>
  10 var element = document.getElementById('e');
  11
  12 test(function() {
  13     var replaceReplaceKeyframes = [
  14         {width: '0px', composite: 'replace'},
  15         {width: '100px', composite: 'replace'}
  16     ];
  17
  18     assert_not_equals(element.animate(replaceReplaceKeyframes), undefined);
  19 }, 'Calling element.animate() with a replace -> replace animation should create an animation.');
  20
  21 test(function() {
  22     var addAddKeyframes = [
  23         {width: '0px', composite: 'add'},
  24         {width: '100px', composite: 'add'}
  25     ];
  26
  27     assert_throws('NOT_SUPPORTED_ERR', function() { element.animate(addAddKeyframes); });
  28 }, 'Calling element.animate() with an add -> add animation should throw a NotSupportedError.');
  29
  30 test(function() {
  31     var replaceAddKeyframes = [
  32         {width: '0px', composite: 'replace'},
  33         {width: '100px', composite: 'add'}
  34     ];
  35
  36     assert_throws('NOT_SUPPORTED_ERR', function() { element.animate(replaceAddKeyframes); });
  37 }, 'Calling element.animate() with a replace -> add animation should throw a NotSupportedError.');
  38
  39 test(function() {
  40     var addReplaceKeyframes = [
  41         {width: '0px', composite: 'add'},
  42         {width: '100px', composite: 'replace'}
  43     ];
  44
  45     assert_throws('NOT_SUPPORTED_ERR', function() { element.animate(addReplaceKeyframes); });
  46 }, 'Calling element.animate() with an add -> replace animation should throw a NotSupportedError.');
  47 </script>