third_party/WebKit/LayoutTests/transitions/zero-duration-in-list.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style>
   6     #box {
   7       position: absolute;
   8       height: 100px;
   9       width: 100px;
  10       left: 0px;
  11       top: 0px;
  12       background-color: blue;
  13       -webkit-transition-duration: 0s, 0.5s;
  14       -webkit-transition-timing-function: linear;
  15       -webkit-transition-property: top, left;
  16     }
  17   </style>
  18   <script src="../animations/resources/animation-test-helpers.js"></script>
  19   <script type="text/javascript">
  20
  21     const expectedValues = [
  22       // [time, element-id, property, expected-value, tolerance]
  23       [0.25, "box", "left", 50, 10],
  24       [0.25, "box", "top", 100, 0],
  25     ];
  26
  27     function setupTest()
  28     {
  29       var box = document.getElementById('box');
  30       box.style.top = '100px';
  31       box.style.left = '100px';
  32     }
  33
  34     runTransitionTest(expectedValues, setupTest);
  35   </script>
  36 </head>
  37 <body>
  38
  39 <p>Tests that with a zero duration transition on top, it does not animate</p>
  40 <div id="box">
  41 </div>
  42 <div id="result">
  43 </div>
  44 </body>
  45 </html>