[Web Animations] Interpolation between lengths with an "auto" value should be discrete
[WebKit-https.git] / 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>