third_party/WebKit/LayoutTests/web-animations-api/animations-responsive-fontWeight.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     var keyframes = [
  14         {fontWeight: 'bolder'},
  15         {fontWeight: 'bolder'}
  16     ];
  17
  18     container.style.fontWeight = '100';
  19     var player = element.animate(keyframes, 10);
  20     player.pause();
  21     player.currentTime = 5;
  22     fontWeight = getComputedStyle(element).fontWeight;
  23     container.style.fontWeight = '800';
  24     assert_not_equals(getComputedStyle(element).fontWeight, fontWeight);
  25 }, 'Relative font weight bolder responsive to style changes');
  26
  27 test(function() {
  28     var keyframes = [
  29         {fontWeight: 'lighter'},
  30         {fontWeight: 'lighter'}
  31     ];
  32
  33     container.style.fontWeight = '900';
  34     var player = element.animate(keyframes, 10);
  35     player.pause();
  36     player.currentTime = 5;
  37     fontWeight = getComputedStyle(element).fontWeight;
  38     container.style.fontWeight = '200';
  39     assert_not_equals(getComputedStyle(element).fontWeight, fontWeight);
  40 }, 'Relative font weight lighter responsive to style changes');
  41
  42 </script>