third_party/WebKit/LayoutTests/animations/some-keyframes-empty.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style type="text/css" media="screen">
   5     #test {
   6       position: relative;
   7       margin: 10px;
   8       left: 0;
   9       width: 100px;
  10       height: 100px;
  11       background-color: blue;
  12       -webkit-animation-duration: 2s;
  13       -webkit-animation-name: test;
  14     }
  15     @-webkit-keyframes test {
  16         from {
  17           left: 100px;
  18         }
  19         25% {
  20           -webkit-animation-timing-function: linear;
  21         }
  22         50% {
  23         }
  24         to {
  25           left: 200px;
  26         }
  27     }
  28   </style>
  29   <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script>
  30   <script type="text/javascript" charset="utf-8">
  31
  32     const expectedValues = [
  33       // [time, element-id, property, expected-value, tolerance]
  34       [0.25, "test", "left", 113, 15],
  35       [0.5, "test", "left", 132, 15],
  36     ];
  37
  38     runAnimationTest(expectedValues);
  39   </script>
  40 </head>
  41 <body>
  42 <p>Tests that when an animation uses keyframes which contains no properties, those keyframes are ignored.</p>
  43 <div id="test"></div>
  44 <div id="result">
  45 </div>
  46 </body>
  47 </html>