third_party/WebKit/LayoutTests/web-animations-api/animations-responsive-boxShadow.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4 <div id='container'>
   5     <div id='element'></div>
   6 </div>
   7 <script>
   8
   9 var container = document.getElementById('container');
  10 var element = document.getElementById('element');
  11
  12 test(function() {
  13     container.style.fontSize = '10px';
  14     container.style.color = 'red';
  15
  16     var keyframes = [
  17         {boxShadow: '10em 10em currentColor'},
  18         {boxShadow: '10em 10em currentColor'}
  19     ];
  20     var player = element.animate(keyframes, 10);
  21     player.pause();
  22     player.currentTime = 5;
  23
  24     var boxShadow = getComputedStyle(element).boxShadow;
  25     container.style.fontSize = '20px';
  26     container.style.color = 'green';
  27     assert_not_equals(getComputedStyle(element).boxShadow, boxShadow);
  28 }, 'boxShadow responsive to style changes');
  29
  30 </script>