8 background-color: blue;
9 -webkit-transition-property: -webkit-transform;
10 -webkit-transition-duration: 5s;
11 -webkit-transform: translate(0, 0);
15 -webkit-transform: translateX(300px);
19 if (window.layoutTestController) {
20 layoutTestController.dumpAsText();
21 layoutTestController.waitUntilDone();
26 var t = window.getComputedStyle(document.getElementById('box')).webkitTransform;
27 // grab the x value from the matrix()
28 var lastValueRE = /([\.\d]+),[^,]+\)$/;
29 var xTranslate = lastValueRE.exec(t)[1];
30 var result = (xTranslate > 0) ? 'PASS' : 'FAIL: transition should be running, so x > 0';
31 document.getElementById('result').innerHTML = result;
33 if (window.layoutTestController)
34 layoutTestController.notifyDone();
39 window.setTimeout(function() {
40 document.getElementById('box').className = 'moved box';
41 window.setTimeout(test, 200);
46 <body onload="startTest()">
47 <p>Box should start transition from style change on timer</p>
49 <div id="box" class="box" onclick="this.className='redirected box'">