third_party/WebKit/LayoutTests/animations/missing-values-last-keyframe-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style type="text/css" media="screen">
   5     body {
   6       margin: 0;
   7     }
   8
   9     .box {
  10       position: relative;
  11       width: 100px;
  12       height: 100px;
  13       left: 0;
  14       background-color: green;
  15     }
  16
  17     .indicator {
  18       position: absolute;
  19       width: 100px;
  20       height: 100px;
  21       left: 100px;
  22       background-color: red;
  23     }
  24     #indicator1 {
  25       top: 0;
  26     }
  27     #indicator2 {
  28       top: 100px;
  29     }
  30
  31     #box1 {
  32       left: 100px;
  33     }
  34
  35     #box2 {
  36       transform: translateX(100px);
  37     }
  38
  39   </style>
  40 </head>
  41 <body>
  42   <!-- In the pixel result, you should see two vertically adjacent green squares. There should be no red.
  43   Test is only reliable when run in DRT. -->
  44   <div class="indicator" id="indicator1"></div>
  45   <div class="indicator" id="indicator2"></div>
  46
  47   <div class="box" id="box1"></div>
  48   <div class="box" id="box2"></div>
  49
  50   <div id="result">
  51     PASS - "left" property for "box1" element at 1.5s saw something close to: 100<br>
  52     PASS - "webkitTransform.4" property for "box2" element at 1.5s saw something close to: 100
  53   </div>
  54 </body>
  55 </html>