src/third_party/WebKit/LayoutTests/animations/animation-pseudo-rem.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4 <style>
   5 :root {
   6   font-size: 1234px;
   7 }
   8 @keyframes remAnimation {
   9   from {
  10     width: 10rem;
  11   }
  12   to {
  13     width: 10rem;
  14   }
  15 }
  16 #element:before {
  17   content: '';
  18   display: block;
  19   animation: remAnimation 1s forwards;
  20 }
  21 </style>
  22 <div id='element'></div>
  23
  24 <script>
  25 test(function() {
  26   assert_equals(getComputedStyle(element, ':before').width, '12340px');
  27 }, 'Check rem is calculated in animation keyframe');
  28 </script>