| -webkit-transition-property: -webkit-transform; |
| -webkit-transition-duration: 5s; |
| -webkit-transform: translate(0, 0); |
| -webkit-transform: translateX(300px); |
| testRunner.waitUntilDone(); |
| var t = window.getComputedStyle(document.getElementById('box')).webkitTransform; |
| // grab the x value from the matrix() |
| var lastValueRE = /([\.\d]+),[^,]+\)$/; |
| var xTranslate = lastValueRE.exec(t)[1]; |
| var result = (xTranslate > 0) ? 'PASS' : 'FAIL: transition should be running, so x > 0'; |
| document.getElementById('result').innerHTML = result; |
| window.setTimeout(function() { |
| document.getElementById('box').className = 'moved box'; |
| window.setTimeout(test, 200); |
| <body onload="startTest()"> |
| <p>Box should start transition from style change on timer</p> |
| <div id="box" class="box" onclick="this.className='redirected box'"> |