| OLD | NEW | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <html> | 2 <html> | 
| 3 <head> | 3 <head> | 
| 4   <style> | 4   <style> | 
| 5     #container { | 5     #container { | 
| 6       transform: translateZ(0px); | 6       transform: translateZ(0px); | 
| 7       -webkit-perspective: 400; | 7       -webkit-perspective: 400; | 
| 8     } | 8     } | 
| 9 | 9 | 
| 10     #revealed { | 10     #revealed { | 
| (...skipping 27 matching lines...) Expand all  Loading... | 
| 38    <script src="resources/animation-test-helpers.js"></script> | 38    <script src="resources/animation-test-helpers.js"></script> | 
| 39    <script> | 39    <script> | 
| 40      if (window.testRunner) { | 40      if (window.testRunner) { | 
| 41        testRunner.waitUntilDone(); | 41        testRunner.waitUntilDone(); | 
| 42      } | 42      } | 
| 43 | 43 | 
| 44      function animationDone() | 44      function animationDone() | 
| 45      { | 45      { | 
| 46        var animated = document.getElementById('animated'); | 46        var animated = document.getElementById('animated'); | 
| 47        var result; | 47        var result; | 
| 48        var expected = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 200, 1]; | 48        var expected = "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 200
    , 1)"; | 
| 49        var computed = getPropertyValue("webkitTransform", "animated"); | 49        var computed = getPropertyValue("webkitTransform", "animated"); | 
| 50        if (comparePropertyValue("webkitTransform", computed, expected, 0.002)) { | 50        if (comparePropertyValue(computed, expected, 0.002)) { | 
| 51          result = "PASS - Computed final position is correct."; | 51          result = "PASS - Computed final position is correct."; | 
| 52        } else { | 52        } else { | 
| 53          result = "FAIL - Computed final position is incorrect. Expected " + exp
    ected + ", got " + computed; | 53          result = "FAIL - Computed final position is incorrect. Expected " + exp
    ected + ", got " + computed; | 
| 54        } | 54        } | 
| 55        document.getElementById('result').innerHTML = result; | 55        document.getElementById('result').innerHTML = result; | 
| 56        testRunner.notifyDone(); | 56        testRunner.notifyDone(); | 
| 57      } | 57      } | 
| 58 | 58 | 
| 59      function animationStarted() | 59      function animationStarted() | 
| 60      { | 60      { | 
| (...skipping 11 matching lines...) Expand all  Loading... | 
| 72    </script> | 72    </script> | 
| 73 </head> | 73 </head> | 
| 74 <body onload="startTest()"> | 74 <body onload="startTest()"> | 
| 75   <div id="container"> | 75   <div id="container"> | 
| 76     <div id="revealed"></div> | 76     <div id="revealed"></div> | 
| 77     <div id="animated"></div> | 77     <div id="animated"></div> | 
| 78   </div> | 78   </div> | 
| 79   <div id="result"></div> | 79   <div id="result"></div> | 
| 80 </body> | 80 </body> | 
| 81 </html> | 81 </html> | 
| OLD | NEW | 
|---|