<!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>