third_party/WebKit/LayoutTests/animations/use-count-stacked-neutral-keyframe.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4 <style>
   5 #target {
   6     animation-name: a, b;
   7     animation-duration: 1e10s;
   8 }
   9
  10 @keyframes a {
  11     from { left: 1px; }
  12     to { left: 1px; }
  13 }
  14
  15 @keyframes b {
  16     from { left: 1px; }
  17     to { left: 1px; }
  18 }
  19 </style>
  20 <div id="target"></div>
  21 <script>
  22 var CSSAnimationsStackedNeutralKeyframe = 937; // From UseCounter.h
  23 test(function() {
  24   getComputedStyle(target).left; // Force style recalc;
  25   assert_false(internals.isUseCounted(document, CSSAnimationsStackedNeutralKeyframe));
  26
  27   document.styleSheets[0].rules[2].deleteRule('from');
  28   getComputedStyle(target).left; // Force style recalc;
  29   assert_true(internals.isUseCounted(document, CSSAnimationsStackedNeutralKeyframe));
  30 });
  31 </script>