third_party/WebKit/LayoutTests/web-animations-api/quirky-keyframes.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4
   5 <style>
   6 body {
   7   color: blue;
   8 }
   9
  10 #target {
  11   color: green;
  12 }
  13 </style>
  14
  15 <body>
  16   <div id="target"></div>
  17 </body>
  18
  19 <script>
  20 test(function() {
  21   var animation = target.animate([{
  22     color: '-webkit-text',
  23   }, {
  24     color: '-webkit-text',
  25   }], 1);
  26   animation.pause();
  27   animation.currentTime = 0;
  28   assert_equals(getComputedStyle(target).color, 'rgb(0, 128, 0)');
  29 }, 'KeyframeEffects do not support quirky values.');
  30 </script>