src/third_party/WebKit/LayoutTests/animations/unsigned-underflow.html

   1 <!DOCTYPE html>
   2 <style>
   3 #target {
   4     height: 100px;
   5     width: 100px;
   6     border: solid blue 0px;
   7     -webkit-animation-duration: 1s;
   8     -webkit-animation-timing-function: cubic-bezier(0,-1,1,-1);
   9     -webkit-animation-name: anim;
  10 }
  11 @-webkit-keyframes "anim" {
  12     from {
  13         border-top-width: 0px;
  14         outline-width: 0px;
  15         -webkit-column-count: 1;
  16         -webkit-column-rule-width: 0px;
  17     }
  18     to {
  19         border-top-width: 10px;
  20         outline-width: 10px;
  21         -webkit-column-count: 10;
  22         -webkit-column-rule-width: 10px;
  23     }
  24 }
  25 </style>
  26 <script src="resources/animation-test-helpers.js"></script>
  27 <script>
  28 if (window.testRunner)
  29     testRunner.dumpAsText();
  30
  31 const expectedValues = [
  32   // [time, element-id, property, expected-value, tolerance]
  33   [0.5, 'target', 'border-top-width', 0, 0],
  34   [0.5, 'target', 'outline-width', 0, 0],
  35   [0.5, 'target', '-webkit-column-count', 1, 0],
  36   [0.5, 'target', '-webkit-column-rule-width', 0, 0],
  37 ];
  38
  39 runAnimationTest(expectedValues);
  40 </script>
  41 <body>
  42 Tests that interpolation of unsigned values does not underflow when a timing
  43 function produces values outside the range 0-1.
  44 <div id="target"></div>