LayoutTests/fast/animation/height-auto-transition-computed-value.html

   1 <!DOCTYPE html><!-- webkit-test-runner [ enableWebAnimationsCSSIntegration=true ] -->
   2 <html>
   3 <head>
   4 <title>This tests that auto transition returns the proper computed value.</title>
   5 <style>
   6 #dropdown {
   7     font-size: 16px;
   8     font-family: ahem;
   9     color: white;
  10     overflow: hidden;
  11     border: 1px solid red;
  12     height: 0px;
  13     transition: height 1s ease-out;
  14 }
  15 </style>
  16 </head>
  17 <body>
  18 <div id=dropdown>foobar</div>
  19 PASS if you can see foobar above.
  20
  21 <script>
  22 if (window.testRunner)
  23     testRunner.waitUntilDone();
  24
  25 setTimeout(function() {
  26     var element = document.getElementById("dropdown");
  27     element.style.height = 'auto';
  28     var h = element.offsetHeight;
  29     element.style.height = h + 'px';
  30     if (window.testRunner)
  31         testRunner.notifyDone();
  32 }, 0);
  33 </script>
  34 </body>
  35 </html>