| <!DOCTYPE html> |
| <head> |
| <title>This tests that rounded rect stays renderable during while animating size.</title> |
| <style> |
| #thumb { |
| background-color: red; |
| border: solid 1px transparent; |
| border-radius: 50%; |
| width: 100px; |
| height: 100px; |
| -webkit-transition: width 500ms, height 500ms; |
| } |
| </style> |
| <script> |
| if (window.testRunner) { |
| window.testRunner.waitUntilDone(); |
| window.testRunner.dumpAsText(); |
| } |
| |
| function transitionFinished() { |
| if (window.testRunner) |
| window.testRunner.notifyDone(); |
| } |
| |
| function start() { |
| var thumb = document.getElementById("thumb"); |
| thumb.addEventListener("webkitTransitionEnd", transitionFinished, true); |
| thumb.style.width = "10px"; |
| thumb.style.height = "10px"; |
| } |
| |
| </script> |
| </head> |
| <body onload=start()> |
| <p>Test passes if it does not assert in debug builds.</p> |
| <div id=thumb></div> |
| </body> |
