| <!doctype html> | |
| <style> | |
| #test { | |
| height: 0px; | |
| -webkit-transition: height 1000s; | |
| background: green; | |
| } | |
| </style> | |
| <div id="test">Testing...</div> | |
| <script> | |
| if (window.testRunner) { | |
| testRunner.dumpAsText(); | |
| testRunner.waitUntilDone(); | |
| } | |
| function finish(result) { | |
| document.body.textContent = result; | |
| if (window.testRunner) { | |
| testRunner.notifyDone(); | |
| } | |
| } | |
| onload = function() { | |
| if (test.clientHeight != 0) { | |
| return finish('FAIL -- expected initial height of 0px'); | |
| } | |
| test.style.height = 'auto'; | |
| if (test.clientHeight == 0) { | |
| return finish('FAIL -- transtion should not apply from 0px to auto'); | |
| } | |
| return finish('PASS'); | |
| }; | |
| </script> |